:root{--navy-950: #0d1117;--navy-900: #101728;--navy-850: #131b2a;--navy-800: #141c2b;--navy-750: #161e2e;--navy-700: #1c2840;--navy-active: #12274a;--line-soft: #232d40;--line-mid: #2a3650;--line-strong:#34425e;--blue-700: #2257bb;--blue-600: #2860c8;--blue-500: #3570d8;--blue-400: #5399ef;--blue-soft: rgba(40,96,200,.16);--blue-ring: rgba(40,96,200,.55);--green-500: #33d17a;--green-400: #3bcd9d;--green-soft: rgba(51,209,122,.13);--green-line: rgba(51,209,122,.35);--amber-500: #e0a042;--amber-soft: rgba(224,160,66,.13);--amber-line: rgba(224,160,66,.3);--red-500: #e5544b;--red-soft: rgba(229,84,75,.13);--red-line: rgba(229,84,75,.25);--text-1: #e8edf5;--text-2: #9aa4b8;--text-3: #687085;--bg-base: var(--navy-950);--bg-panel: var(--navy-850);--bg-card: var(--navy-800);--bg-card-active: var(--navy-active);--bg-input: var(--navy-750);--bg-hover: var(--navy-700);--border: var(--line-soft);--fg: var(--text-1);--fg-muted: var(--text-2);--fg-subtle: var(--text-3);--font-sans: "Twemoji Country Flags", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-emoji: "Twemoji Country Flags", "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--r-pill: 999px;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--r-xs: 6px;--r-icon: 10px;--dur: .15s;--ease: cubic-bezier(.4,0,.2,1);--shadow-pop: 0 12px 32px rgba(0,0,0,.45);--ring-focus: 0 0 0 3px var(--blue-ring);--bg: var(--navy-950);--bg2: var(--navy-750);--card: var(--navy-800);--card2: #0f1623;--line: var(--line-soft);--line2: var(--line-mid);--text: var(--text-1);--muted: var(--text-2);--accent: var(--blue-600);--accent-h: var(--blue-500);--green: var(--green-500);--red: var(--red-500)}*{box-sizing:border-box;margin:0;padding:0}*{-webkit-tap-highlight-color:transparent}button,a,select,input,label,[role=button]{touch-action:manipulation}html,body,#app{min-height:100%}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased;letter-spacing:-.005em;line-height:1.5;-webkit-text-size-adjust:100%;overscroll-behavior:none}html.tg-webapp,html.tg-webapp body,html.tg-webapp #app{height:100%;overflow:hidden}html.tg-webapp .wrap{height:100%;display:flex;flex-direction:column;overflow:hidden;max-width:100%;padding:0}html.tg-webapp .topbar{flex-shrink:0;padding-left:16px;padding-right:16px}html.tg-webapp .link-panel{flex-shrink:0;margin:0 16px 8px}html.tg-webapp .tg-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:0 16px 16px;min-height:0}html.tg-webapp .bottom-nav{position:static!important;flex-shrink:0}.login-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(ellipse at 50% 0%,#162040 0%,var(--bg) 70%)}.login-card{width:min(400px,96vw);background:var(--card);border:1px solid var(--line2);border-radius:16px;padding:28px 24px;display:grid;gap:10px}.login-logo{font-size:32px;text-align:center;margin-bottom:4px}.login-card h1{font-size:22px;font-weight:700;text-align:center}.login-sub{font-size:13px;color:var(--muted);text-align:center;margin-bottom:4px}.login-hint{font-size:12px;color:var(--muted);text-align:center;margin-top:4px}.tg-loading-card{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 32px}.tg-spinner{width:36px;height:36px;border:3px solid var(--line2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.tg-loading-text{color:var(--muted);font-size:14px}.login-error{color:#ff9c9c;font-size:13px;background:#c83c3c1a;border:1px solid rgba(200,60,60,.2);border-radius:8px;padding:8px 10px}.login-card label{font-size:12px;color:var(--muted);margin-bottom:-4px}.login-card input{width:100%;height:40px;border:1px solid var(--line2);border-radius:9px;background:var(--card2);color:var(--text);padding:0 12px;font-size:14px;color-scheme:dark}.login-card input:focus{outline:none;border-color:var(--accent)}.login-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-top:2px}.login-remember input{width:16px;height:16px;accent-color:var(--accent)}.login-card button{margin-top:6px;height:42px;border:none;background:var(--accent);color:#fff;border-radius:9px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}.login-card button:hover{background:var(--accent-h)}.wrap{max-width:1140px;margin:0 auto;padding:0 16px 40px}.wrap-with-nav{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 14px;margin-bottom:20px}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-logo{font-size:20px}.topbar-title{font-size:17px;font-weight:700;letter-spacing:.2px}.topbar-greeting{display:flex;align-items:baseline;gap:4px}.topbar-hi{font-size:15px;color:var(--muted)}.topbar-name{font-size:18px;font-weight:700}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-balance{font-size:15px;font-weight:700;color:#4dcf8a;background:#4dcf8a1a;border:1px solid rgba(77,207,138,.2);padding:5px 12px;border-radius:999px;letter-spacing:.2px}.topbar-balance-btn{cursor:pointer;transition:border-color .15s,background .15s,color .15s}.topbar-balance-btn:hover{background:#4dcf8a29;border-color:#4dcf8a59}.btn-logout{height:32px;border:1px solid var(--line2);background:transparent;color:var(--muted);border-radius:8px;padding:0 12px;font-size:13px;cursor:pointer;transition:color .15s,border-color .15s}.btn-logout:hover{color:var(--text);border-color:#3a4f6a}.dot-on{background:var(--green-500);box-shadow:0 0 6px var(--green-soft)}.dot-off{background:var(--red-500)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--r-pill);font-size:11.5px;font-weight:600;white-space:nowrap}.pill .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.pill-on{background:var(--green-soft);color:var(--green-500);border:1px solid var(--green-line)}.pill-warn{background:var(--amber-soft);color:var(--amber-500);border:1px solid var(--amber-line)}.pill-off{background:var(--red-soft);color:var(--red-500);border:1px solid var(--red-line)}.acctbar{display:flex;align-items:center;gap:0;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);padding:7px 10px 7px 8px;margin-bottom:22px;position:relative}.acct-item{display:flex;align-items:center;gap:9px;padding:4px 12px}.acct-meta,.rt-opt-info{display:flex;flex-direction:column;min-width:0}.acct-div{width:1px;align-self:stretch;background:var(--line-soft);margin:4px 0}.acct-ic{width:30px;height:30px;border-radius:var(--r-sm);flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.acct-ic.blue{background:var(--blue-soft);color:var(--blue-400)}.acct-ic svg,.rt-opt-ic svg{width:16px;height:16px}.acct-ic .mini-dot,.rt-opt-ic .mini-dot{position:absolute;right:-2px;bottom:-2px;width:9px;height:9px;border-radius:50%;border:2px solid var(--bg-panel)}.acct-k{font-size:10.5px;color:var(--fg-subtle);line-height:1.3}.acct-v{font-size:13px;font-weight:600;line-height:1.35;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-model{font-family:var(--font-mono);font-weight:500;font-size:12px;color:var(--fg-muted)}.acct-ic-green{background:var(--green-soft);color:var(--green-500);border:1px solid var(--green-line)}.acct-ic-muted{background:var(--bg-hover);color:var(--fg-muted)}.acct-sub-days{font-size:12px;font-weight:500}.acct-sub-price{color:var(--text-2);font-weight:600}.acct-sub-bar{height:3px;background:var(--line-soft);border-radius:2px;margin-top:4px;min-width:72px}.acct-sub-fill{height:100%;background:var(--green-500);border-radius:2px;transition:width .4s ease}.acct-chev{color:var(--fg-subtle);flex-shrink:0;width:15px;height:15px;transition:transform var(--dur) var(--ease)}.acct-router{cursor:pointer;border-radius:var(--r-sm);transition:background var(--dur) var(--ease)}.acct-router:hover{background:var(--bg-hover)}.acct-router.open .acct-chev{transform:rotate(180deg)}.acct-spacer{flex:1}.acct-status-item{padding-right:6px}.acct-topup-btn{display:inline-flex;align-items:center;gap:6px;margin:0 6px;padding:7px 14px;border:1px solid var(--blue-600);border-radius:var(--r-sm);background:var(--blue-600);color:#fff;font-size:13px;font-weight:700;font-family:inherit;white-space:nowrap;cursor:pointer;transition:background var(--dur) var(--ease),filter var(--dur) var(--ease)}.acct-topup-btn:hover{filter:brightness(1.08)}.acct-topup-btn:active{filter:brightness(.95)}.acct-topup-btn svg{width:15px;height:15px}.acct-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29}.imp-banner{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:10px 14px;border-radius:var(--r-sm);background:var(--amber-soft);border:1px solid var(--amber-line);color:var(--amber-500);font-size:13px;font-weight:500}.imp-banner svg{flex:none}.imp-banner b{color:var(--text-1);font-weight:700}.rt-menu{position:absolute;top:calc(100% + 6px);left:8px;z-index:30;width:min(340px,calc(100vw - 32px));background:var(--bg-card);border:1px solid var(--line-strong);border-radius:var(--r-md);box-shadow:var(--shadow-pop);padding:6px;display:none}.rt-menu.open{display:block}.rt-menu-lbl{font-size:10px;font-weight:700;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.07em;padding:6px 8px 4px}.rt-opt{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);cursor:pointer;border:1px solid transparent;transition:background var(--dur) var(--ease)}.rt-opt:hover{background:var(--bg-hover)}.rt-opt.on{background:var(--bg-card-active);border-color:#2860c880}.rt-opt-ic{width:30px;height:30px;border-radius:var(--r-sm);flex-shrink:0;background:var(--blue-soft);color:var(--blue-400);display:flex;align-items:center;justify-content:center;position:relative}.rt-opt.on .rt-opt-ic .mini-dot{border-color:var(--bg-card-active)}.rt-opt-info{flex:1}.rt-opt-name{font-size:13px;font-weight:600}.rt-opt-model{font-size:10.5px;color:var(--fg-subtle);font-family:var(--font-mono);margin-top:1px}.rt-order-actions{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.rt-order-btn{width:22px;height:18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-mid);border-radius:6px;background:var(--bg-input);color:var(--fg-muted);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.rt-order-btn svg{width:13px;height:13px}.rt-order-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--line-strong);color:var(--fg)}.rt-order-btn:disabled{opacity:.35;cursor:default}.empty-banner{text-align:center;color:var(--muted);padding:32px 0}.section-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:20px;margin-bottom:16px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;flex-wrap:wrap}.section-title{font-size:16px;font-weight:700;margin-bottom:2px}.section-sub{font-size:12px;color:var(--muted)}.proxy-section-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.vpn-check-actions{display:flex;align-items:center;gap:7px}.vpn-check-actions .btn svg{width:14px;height:14px}.vpn-check-actions .btn svg.spin{animation:spin .8s linear infinite}.vpn-pick{position:relative}.vpn-pick-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.vpn-pick-btn{display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;background:var(--bg-card);border:1px solid var(--line-mid);border-radius:var(--r-sm);color:var(--fg);font-family:var(--font-sans);font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.vpn-pick-btn:hover{border-color:var(--line-strong);background:var(--bg-hover)}.vpn-pick.open .vpn-pick-btn{border-color:var(--blue-600)}.vpn-pick-btn:focus-visible{outline:none;box-shadow:var(--ring-focus)}.vpn-pick-label{color:var(--fg-muted);font-weight:500}.vpn-pick-now{max-width:240px;overflow:hidden;text-overflow:ellipsis}.vpn-pick-chev{width:12px;height:12px;color:var(--fg-muted);flex-shrink:0;transition:transform var(--dur) var(--ease)}.vpn-pick-chev.rotated{transform:rotate(180deg)}.vpn-pick-node{color:var(--fg-muted);font-weight:500;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpn-flag{font-family:var(--font-emoji);flex-shrink:0;line-height:1}.vpn-panel{position:absolute;z-index:100;top:calc(100% + 8px);right:0;width:420px;max-width:calc(100vw - 32px);max-height:min(60dvh,540px);overflow:auto;padding:10px;background:var(--bg-panel);border:1px solid var(--line-mid);border-radius:var(--r-md);box-shadow:var(--shadow-pop);scrollbar-gutter:stable}.vpn-panel.wide{width:760px}.vpn-panel::-webkit-scrollbar{width:8px}.vpn-panel::-webkit-scrollbar-thumb{background:var(--line-mid);border-radius:8px}.vpn-specials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vpn-special{display:flex;align-items:center;gap:8px;min-width:0;min-height:48px;padding-right:10px;background:transparent;border:1px solid transparent;border-radius:var(--r-icon);color:var(--fg);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.vpn-special:hover{background:var(--bg-hover)}.vpn-special.on{background:var(--bg-card-active);border-color:var(--blue-600)}.vpn-special-pick{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;min-height:46px;justify-content:center;padding:6px 0 6px 12px;background:none;border:0;border-radius:var(--r-icon);color:inherit;font-family:var(--font-sans);text-align:left;cursor:pointer}.vpn-special-title{font-size:13px;font-weight:700;letter-spacing:.02em}.vpn-special-sub{max-width:100%;font-size:11.5px;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vpn-sep{display:flex;align-items:center;gap:10px;padding:12px 4px 8px}.vpn-sep-ttl{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle)}.vpn-sep-line{height:1px;flex:1;background:var(--border)}.vpn-sep-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:30px;padding:0 11px;flex:none;background:transparent;border:1px solid var(--line-mid);border-radius:var(--r-sm);color:var(--fg-muted);font-family:var(--font-sans);font-size:11.5px;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.vpn-sep-btn svg{width:13px;height:13px}.vpn-sep-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--fg)}.vpn-sep-btn:disabled{opacity:.6;cursor:default}.vpn-rows{display:grid;gap:4px}.vpn-panel.wide .vpn-rows{grid-template-columns:repeat(2,minmax(0,1fr))}.vpn-row{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding-right:10px;border:1px solid transparent;border-radius:var(--r-icon);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.vpn-row:hover{background:var(--bg-hover)}.vpn-row.on{background:var(--bg-card-active);border-color:var(--blue-600)}.vpn-row-pick{display:flex;align-items:center;gap:9px;flex:1;min-width:0;min-height:42px;padding-left:11px;background:none;border:0;border-radius:var(--r-icon);color:var(--fg);font-family:var(--font-sans);text-align:left;cursor:pointer}.vpn-row-name{flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpn-proto{flex:none;padding:3px 8px;border-radius:var(--r-xs);background:var(--blue-soft);color:var(--blue-400);font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.vpn-ping{flex:none;width:72px;display:flex;align-items:center;justify-content:flex-end;gap:6px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--fg-subtle)}.vpn-ping.good,.vpn-ping.warn,.vpn-ping.slow{color:var(--fg)}.vpn-ping.bad{color:var(--red-500)}.vpn-ping-dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--line-strong)}.vpn-ping.good .vpn-ping-dot{background:var(--green-500)}.vpn-ping.warn .vpn-ping-dot{background:var(--amber-500)}.vpn-ping.slow .vpn-ping-dot,.vpn-ping.bad .vpn-ping-dot{background:var(--red-500)}.vpn-ping-btn{flex:none;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line-mid);border-radius:var(--r-sm);color:var(--blue-400);cursor:pointer;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.vpn-ping-btn svg{width:14px;height:14px}.vpn-ping-btn:hover:not(:disabled){background:var(--bg-card-active);border-color:var(--blue-600)}.vpn-ping-btn:disabled{color:var(--fg-subtle);cursor:default}.vpn-check{flex:none;width:16px;height:16px;color:var(--blue-400);opacity:0}.vpn-row.on .vpn-check,.vpn-special.on .vpn-check{opacity:1}.vpn-row-pick:focus-visible,.vpn-special-pick:focus-visible,.vpn-ping-btn:focus-visible,.vpn-sep-btn:focus-visible{outline:2px solid var(--blue-400);outline-offset:-2px}@media (max-width: 680px){.vpn-pick-backdrop{background:#05080e99}.vpn-panel,.vpn-panel.wide{position:fixed;top:auto;right:8px;bottom:8px;left:8px;width:auto;max-width:none;max-height:78dvh;padding-bottom:max(10px,env(safe-area-inset-bottom));border-radius:var(--r-lg)}.vpn-panel.wide .vpn-rows,.vpn-specials{grid-template-columns:1fr}.vpn-row,.vpn-special{min-height:52px}.vpn-row-pick,.vpn-special-pick{min-height:50px}.vpn-ping-btn{width:36px;height:36px}.vpn-ping-btn svg{width:16px;height:16px}.vpn-ping{width:66px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--r-sm);padding:8px 15px;font-size:13px;font-weight:600;border:1px solid transparent;white-space:nowrap;cursor:pointer;font-family:var(--font-sans);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),filter var(--dur) var(--ease)}.btn svg{width:14px;height:14px;flex-shrink:0}.btn-p{background:var(--blue-600);color:#fff}.btn-p:hover:not(:disabled){background:var(--blue-500)}.btn-s{background:transparent;color:var(--fg);border-color:var(--line-strong)}.btn-s:hover:not(:disabled){background:var(--bg-hover)}.btn-sm{padding:7px 12px;font-size:12px}.btn-xs{padding:6px 11px;font-size:11.5px}.btn:disabled{opacity:.5;cursor:default}.proxy-mode-grid,.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{display:flex;align-items:center;gap:13px;padding:15px 16px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--fg);width:100%;font-family:var(--font-sans);transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.mode-card:hover:not(:disabled){border-color:var(--line-strong)}.mode-card:disabled{opacity:.6;cursor:default}.mode-card.on{background:var(--bg-card-active);border-color:var(--blue-600)}.mode-card.rec{border-color:#2860c873}.mode-card.rec:not(.on){background:#2860c80d}.mode-ic{width:42px;height:42px;border-radius:var(--r-icon);flex-shrink:0;display:flex;align-items:center;justify-content:center}.mode-ic svg{width:20px;height:20px}.mode-ic.blue{background:var(--blue-soft);color:var(--blue-400)}.mode-ic.muted{background:var(--bg-input);color:var(--fg-subtle);border:1px solid var(--line-mid)}.mode-info{min-width:0;display:flex;flex-direction:column;gap:2px}.mode-name{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mode-rec{font-size:9.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-pill);background:var(--blue-soft);color:var(--blue-400);border:1px solid rgba(40,96,200,.35)}.mode-desc{font-size:11.5px;color:var(--fg-muted)}.mode-check{margin-left:auto;color:var(--blue-400);width:18px;height:18px;flex-shrink:0;opacity:0;transition:opacity var(--dur) var(--ease)}.mode-card.on .mode-check{opacity:1}.proxy-apply-status{margin-top:12px;font-size:13px;color:var(--green)}.xtra-block{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.xtra-toggle{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:4px 0;color:var(--fg-muted);font-family:var(--font-sans);font-size:12.5px;font-weight:600;cursor:pointer;transition:color var(--dur) var(--ease)}.xtra-toggle:hover,.xtra-toggle.open{color:var(--fg)}.xtra-toggle svg{width:15px;height:15px}.xtra-chevron{font-size:10px;transition:transform var(--dur) var(--ease)}.xtra-chevron.rotated{transform:rotate(180deg)}.xtra-body{display:flex;flex-direction:column;gap:10px;margin-top:12px}.xtra-row{display:flex;align-items:flex-start;gap:16px;padding:13px 14px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border)}.xtra-info{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1 1 auto}.xtra-name{font-size:13.5px;font-weight:700}.xtra-desc{font-size:11.5px;line-height:1.5;color:var(--fg-muted)}.xtra-ctl{flex:0 0 auto;width:290px;max-width:46%;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.xtra-sel{font-family:var(--font-emoji)}.xtra-status{font-size:11px;color:var(--fg-muted)}.xtra-readonly{padding:7px 10px;border-radius:var(--r-sm);background:var(--bg-input);border:1px dashed var(--line-mid);font-family:var(--font-emoji);font-size:12.5px;font-weight:600;color:var(--fg-muted);width:100%;text-align:center}.xtra-btn{width:100%;padding:8px 12px;border-radius:var(--r-sm);background:var(--bg-input);border:1px solid var(--line-mid);font-size:12.5px;font-weight:600;color:var(--fg);cursor:pointer;transition:border-color var(--dur) var(--ease)}.xtra-btn:hover:not(:disabled){border-color:var(--accent)}.xtra-btn:disabled{opacity:.6;cursor:default}.ipx-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ipx-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--border)}.ipx-card-vpn{border-color:var(--accent)}.ipx-cap{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-muted)}.ipx-addr{font-family:var(--font-mono, monospace);font-size:15px;font-weight:700;word-break:break-all}.ipx-geo{font-size:11.5px;color:var(--fg-muted);line-height:1.45}.ipx-flag{font-family:var(--font-emoji);margin-right:4px}.ipx-warn{grid-column:1 / -1;margin:0;padding:9px 12px;border-radius:var(--r-sm);background:var(--warn-soft, rgba(240, 173, 78, .12));border:1px solid var(--warn, #f0ad4e);font-size:11.5px;color:var(--warn, #f0ad4e)}.rules-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.btn-primary{height:34px;border:none;background:var(--accent);color:#fff;border-radius:8px;padding:0 14px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-primary:hover{background:var(--accent-h)}.btn-primary:disabled{opacity:.65;cursor:default}.btn-secondary{height:34px;border:1px solid var(--line2);background:transparent;color:var(--text);border-radius:8px;padding:0 14px;font-size:13px;cursor:pointer;white-space:nowrap;transition:border-color .15s}.btn-secondary:hover{border-color:#3a4f6a}.btn-secondary:disabled{opacity:.65;cursor:default}.ping-status-msg{font-size:12px;color:var(--muted);margin-bottom:12px}.myrow{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:12px;flex-wrap:wrap}.myrow-lbl{font-size:12px;color:var(--fg-muted);font-weight:600;flex-shrink:0}.my-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1}.my-chip{padding:3px 10px;border-radius:var(--r-pill);background:var(--blue-soft);border:1px solid rgba(40,96,200,.28);color:var(--blue-400);font-size:11.5px;font-weight:600;font-family:var(--font-mono);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.my-edit{font-size:12px;color:var(--blue-400);font-weight:600;cursor:pointer;flex-shrink:0;background:none;border:none;padding:0}.my-edit:hover{text-decoration:underline}.svc-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.search-wrap{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--line-mid);border-radius:var(--r-sm);padding:8px 11px;flex:1;min-width:180px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.search-wrap:focus-within{border-color:var(--blue-600);box-shadow:var(--ring-focus)}.search-wrap svg{width:14px;height:14px;color:var(--fg-subtle);flex-shrink:0}.search-wrap input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--fg);font-size:13px;font-family:var(--font-sans)}.search-wrap input::placeholder{color:var(--fg-subtle)}.seg{display:inline-flex;background:var(--bg-input);border:1px solid var(--line-mid);border-radius:var(--r-sm);padding:2px;gap:2px}.seg button{padding:5px 12px;border-radius:var(--r-xs);border:none;background:transparent;color:var(--fg-muted);font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.seg button.on{background:var(--blue-600);color:#fff}.seg button:hover:not(.on){color:var(--fg)}.svc-table{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.svc-thead,.svc-row{display:grid;grid-template-columns:minmax(170px,240px) minmax(150px,1fr) 150px 150px;gap:14px;align-items:center;padding:9px 16px;border-bottom:1px solid var(--line-soft)}.svc-thead{font-size:10.5px;font-weight:700;color:var(--fg-subtle);text-transform:uppercase;letter-spacing:.06em;padding:10px 16px}.svc-thead .right{text-align:right}.svc-row{transition:background var(--dur) var(--ease)}.svc-row:hover{background:#1c284066}.svc-body .svc-row:last-child{border-bottom:none}.svc-name{display:flex;align-items:center;gap:10px;min-width:0}.svc-fav{width:28px;height:28px;border-radius:var(--r-sm);flex-shrink:0;background:var(--bg-input);border:1px solid var(--line-mid);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--fg-muted)}.svc-nm{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-lat{display:flex;gap:6px;flex-wrap:wrap}.lat{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:600;font-family:var(--font-mono);background:var(--bg-input);border:1px solid var(--line-mid);color:var(--fg-muted)}.lat-best{background:var(--green-soft);border-color:var(--green-line);color:var(--green-500)}.lat-na{opacity:.5}.svc-sel{width:100%;background:var(--bg-input);border:1px solid var(--line-mid);border-radius:var(--r-sm);padding:7px 10px;color:var(--fg);font-size:12.5px;font-weight:600;font-family:var(--font-emoji);cursor:pointer;outline:none;color-scheme:dark;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.svc-sel:focus{border-color:var(--blue-600);box-shadow:var(--ring-focus)}.svc-act{display:flex;align-items:center;gap:7px;justify-content:flex-end}.svc-apply{background:transparent;color:var(--fg-muted);border-color:var(--line-strong)}.svc-apply:hover:not(:disabled){background:var(--bg-hover);color:var(--fg)}.svc-apply.armed{background:var(--blue-600);color:#fff;border-color:var(--blue-600);opacity:1;cursor:pointer}.svc-apply.armed:hover{background:var(--blue-500)}.iBtn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);flex-shrink:0;background:var(--bg-input);border:1px solid var(--line-mid);color:var(--fg-muted);cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.iBtn svg{width:14px;height:14px}.iBtn:hover:not(:disabled){background:var(--bg-hover);color:var(--green-500);border-color:var(--green-line)}.iBtn:disabled{opacity:.6;cursor:default}.iBtn.spin svg{animation:spin .8s linear infinite;color:var(--green-500)}.svc-empty{padding:28px 16px;text-align:center;color:var(--fg-subtle);font-size:13px}.svc-foot{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--fg-subtle);gap:10px}.empty-state{color:var(--muted);font-size:13px;padding:8px 0}.spinner{display:inline-block;width:9px;height:9px;border-radius:50%;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.modal-card{width:min(560px,96vw);max-height:88vh;overflow:auto;border:1px solid var(--line2);border-radius:14px;background:var(--card);padding:20px;display:grid;gap:14px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-head h3{font-size:17px;font-weight:700}.modal-close{width:30px;height:30px;border:1px solid var(--line2);background:transparent;color:var(--muted);border-radius:8px;cursor:pointer;font-size:14px;display:grid;place-items:center}.modal-close:hover{color:var(--text)}.modal-desc{font-size:13px;color:var(--muted);line-height:1.5}.modal-desc code{background:var(--card2);border:1px solid var(--line2);border-radius:4px;padding:1px 5px;font-size:12px;color:#a8c8ff}.modal-add-row{display:flex;gap:8px}.modal-add-row input{flex:1;height:38px;border:1px solid var(--line2);border-radius:9px;background:var(--card2);color:var(--text);padding:0 12px;font-size:14px;color-scheme:dark}.modal-add-row input:focus{outline:none;border-color:var(--accent)}.modal-status{font-size:13px;color:#f5a0a0}.modal-list{display:grid;gap:8px;max-height:320px;overflow:auto}.modal-item{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:var(--card2);padding:10px 12px}.modal-item-info{display:grid;gap:2px;min-width:0}.modal-item-info strong{font-size:14px}.modal-item-info small{font-size:11px;color:var(--muted);word-break:break-all}.topup-modal{width:min(420px,96vw)}.topup-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.topup-quick .btn-secondary{width:100%;justify-content:center}.topup-quick .btn-secondary.active{border-color:var(--accent);background:var(--blue-soft);color:var(--blue-400)}.topup-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-delete{height:30px;border:1px solid #5e2626;background:#2e1616;color:#f3a8a8;border-radius:7px;padding:0 10px;font-size:12px;cursor:pointer;flex-shrink:0;transition:background .15s}.btn-delete:hover{background:#3b1c1c}.btn-delete:disabled{opacity:.65;cursor:default}.btn-link-account{height:30px;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:8px;padding:0 12px;font-size:12px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.btn-link-account:hover{background:var(--accent);color:#fff}.link-panel{background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:16px;margin-bottom:20px}.link-panel-inner{display:grid;gap:12px}.link-panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.link-panel-title{font-size:15px;font-weight:700;margin-bottom:2px}.link-panel-sub{font-size:12px;color:var(--muted)}.link-panel-error{font-size:13px;color:#ff9c9c;background:#c83c3c1a;border:1px solid rgba(200,60,60,.2);border-radius:8px;padding:8px 10px}.link-panel-fields{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.link-input{height:36px;border:1px solid var(--line2);border-radius:8px;background:var(--card2);color:var(--text);padding:0 12px;font-size:13px;min-width:0;width:160px;color-scheme:dark}.link-input:focus{outline:none;border-color:var(--accent)}@media (max-width: 860px){.mode-grid{grid-template-columns:1fr}}@media (max-width: 680px){.xtra-row{flex-direction:column;gap:10px}.ipx-grid{grid-template-columns:1fr}.xtra-ctl{width:100%;max-width:100%;align-items:stretch}}@media (max-width: 680px){.svc-thead{display:none}.svc-row{grid-template-columns:1fr auto;grid-template-areas:"name act" "lat  lat" "route route";gap:9px 10px;padding:12px 14px}.svc-name{grid-area:name}.svc-lat{grid-area:lat}.svc-route{grid-area:route}.svc-act{grid-area:act}}@media (max-width: 580px){.wrap{padding:0 12px 32px}.topbar{margin-bottom:14px}.topbar-logo{font-size:18px}.section-card{padding:14px 12px;margin-bottom:12px}.section-header{flex-direction:column;align-items:flex-start}.proxy-section-right{width:100%;flex-wrap:wrap}.vpn-check-actions{width:100%}.vpn-check-actions .btn{flex:1;justify-content:center}.vpn-pick{margin-left:auto;max-width:100%}.vpn-pick-btn{max-width:100%}.vpn-pick-node{display:none}.vpn-pick-now{max-width:150px}.myrow{flex-direction:column;align-items:stretch;gap:8px}.myrow .my-edit{align-self:flex-start}.rules-actions{flex-wrap:wrap;gap:6px}.acctbar{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px;margin-bottom:16px}.acct-model-item,.acctbar .acct-div,.acct-spacer,.acct-status-item{display:none}.acct-item{padding:4px 8px}.acct-router{grid-column:1 / -1;min-height:42px;background:var(--bg-card-active);border:1px solid rgba(40,96,200,.22)}.acct-sub-card,.acct-balance-card{min-height:52px;padding:8px 9px;background:var(--bg-card);border:1px solid var(--line-soft);border-radius:var(--r-sm)}.acct-sub-card .acct-meta,.acct-balance-card .acct-meta{min-width:0}.acct-sub-card .acct-k,.acct-balance-card .acct-k{font-size:9.5px}.acct-sub-card .acct-v,.acct-balance-card .acct-v{font-size:12px}.acct-sub-card .acct-ic,.acct-balance-card .acct-ic{width:28px;height:28px}.acct-sub-bar{min-width:0;width:100%}.acct-topup-btn{grid-column:1 / -1;justify-content:center;margin:0;min-height:38px}.link-panel-fields{flex-direction:column;align-items:stretch}.link-input{width:100%}.topup-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-actions{grid-template-columns:1fr}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;align-items:stretch;background:#131c2beb;border-top:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:200}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:none;background:transparent;color:var(--muted);cursor:pointer;touch-action:manipulation;position:relative;padding:10px 4px 12px;transition:color .18s;min-height:62px}.bnav-item:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:32px;height:2px;border-radius:0 0 2px 2px;background:var(--accent);transition:transform .2s}.bnav-item.active:before{transform:translate(-50%) scaleX(1)}.bnav-item.active{color:var(--accent)}.bnav-item:not(.active):active{color:var(--text)}.bnav-icon{width:24px;height:24px;flex-shrink:0;position:relative;z-index:1}.bnav-label{font-size:11px;font-weight:500;letter-spacing:.1px;position:relative;z-index:1}.bnav-dot{position:absolute;top:7px;left:calc(50% + 8px);width:7px;height:7px;border-radius:50%;border:2px solid var(--bg2);z-index:2}.bnav-dot-green{background:var(--green)}.bnav-dot-red{background:var(--red)}.sub-card{display:flex;flex-direction:column;gap:18px}.sub-status-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}.sub-expires-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted);font-size:13px}.sub-refresh-btn{margin-left:auto;width:30px;height:30px;border:none;background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0;padding:0;transition:color .15s}.sub-refresh-btn:hover:not(:disabled){color:var(--text)}.sub-refresh-btn:disabled{opacity:.5}.sub-refresh-btn svg{width:16px;height:16px}.sub-refresh-btn svg.spinning{animation:spin .7s linear infinite}.sub-status-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;letter-spacing:.3px}.badge-active{background:#33d17a26;color:var(--green)}.badge-expired{background:#e0525226;color:var(--red)}.sub-days-left{color:var(--text);margin-left:4px}.sub-info-grid{display:flex;gap:24px;flex-wrap:wrap}.sub-info-item{display:flex;flex-direction:column;gap:2px}.sub-info-label{color:var(--muted);font-size:12px}.sub-info-value{font-size:15px;font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sub-price-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:20px;background:#2860c826;color:var(--accent);letter-spacing:.2px}.conn-links{display:flex;flex-direction:column;gap:8px}.conn-link-row{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:var(--card2);border:1px solid var(--line2);border-radius:12px;cursor:pointer;color:var(--text);text-align:left;transition:border-color .15s,background .15s}.conn-link-row:hover{border-color:#3a4f6a;background:#111c2f}.conn-link-row:active{opacity:.8}.conn-link-icon{width:36px;height:36px;border-radius:10px;background:#2860c826;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.conn-link-icon svg{width:18px;height:18px}.conn-link-icon-clash{background:#7850dc26;color:#a78bfa}.conn-link-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.conn-link-name{font-size:14px;font-weight:600}.conn-link-hint{font-size:12px;color:var(--muted)}.conn-link-action{display:inline-flex;align-items:center;justify-content:center;width:108px;min-width:108px;height:28px;font-size:12px;font-weight:500;color:#fff;background:var(--accent);border-radius:6px;padding:4px 10px;flex-shrink:0;transition:background .15s,color .15s;white-space:nowrap}.conn-link-action.copied{background:var(--green);color:#fff}.sub-renew-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sub-renew-price{font-size:18px;font-weight:700;color:var(--text-1)}.sub-renew-label{font-size:13px;color:var(--fg-muted)}.sub-hero{background:var(--navy-900);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:14px;display:flex;flex-direction:column;gap:10px}.sub-hero-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue-400)}.sub-hero-label svg{width:14px;height:14px;flex-shrink:0}.sub-hero-url{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);word-break:break-all;line-height:1.6;max-height:3.2em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sub-hero-copy{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:40px;border:none;border-radius:var(--r-sm);background:var(--blue-600);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur) var(--ease)}.sub-hero-copy svg{width:15px;height:15px}.sub-hero-copy:hover:not(:disabled){background:var(--blue-500)}.sub-hero-copy:active{opacity:.85}.sub-hero-copy.copied{background:#1a7a46}.sub-other-section{border:1px solid var(--line-soft);border-radius:var(--r-md);overflow:hidden}.sub-other-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 14px;background:transparent;border:none;color:var(--fg-muted);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--dur)}.sub-other-toggle:hover{background:var(--bg-hover)}.sub-other-chevron{width:16px;height:16px;flex-shrink:0;transition:transform var(--dur) var(--ease)}.sub-other-chevron.open{transform:rotate(180deg)}.sub-other-body{border-top:1px solid var(--line-soft);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.sub-other-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.sub-other-item-left{display:flex;flex-direction:column;gap:2px;min-width:0}.sub-other-item-name{font-size:14px;font-weight:600;color:var(--fg)}.sub-other-item-hint{font-size:12px;color:var(--fg-subtle)}.sub-other-copy{padding:6px 14px;font-size:12px;font-weight:600;border:1.5px solid var(--line-mid);border-radius:var(--r-xs);background:transparent;color:var(--fg-muted);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:border-color var(--dur),color var(--dur)}.sub-other-copy:hover{border-color:var(--blue-400);color:var(--blue-400)}.sub-other-copy.copied{border-color:var(--green-500);color:var(--green-500)}.sub-actions{display:flex;gap:10px}.sub-actions>*{flex:1 1 0;min-width:0}.sub-howto-btn{display:flex;align-items:center;justify-content:center;gap:5px}.sub-action-status{font-size:13px;color:var(--green);margin-top:2px}.sub-action-status.error{color:var(--red)}.checkout-status-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.btn-checkout-retry{padding:4px 12px;font-size:12px;font-weight:600;background:transparent;color:var(--accent);border:1.5px solid var(--accent);border-radius:8px;cursor:pointer;white-space:nowrap;transition:background .15s}.btn-checkout-retry:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.btn-checkout-retry:disabled{opacity:.5;cursor:default}.sub-products-section{padding:8px 0 24px}.sub-products-title{font-size:18px;font-weight:600;margin-bottom:4px}.sub-products-sub{color:var(--muted);font-size:13px;margin-bottom:18px}.sub-loading{color:var(--muted);padding:12px 0}.prod-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.prod-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px}.prod-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.prod-card-name{font-weight:600;font-size:16px}.prod-card-price{font-size:18px;font-weight:700;color:var(--accent);white-space:nowrap}.prod-card-desc{color:var(--muted);font-size:13px;line-height:1.4}.prod-card-meta{display:flex;gap:12px;font-size:13px;color:var(--muted);flex-wrap:wrap}.prod-card .btn-primary{width:100%;margin-top:4px}.sub-mini-block{margin:0 0 12px;padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s}.sub-mini-block:hover{background:var(--card2)}.sub-mini-empty{border-style:dashed}.sub-mini-icon{font-size:22px;flex-shrink:0}.sub-mini-info{display:flex;flex-direction:column;gap:2px;flex:1}.sub-mini-title{font-weight:500;font-size:14px}.sub-mini-status{font-size:12px}.mini-active{color:var(--green)}.mini-expired{color:var(--red)}.sub-mini-arrow{color:var(--muted);font-size:20px}.ref-link-row{display:flex;gap:8px;align-items:center}.ref-link-input{flex:1;background:var(--card2);border:1px solid var(--line2);border-radius:8px;color:var(--text);font-size:13px;padding:8px 12px;font-family:monospace;min-width:0}.ref-link-input:focus{outline:none;border-color:var(--accent)}.support-guides{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.guide-card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s}.guide-card.open{border-color:var(--line2)}.guide-card-head{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.guide-icon{font-size:24px;flex-shrink:0;width:36px;text-align:center}.guide-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.guide-name{font-size:15px;font-weight:600}.guide-apps{font-size:12px;color:var(--muted)}.guide-chevron{width:18px;height:18px;color:var(--muted);flex-shrink:0;transition:transform .2s}.guide-card.open .guide-chevron{transform:rotate(180deg)}.guide-body{padding:0 16px 16px;border-top:1px solid var(--line)}.guide-steps{margin:12px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:8px}.guide-steps li{font-size:14px;line-height:1.5;color:var(--text)}.guide-note{margin-top:12px;padding:10px 12px;background:#2860c814;border:1px solid rgba(40,96,200,.2);border-radius:10px;font-size:13px;color:var(--muted);line-height:1.5}.guide-download-btn{display:inline-flex;align-items:center;gap:7px;margin-top:14px;padding:9px 16px;background:var(--accent);color:#fff;border-radius:10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s}.guide-download-btn:hover{background:var(--accent-h)}.guide-download-btn svg{width:15px;height:15px;flex-shrink:0}.guide-download-btn+.guide-download-btn{margin-left:8px}.guide-download-btn.alt{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.guide-download-btn.alt:hover{background:#ffffff0f}.support-banner{display:flex;align-items:center;gap:14px;padding:16px;background:var(--card);border:1px solid var(--line2);border-radius:14px;text-decoration:none;color:var(--text);transition:background .15s,border-color .15s;margin-bottom:8px}.support-banner:hover{background:var(--card2);border-color:#3a4f6a}.support-banner-icon{font-size:28px;flex-shrink:0}.support-banner-info{display:flex;flex-direction:column;gap:2px;flex:1}.support-banner-title{font-size:15px;font-weight:600}.support-banner-sub{font-size:13px;color:var(--muted)}.support-banner-arrow{width:18px;height:18px;color:var(--muted);flex-shrink:0}.legal-links{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 0 4px;font-size:12px}.legal-links a{color:var(--muted);text-decoration:none}.legal-links a:hover{color:var(--accent);text-decoration:underline}.legal-sep{color:var(--muted);opacity:.5}.activation-overlay{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.activation-card{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(340px,90vw);padding:28px 24px 22px;text-align:center}.activation-title{font-size:15px;font-weight:700;color:var(--text-1, #e8edf5);margin-top:4px}.activation-sub{font-size:13px;color:var(--text-2, #9aa4b8);min-height:18px}.activation-bar{width:100%;height:4px;border-radius:2px;background:var(--line-soft, #232d40);overflow:hidden;margin-top:4px}.activation-bar-fill{height:100%;width:40%;border-radius:2px;background:var(--accent, #2860c8);animation:activation-slide 1.35s ease-in-out infinite}@keyframes activation-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.activation-hint{font-size:11.5px;color:var(--text-3, #687085)}.promo-card{display:flex;flex-direction:column;gap:12px}.promo-head{display:flex;align-items:center;gap:11px}.promo-ic{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px;background:var(--accent-soft, rgba(40,96,200,.14))}.promo-title{font-size:15px;font-weight:600}.promo-sub{margin-top:1px;font-size:12.5px;color:var(--muted)}.promo-row{display:flex;gap:8px}.promo-inp{flex:1;min-width:0;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg-elev);color:var(--fg);font-size:14px;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.promo-inp:focus{outline:none;border-color:var(--accent)}.promo-inp::placeholder{text-transform:none;letter-spacing:normal}.promo-btn{flex:none;padding:10px 16px;border:0;border-radius:10px;cursor:pointer;background:var(--accent);color:#fff;font-size:14px;font-weight:600;font-family:inherit;transition:background .15s}.promo-btn:hover:not(:disabled){background:var(--accent-h)}.promo-btn:disabled{opacity:.5;cursor:default}.promo-msg{font-size:13px;line-height:1.45;color:var(--green, #33d17a)}.promo-msg.bad{color:var(--red, #e05252)}