.splash[data-v-60fd9886]{z-index:9999;background:radial-gradient(at 50% 35%,#0a0a14 0%,#030306 70%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.star-field[data-v-60fd9886]{pointer-events:none;position:absolute;inset:0}.bh-wrap[data-v-60fd9886]{z-index:2;opacity:0;flex-shrink:0;justify-content:center;align-items:center;width:220px;height:220px;transition:opacity 1.6s,transform 2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:scale(0)}.bh-wrap.active[data-v-60fd9886]{opacity:1;transform:scale(1)}.bh-ambient[data-v-60fd9886]{background:radial-gradient(circle,#ffa03c1f 0%,#ff64140f 40%,#0000 70%);border-radius:50%;width:380px;height:380px;animation:4s ease-in-out infinite alternate ambientPulse-60fd9886;position:absolute}@keyframes ambientPulse-60fd9886{0%{opacity:.7;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.disk-wrapper[data-v-60fd9886]{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.disk[data-v-60fd9886]{border-radius:50%;animation:4s linear infinite diskRotate-60fd9886;position:absolute}.disk-outer[data-v-60fd9886]{filter:blur(4px);opacity:.9;background:conic-gradient(from 180deg,#ff500a00 0%,#ff781e26 10%,#ffb43c66 25%,#ffe6aab3 40%,#fffff0d9 50%,#ffd27899 65%,#ff781e40 80%,#ff3c0000 100%);width:350px;height:350px;transform:rotateX(78deg)rotate(0)}.disk-mid[data-v-60fd9886]{filter:blur(2px);opacity:.95;background:conic-gradient(from 180deg,#ff641400 0%,#ffa03c4d 15%,#ffdc8cb3 35%,#fffffa 48%,#fff0b4cc 62%,#ff8c2859 80%,#ff500a00 100%);width:280px;height:280px;transform:rotateX(78deg)rotate(0)}.disk-inner[data-v-60fd9886]{filter:blur(1px);opacity:.7;background:conic-gradient(from 180deg,#ffc87800 0%,#fff0c880 30%,#fff 48%,#fff0c880 70%,#ffc87800 100%);width:200px;height:200px;transform:rotateX(78deg)rotate(0)}@keyframes diskRotate-60fd9886{to{transform:rotateX(78deg)rotate(360deg)}}.lens-arc[data-v-60fd9886]{z-index:2;border-radius:50%;position:absolute}.lens-arc-top[data-v-60fd9886]{filter:blur(3px);border:2px solid #ffb45040;border-top:5px solid #ffe6aab3;border-bottom:none;width:140px;height:140px;top:3px;box-shadow:0 -4px 15px #ffc8644d}.lens-arc-bottom[data-v-60fd9886]{filter:blur(3px);border:1px solid #ff641426;border-top:none;border-bottom:4px solid #ff8c2880;width:134px;height:134px;bottom:8px;box-shadow:0 4px 12px #ff781e33}.horizon[data-v-60fd9886]{z-index:3;background:#000;border-radius:50%;width:110px;height:110px;position:absolute;box-shadow:0 0 0 2px #ffdca099,0 0 12px 3px #ffa03c80,0 0 40px 10px #ff641433}.horizon-shadow[data-v-60fd9886]{background:radial-gradient(circle,#000 60%,#000000f2 100%);border-radius:50%;position:absolute;inset:0}.photon-ring[data-v-60fd9886]{filter:blur(.5px);border:1.5px solid #fff0c8b3;border-radius:50%;position:absolute;inset:-1px;box-shadow:0 0 6px #ffdca099,inset 0 0 4px #ffdca04d}.logo-reveal[data-v-60fd9886]{z-index:10;opacity:0;align-items:baseline;margin-top:36px;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(14px)}.logo-reveal.active[data-v-60fd9886]{opacity:1;transform:translateY(0)}.logo-letter[data-v-60fd9886]{font-family:var(--font-display);letter-spacing:.06em;color:#fff;opacity:0;font-size:34px;font-weight:600;animation:none;transform:translateY(16px)scale(.8)}.logo-space[data-v-60fd9886]{width:10px}.logo-vpn[data-v-60fd9886]{letter-spacing:.08em;color:#ffffff73;font-size:22px;font-weight:400}.logo-reveal.active .logo-letter[data-v-60fd9886]{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards letterPop-60fd9886}@keyframes letterPop-60fd9886{to{opacity:1;transform:translateY(0)scale(1)}}.welcome-text[data-v-60fd9886]{text-align:center;z-index:10;opacity:0;margin-top:22px;transition:all .6s cubic-bezier(.34,1.56,.64,1);transform:translateY(14px)}.welcome-text.active[data-v-60fd9886]{opacity:1;transform:translateY(0)}.welcome-greeting[data-v-60fd9886]{font-family:var(--font-body);color:#fff6;margin-bottom:5px;font-size:15px}.welcome-name[data-v-60fd9886]{font-family:var(--font-display);color:#fff;font-size:24px;font-weight:600}.tagline[data-v-60fd9886]{z-index:10;opacity:0;align-items:center;gap:12px;margin-top:20px;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;transform:translateY(10px)}.tagline.active[data-v-60fd9886]{opacity:1;transform:translateY(0)}.tagline-msg[data-v-60fd9886]{color:#ffffff59;letter-spacing:.02em;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.tagline-icon[data-v-60fd9886]{color:var(--emerald);font-size:15px}.splash-exit-leave-active[data-v-60fd9886]{transition:all .7s cubic-bezier(.4,0,.2,1)}.splash-exit-leave-to[data-v-60fd9886]{opacity:0;filter:blur(8px);transform:scale(1.08)}.top-bar[data-v-476f3e40]{height:var(--top-bar-h);-webkit-backdrop-filter:blur(16px);z-index:100;background:#050507d9;position:fixed;top:0;left:0;right:0}.top-bar-inner[data-v-476f3e40]{height:100%;padding:0 var(--page-px);justify-content:space-between;align-items:center;display:flex}.logo[data-v-476f3e40]{align-items:center;gap:8px;display:flex}.mini-bh[data-v-476f3e40]{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.mini-bh-disk[data-v-476f3e40]{background:conic-gradient(from 180deg,#ff641400 0%,#ffb45066 20%,#fff0c8e6 45%,#fffffa 50%,#ffdc8cb3 60%,#ff8c284d 80%,#ff500a00 100%);border-radius:50%;width:24px;height:24px;animation:6s linear infinite miniDiskSpin-476f3e40;position:absolute;transform:rotateX(75deg)}.mini-bh-core[data-v-476f3e40]{z-index:2;background:#000;border-radius:50%;width:10px;height:10px;position:relative;box-shadow:0 0 0 1px #ffdca080,0 0 4px 1px #ffa03c4d}@keyframes miniDiskSpin-476f3e40{to{transform:rotateX(75deg)rotate(360deg)}}.logo-text[data-v-476f3e40]{font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:.06em;color:var(--text-primary);font-weight:600}.logo-vpn[data-v-476f3e40]{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:.04em;color:var(--text-muted);font-weight:500}.top-bar-right[data-v-476f3e40]{align-items:center;gap:var(--space-3);display:flex}.days-chip[data-v-476f3e40]{background:var(--surface-el);border-radius:var(--radius-full);align-items:baseline;gap:2px;padding:4px 10px;display:flex}.days-value[data-v-476f3e40]{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-primary);font-weight:600}.days-label[data-v-476f3e40]{font-size:var(--text-sm);color:var(--text-muted);font-weight:400}.debug-badge[data-v-476f3e40]{font-size:var(--text-xs);color:var(--warning);border-radius:var(--radius-full);letter-spacing:.05em;background:#eab3081f;padding:2px 6px;font-weight:600}.avatar-btn[data-v-476f3e40]{background:var(--accent);cursor:pointer;color:#fff;width:32px;height:32px;transition:transform var(--duration-fast) var(--ease-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar-btn[data-v-476f3e40]:active{transform:scale(.9)}.avatar-initial[data-v-476f3e40]{font-family:var(--font-display);font-size:var(--text-md);font-weight:600}.bottom-nav[data-v-c0abdb5d]{height:var(--bottom-nav-h);-webkit-backdrop-filter:blur(16px);z-index:100;padding-bottom:env(safe-area-inset-bottom);background:#0a0a0feb;grid-template-columns:repeat(4,1fr);align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.nav-tab[data-v-c0abdb5d]{padding:var(--space-2) 0;color:var(--text-disabled);transition:color var(--duration-fast) var(--ease-smooth);flex-direction:column;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex;position:relative}.nav-tab.active[data-v-c0abdb5d]{color:var(--text-primary)}.nav-icon-wrap[data-v-c0abdb5d]{justify-content:center;align-items:center;width:44px;height:28px;display:flex;position:relative}.material-symbols-rounded[data-v-c0abdb5d]{font-size:22px}.nav-label[data-v-c0abdb5d]{font-size:var(--text-xs);font-weight:500;line-height:1}#app-root{flex-direction:column;width:100%;height:100dvh;display:flex;position:relative}.main-content{flex:1;min-height:0;position:relative}:root{--bg:#050507;--surface:#0a0a0f;--surface-el:#111116;--surface-hover:#1a1a21;--surface-glass:#111116b8;--surface-bright:#363942;--surface-variant:#31353d;--border-subtle:#ffffff0d;--border:#ffffff14;--border-focus:#ffffff29;--outline:#8b90a0;--text-primary:#f0f0f3;--text-secondary:#d4d5db;--text-muted:#8a8f9e;--text-disabled:#555b6a;--accent:#007aff;--accent-hover:#06d;--accent-subtle:#007aff1a;--accent-container:#4b8eff;--emerald:#10b981;--emerald-subtle:#10b9811a;--purple:#8b5cf6;--purple-subtle:#8b5cf61a;--success:#22c55e;--warning:#eab308;--error:#ef4444;--error-subtle:#ef44441a;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--text-xs:10px;--text-sm:11px;--text-md:13px;--text-base:15px;--text-body:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--space-20:80px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-soft:0 1px 2px #0003;--bottom-nav-h:72px;--top-bar-h:56px;--page-px:20px;--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100dvh}body{font-family:var(--font-body);font-size:var(--text-body);color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}#app{flex-direction:column;height:100dvh;display:flex}::-webkit-scrollbar{display:none}*{scrollbar-width:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:500;line-height:1.2}a{color:var(--accent);text-decoration:none}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.card{border-radius:var(--radius-md);padding:var(--space-4);background:#ffffff06}.card-glass{background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:var(--space-4)}.btn{justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-body);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-smooth);-webkit-user-select:none;user-select:none;border:none;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent);color:#fff;padding:var(--space-3) var(--space-6);font-size:var(--text-body)}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border);padding:var(--space-2) var(--space-4);font-size:var(--text-base)}.btn-ghost{color:var(--accent);padding:var(--space-2) var(--space-3);font-size:var(--text-base);background:0 0}.btn-xl{width:100%;padding:var(--space-4) var(--space-6);font-size:var(--text-lg);border-radius:var(--radius-xl)}.toggle{flex-shrink:0;width:48px;height:28px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-track{background:var(--surface-bright);border-radius:var(--radius-full);cursor:pointer;transition:background var(--duration-normal) var(--ease-smooth);position:absolute;inset:0}.toggle input:checked+.toggle-track{background:var(--accent)}.toggle-track:after{content:"";width:22px;height:22px;transition:transform var(--duration-normal) var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000004d}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.page{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:var(--space-5) var(--page-px);padding-top:calc(var(--top-bar-h) + var(--space-5));padding-bottom:calc(var(--bottom-nav-h) + var(--space-5));flex-direction:column;display:flex;position:absolute;inset:0;overflow-y:auto}.page>*{flex-shrink:0}.page>*+*{margin-top:var(--space-4)}.page>.section-gap{margin-top:var(--space-10)}.page>.section-gap-sm{margin-top:var(--space-6)}.section-label{font-size:var(--text-md);color:var(--text-muted);letter-spacing:.02em;margin-bottom:var(--space-3);font-weight:500}.badge{border-radius:var(--radius-full);font-size:var(--text-sm);align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.badge-accent{background:var(--accent-subtle);color:var(--accent-container)}.badge-emerald{background:var(--emerald-subtle);color:var(--emerald)}.badge-error{background:var(--error-subtle);color:var(--error)}.divider{background:var(--border-subtle);height:1px;margin:var(--space-1) 0}.sticky-footer{bottom:var(--bottom-nav-h);padding:var(--space-3) var(--page-px);background:linear-gradient(to top, var(--bg) 60%, transparent);z-index:50;position:fixed;left:0;right:0}.input{background:var(--surface-el);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:var(--space-3) var(--space-4);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);transition:border-color var(--duration-fast) var(--ease-smooth);outline:none}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-disabled)}.row-item{padding:var(--space-3) 0;justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.row-item-icon{border-radius:var(--radius-md);background:var(--surface-hover);width:36px;height:36px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bento-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.bento-item{background:var(--surface-el);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg, var(--surface-el) 25%, var(--surface-hover) 50%, var(--surface-el) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s ease-in-out infinite shimmer}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--ease-smooth)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--duration-normal) var(--ease-smooth)}.slide-up-enter-from{opacity:0;transform:translateY(16px)}.slide-up-leave-to{opacity:0;transform:translateY(-8px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.float{animation:3s ease-in-out infinite float}.press:active{transform:scale(.97)}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}@keyframes appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.appear{animation:appear var(--duration-normal) var(--ease-smooth) forwards}.stagger>*{animation:appear var(--duration-normal) var(--ease-smooth) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}
