:root{--app-bg: #171717;--card-bg: #2a2a2d;--card-bg-soft: #1c1c1e;--text-primary: #f7f7f8;--text-secondary: #a7a7b2;--primary: #3ba7ff;--primary-text: #ffffff;--secondary-button-bg: rgba(59, 167, 255, .14);--secondary-button-text: #7fc7ff;--bg: var(--app-bg);--bg-soft: var(--card-bg-soft);--text: var(--text-primary);--muted: var(--text-secondary);--accent: var(--primary);--accent-strong: var(--secondary-button-text);--accent-soft: var(--secondary-button-bg);--success: #49d17d;--success-soft: rgba(73, 209, 125, .13);--card: var(--card-bg);--card-strong: #323236;--border: rgba(255, 255, 255, .08);--shadow: 0 0 0 1px rgba(255, 255, 255, .05), 0 18px 44px rgba(0, 0, 0, .28);--shadow-hover: 0 0 0 1px rgba(255, 255, 255, .08), 0 20px 48px rgba(0, 0, 0, .34);--control-shadow: 0 0 0 1px rgba(255, 255, 255, .06), 0 8px 18px rgba(0, 0, 0, .16);--danger: #ff6b7a;--warning: #ffd166;--radius: 28px;--radius-sm: 20px;--button-height: 50px;--button-radius: 999px;--bottom-nav-height: 76px;--tg-safe-bottom: env(safe-area-inset-bottom, 0px);--tg-safe-top: env(safe-area-inset-top, 0px);--ease-out: cubic-bezier(.2, 0, 0, 1);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light],.app-shell[data-theme=light]{color-scheme:light;--app-bg: #f7faff;--card-bg: #ffffff;--card-bg-soft: #eef4fb;--text-primary: #142033;--text-secondary: #6b7280;--primary: #36a8ff;--primary-text: #ffffff;--secondary-button-bg: rgba(54, 168, 255, .12);--secondary-button-text: #1479be;--bg: var(--app-bg);--bg-soft: var(--card-bg-soft);--text: var(--text-primary);--muted: var(--text-secondary);--accent: var(--primary);--accent-strong: var(--secondary-button-text);--accent-soft: var(--secondary-button-bg);--success-soft: rgba(22, 163, 74, .11);--card: var(--card-bg);--card-strong: var(--card-bg-soft);--border: #dde7f2;--shadow: 0 0 0 1px rgba(20, 32, 51, .04), 0 18px 40px rgba(44, 80, 130, .1);--shadow-hover: 0 0 0 1px rgba(20, 32, 51, .06), 0 20px 44px rgba(44, 80, 130, .13);--control-shadow: 0 0 0 1px rgba(54, 168, 255, .08), 0 8px 18px rgba(44, 80, 130, .08)}*{box-sizing:border-box}html{min-width:320px;width:100%;min-height:100%;overflow-x:hidden;background:var(--bg)}body{position:relative;margin:0;width:100%;min-width:320px;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 20% 0%,rgba(59,167,255,.22) 0 140px,transparent 320px),radial-gradient(circle at 100% 18%,rgba(93,79,255,.14) 0 120px,transparent 300px),linear-gradient(180deg,var(--bg-soft) 0%,var(--bg) 52%,#111112 100%)}:root[data-theme=light] body{background:radial-gradient(circle at 18% 0%,rgba(54,168,255,.14) 0 150px,transparent 340px),radial-gradient(circle at 100% 16%,rgba(129,140,248,.1) 0 120px,transparent 300px),linear-gradient(180deg,#f7faff,#eef4fb)}#root{min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px,72px 72px,72px 72px;content:"";-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 54%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 54%)}:root[data-theme=light] body:before{opacity:.28;background-image:radial-gradient(circle,rgba(54,168,255,.08) 1px,transparent 1px),linear-gradient(rgba(20,32,51,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(20,32,51,.035) 1px,transparent 1px)}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid rgba(34,184,238,.46);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{position:relative;z-index:1;width:min(100%,560px);min-height:100vh;min-height:100svh;margin:0 auto;padding:calc(12px + var(--tg-safe-top)) 12px calc(var(--bottom-nav-height) + 28px + var(--tg-safe-bottom));overflow-x:clip}.hero{margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:linear-gradient(180deg,#2a2a2deb,#1f1f21e6);box-shadow:var(--shadow)}.wordmark-row{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}.wordmark{color:var(--text);font-size:38px;font-weight:700;line-height:.95;letter-spacing:0}.eyebrow,.label{display:block;margin:0 0 4px;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{color:var(--text);font-size:34px;font-weight:700;line-height:1.02;text-wrap:balance}h2{color:var(--text);font-size:26px;font-weight:700;line-height:1.14;text-wrap:balance}h3{color:var(--text);font-size:21px;font-weight:650;line-height:1.2;text-wrap:balance}p,li{text-wrap:pretty}.subtitle,.muted,.status-copy p{color:var(--muted);font-size:15px;line-height:1.45}.subtitle{max-width:30ch;margin-top:6px}.badge{display:inline-flex;align-items:center;width:fit-content;min-height:26px;border:1px solid var(--border);border-radius:999px;padding:4px 9px;color:var(--muted);background:#ffffffb8;font-size:12px;font-weight:600;white-space:nowrap}.tabs{display:grid;grid-template-columns:repeat(var(--tab-count, 3),1fr);gap:4px;min-height:48px;margin:0 0 10px;padding:4px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#ffffff7a;box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #ffffff2e,0 16px 34px #0f527017;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%)}.tab{min-height:40px;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer;font-size:13px;font-weight:600;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.tab:active{transform:scale(.96)}.tab-active{border:1px solid rgba(255,255,255,.88);color:var(--accent-strong);background:linear-gradient(180deg,#ffffffeb,#ffffff9e);box-shadow:inset 0 1px #fffffff2,inset 0 -1px #ffffff52,0 8px 20px #1153731a}.panel{position:relative;overflow:hidden;margin-top:10px;border:1px solid rgba(255,255,255,.68);border-radius:var(--radius);padding:16px;background:linear-gradient(180deg,#ffffffd6,#ffffffb0);box-shadow:inset 0 1px #ffffffc7,0 20px 52px #0a405c1c;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);transition-duration:.18s;transition-property:box-shadow;transition-timing-function:var(--ease-out)}.panel:before{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.72),transparent 38%),radial-gradient(circle at 100% 0%,rgba(98,210,255,.12),transparent 42%);content:""}.panel>*{position:relative;z-index:1}.panel-danger{border-color:#c735432e;background:#ffffffdb}.panel-danger h2,.inline-error{color:var(--danger)}.loading-screen{display:grid;gap:12px;margin-top:10px}.skeleton-card,.skeleton-row{display:grid;gap:12px;border:1px solid var(--border);border-radius:28px;padding:16px;background:linear-gradient(180deg,#2a2a2df5,#222225f0);box-shadow:var(--shadow)}.skeleton-card-hero{min-height:142px}.skeleton-card span,.skeleton-card strong,.skeleton-card p,.skeleton-row span{display:block;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,#ffffff0e,#ffffff1f,#ffffff0e);background-size:220% 100%;animation:skeleton-shimmer 1.35s var(--ease-out) infinite}.skeleton-card span{width:76px;height:12px}.skeleton-card strong{width:min(72%,260px);height:28px}.skeleton-card p{width:100%;height:15px}.skeleton-card p:last-child{width:62%}.skeleton-row{grid-template-columns:1fr 1fr}.skeleton-row span{height:74px;border-radius:24px}.copy-toast{position:fixed;right:max(20px,calc((100vw - 560px)/2 + 20px));bottom:calc(var(--bottom-nav-height) + 18px + var(--tg-safe-bottom));left:max(20px,calc((100vw - 560px)/2 + 20px));z-index:30;min-height:44px;border:1px solid rgba(73,209,125,.18);border-radius:999px;padding:12px 16px;color:#fff;background:#222225f0;box-shadow:inset 0 1px #ffffff14,0 18px 40px #0000006b;font-size:14px;font-weight:800;text-align:center;animation:toast-in .18s var(--ease-out);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%)}.public-landing{display:grid;gap:14px;min-height:calc(100svh - 24px);padding-top:4px}.public-hero-card,.public-card{overflow:hidden;border:1px solid var(--border);border-radius:32px;background:linear-gradient(180deg,#2a2a2dfa,#1f1f21f5);box-shadow:var(--shadow)}.public-hero-card{position:relative;display:grid;gap:16px;min-height:340px;align-content:end;padding:22px}.public-hero-card:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 16% 0%,rgba(59,167,255,.26),transparent 34%),radial-gradient(circle at 100% 12%,rgba(255,255,255,.08),transparent 32%);content:""}.public-hero-card>*{position:relative;z-index:1}.public-hero-card h1{font-size:44px;line-height:.98}.public-hero-card p{max-width:24ch;color:var(--muted);font-size:18px;line-height:1.34}.public-cta-grid{display:grid;grid-template-columns:1fr;gap:10px}.public-cta-grid a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.public-primary-link,.public-link{text-decoration:none}.public-cta-grid .public-primary-link{color:#fff;background:linear-gradient(180deg,#ffffff38,#fff0 46%),linear-gradient(135deg,#4eb1ff,#3ba7ff 58%,#1c7cff);box-shadow:inset 0 1px #ffffff47,0 16px 34px #3ba7ff4d;cursor:pointer;opacity:1}.public-cta-grid .public-primary-link:active{transform:scale(.97)}.public-card{display:grid;gap:14px;padding:18px}.public-card h2{font-size:23px}.public-benefit-grid{display:grid;gap:9px}.public-benefit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;border:1px solid var(--border);border-radius:22px;padding:12px;background:#ffffff0b}.public-benefit span{display:grid;width:26px;height:26px;place-items:center;border-radius:999px;color:#fff;background:var(--accent);font-size:14px;font-weight:900}.public-benefit strong{color:var(--text);font-size:15px;font-weight:750;line-height:1.25}.public-location-list{display:grid;gap:8px}.public-location-list span{border:1px solid var(--border);border-radius:20px;padding:12px;color:var(--text);background:#ffffff0b;font-size:16px;font-weight:750}.public-steps{display:grid;gap:10px;margin:0;padding:0;list-style:none;counter-reset:public-step}.public-steps li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;color:var(--text);font-size:15px;font-weight:700;line-height:1.3;counter-increment:public-step}.public-steps li:before{display:grid;width:30px;height:30px;place-items:center;border-radius:12px;color:#fff;background:#3ba7ff38;content:counter(public-step);font-size:13px;font-weight:850}.status-panel{display:grid;gap:14px}.vpn-dashboard{display:grid;gap:12px;margin-top:10px}.dashboard-header,.dashboard-card,.dashboard-metrics>div,.dashboard-utility-card{border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#2a2a2df5,#222225f0);box-shadow:var(--shadow)}.dashboard-header{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:12px;padding:12px}.dashboard-user{display:flex;min-width:0;align-items:center;gap:11px}.dashboard-avatar{display:grid;flex:0 0 auto;width:48px;height:48px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:18px;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.24),transparent 38%),linear-gradient(145deg,#3ba7ff,#286dff);font-size:18px;font-weight:800;letter-spacing:0;box-shadow:0 12px 26px #3ba7ff33}.dashboard-user>div:last-child{min-width:0}.dashboard-user strong{display:block;overflow:hidden;color:var(--text);font-size:17px;font-weight:750;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.dashboard-user p{overflow:hidden;margin-top:3px;color:var(--muted);font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.dashboard-support-button,.promo-link{flex:0 0 auto;min-height:38px;border-radius:var(--button-radius);padding:0 12px;color:var(--accent-strong);background:#3ba7ff1f;cursor:pointer;font-size:13px;font-weight:750;transition-duration:.16s;transition-property:background-color,opacity,transform;transition-timing-function:var(--ease-out)}.dashboard-support-button:active,.promo-link:active:not(:disabled){transform:scale(.96)}.promo-link:disabled{cursor:not-allowed;opacity:.58}.dashboard-card{display:grid;gap:14px;padding:16px}.subscription-summary-card{gap:15px}.subscription-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.subscription-summary-head h2{font-size:24px;line-height:1.08}.subscription-summary-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.subscription-summary-body>div,.dashboard-metrics>div{display:grid;gap:5px;min-width:0;border-radius:20px;padding:11px;background:#ffffff0b}.subscription-summary-body span,.dashboard-metrics span{overflow:hidden;color:var(--muted);font-size:12px;font-weight:650;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.subscription-summary-body strong,.dashboard-metrics strong{color:var(--text);font-size:15px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.promo-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;background:radial-gradient(circle at 0% 0%,rgba(59,167,255,.18),transparent 36%),linear-gradient(180deg,#2a2a2df2,#232326f0)}.promo-card h3{font-size:17px}.promo-card p,.vpn-product-copy p{margin-top:5px;color:var(--muted);font-size:14px;line-height:1.38}.vpn-product-card{position:relative;overflow:hidden}.vpn-product-card:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18% 4%,rgba(59,167,255,.18),transparent 30%),radial-gradient(circle at 100% 0%,rgba(255,255,255,.08),transparent 36%);content:""}.vpn-product-card>*{position:relative;z-index:1}.vpn-product-icon{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:#3ba7ff24;box-shadow:inset 0 1px #ffffff17}.vpn-product-icon span{font-size:28px;line-height:1}.vpn-product-copy h2{font-size:27px;line-height:1.04}.vpn-product-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vpn-location-strip{display:flex;min-height:36px;align-items:center;justify-content:flex-start;gap:12px;border-top:1px solid var(--border);padding-top:12px;color:var(--muted);font-size:14px}.location-flags{display:flex;align-items:center;gap:8px;flex:0 0 auto;white-space:nowrap}.location-flag{display:inline-flex;width:28px;height:28px;flex:0 0 28px;align-items:center;justify-content:center;overflow:hidden;font-size:22px;letter-spacing:0;line-height:1;transform:translateY(1px);vertical-align:middle}.vpn-location-strip strong{display:inline-flex;min-height:28px;align-items:center;color:var(--text);font-weight:750;line-height:1}.dashboard-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-metrics>div{border-radius:24px;padding:14px}.dashboard-metrics strong{font-size:22px}.dashboard-utility-card{display:grid;gap:12px;padding:14px}.dashboard-utility-card-quiet{padding:14px 16px}.panel-head,.config-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.panel-head h2{font-size:25px}.identity-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px}.identity-row strong,.meta-grid strong{color:var(--text);font-size:15px;font-weight:650;text-align:right}.badge{flex:0 0 auto}.badge-active{border-color:#04785729;color:var(--success);background:var(--success-soft)}.status-copy{display:grid;gap:7px}.status-copy h2{font-size:25px}.active-card{display:grid;gap:14px}.active-card-minimal{gap:12px}.active-heading{display:grid;gap:3px}.active-card-minimal .active-heading{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.46);border-radius:16px;padding:12px;background:linear-gradient(180deg,#ffffff94,#ffffff57);box-shadow:inset 0 1px #ffffffa3,0 8px 20px #0a405c0f}.active-card-minimal .active-heading:before{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.7),transparent 34%),radial-gradient(circle at 100% 0%,rgba(34,184,238,.1),transparent 44%);content:""}.active-card-minimal .active-heading>*{position:relative;z-index:1}.active-card-minimal .active-heading h3{font-size:23px}.active-heading p{color:var(--muted);font-size:15px;line-height:1.4}.active-heading span{color:var(--success);font-size:13px;font-weight:650;line-height:1.35}.info-rows{display:grid;gap:0}.info-rows p,.location-row,.technical-details>p{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:15px}.info-rows>:first-child{border-top:0}.info-rows strong,.technical-details strong{color:var(--text);font-variant-numeric:tabular-nums;font-weight:650;text-align:right}.location-row{min-width:0}.location-row>span{flex:0 0 auto}.location-value{display:inline-flex;min-width:0;align-items:center;justify-content:flex-end;gap:10px}.location-name,.location-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.location-name{min-width:0;overflow:hidden;text-overflow:ellipsis}.location-status{flex:0 0 auto;color:var(--muted);font-size:13px;font-weight:650}.location-status-online{color:var(--success)}.location-status-muted{color:#4f6678bd;font-weight:600}.status-dot{width:7px;height:7px;border-radius:999px;background:currentColor}.location-status-online .status-dot{box-shadow:0 0 0 3px #0478571c;animation:online-pulse 1.8s var(--ease-out) infinite}.location-list{display:grid;gap:0}.location-item{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid var(--border);border-radius:0;padding:6px 0;color:var(--text);background:transparent;cursor:pointer;text-align:left}.location-list>.location-item:nth-child(2){border-top:0}.location-item-static{cursor:default}.location-item-interactive{cursor:pointer}.location-item-interactive:active{transform:scale(.99)}.location-item-main{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;flex:1 1 auto}.location-action{flex:0 0 auto;border-radius:999px;padding:4px 8px;color:var(--accent-strong);background:var(--accent-soft);font-size:11px;font-weight:650;white-space:nowrap}.location-action-success{color:var(--success);background:#ffffffad;box-shadow:inset 0 0 0 1px #0478571f}.traffic-card{display:grid;gap:7px;border:1px solid rgba(255,255,255,.44);border-radius:16px;padding:11px 12px;background:linear-gradient(180deg,#ffffff80,#ffffff4d);box-shadow:inset 0 1px #ffffff8f,0 6px 18px #0a405c0d}.traffic-head{display:grid;gap:2px}.traffic-head>div{display:grid;gap:2px;min-width:0}.traffic-head strong{color:var(--text);font-size:16px;font-weight:650;line-height:1.25}.traffic-progress{overflow:hidden;height:5px;border-radius:999px;background:#0f2f4a14}.traffic-progress span{display:block;min-width:2px;max-width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-strong),var(--accent));transition:width .18s var(--ease-out)}.traffic-stats{display:flex;flex-wrap:wrap;gap:4px 10px;color:var(--muted);font-size:13px;line-height:1.3}.subscription-minimal-action{display:grid;gap:7px}.compact-error{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--danger);font-size:13px;line-height:1.35}.compact-error button,.secondary-inline-button{min-height:28px;border-radius:999px;padding:0 9px;color:var(--accent-strong);background:var(--accent-soft);cursor:pointer;font-size:12px;font-weight:650}.secondary-inline-button:disabled{cursor:not-allowed;opacity:.5}.connection-details{display:grid;border-top:1px solid rgba(15,47,74,.07);padding-top:4px}.connection-details-toggle{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:10px;color:var(--text);background:transparent;cursor:pointer;font-size:14px;font-weight:650;text-align:left}.connection-details-toggle span:last-child{color:var(--muted);font-size:17px;line-height:1;transition:transform .16s var(--ease-out)}.connection-details-toggle[aria-expanded=true] span:last-child{transform:rotate(180deg)}.connection-details-panel{display:grid;gap:12px;padding-top:8px;animation:details-reveal .2s var(--ease-out)}.connection-detail-group{display:grid;gap:7px}.connection-location-list{display:grid;gap:0}.connection-location-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 72px;min-height:30px;align-items:center;column-gap:12px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}.connection-location-row:first-child{border-top:0}.connection-location-name{display:inline-flex;min-width:0;align-items:center;gap:6px;overflow:hidden;color:var(--text);font-weight:650;white-space:nowrap}.connection-location-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-location-row .location-status{display:inline-flex;width:92px;justify-content:flex-start;justify-self:start;white-space:nowrap}.connection-location-row strong{min-width:72px;justify-self:end;color:var(--text);font-weight:650;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.connection-link-group{display:grid;gap:8px}.connection-details .detail-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border-top:1px solid var(--border);padding:12px 0}.connection-details .detail-action-label{min-width:0;color:var(--text);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-details .detail-action-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:6px 0;color:var(--accent-strong);background:transparent;cursor:pointer;font:inherit;font-weight:750;line-height:1;white-space:nowrap}.connection-details .detail-action-button:disabled{cursor:not-allowed;opacity:.5}.connection-details .detail-action-button:active:not(:disabled){opacity:.72}.traffic-details-note{margin:2px 0 0;color:#4f6678d1;font-size:12px;line-height:1.4}.expired-card{display:grid;gap:12px}.server-selector{display:grid;gap:8px}.server-option{display:flex;min-height:46px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;color:var(--text);background:#fff9;box-shadow:var(--control-shadow);cursor:pointer;text-align:left;transition-duration:.16s;transition-property:background-color,border-color,box-shadow,color,opacity,transform;transition-timing-function:var(--ease-out)}.server-option:active{transform:scale(.98)}.server-option:disabled{cursor:not-allowed;opacity:.55}.server-option-active{border-color:#22b8ee57;background:#e0f7ffdb}.server-option-name{display:inline-flex;min-width:0;align-items:center;gap:8px;overflow:hidden;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.provisioning-block,.trial-issue-block{display:grid;gap:8px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:#ffffff9e;color:var(--muted);font-size:14px;line-height:1.45}.provisioning-head{display:inline-flex;align-items:center;gap:8px;color:var(--text)}.provisioning-head strong,.trial-issue-block strong{color:var(--text);font-weight:650}.provisioning-pulse{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #22b8ee21;animation:pulse 1.5s ease-out infinite}.trial-issue-block{border-color:#9a5a051f;background:#fff9dc94}@keyframes pulse{0%{transform:scale(.85);opacity:.58}55%{transform:scale(1);opacity:1}to{transform:scale(.85);opacity:.58}}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.meta-grid{display:grid;grid-template-columns:1fr;gap:8px}.meta-grid>div{border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 11px;background:#ffffff8a}.primary-button,.secondary-button,.support-link{border-radius:var(--button-radius);cursor:pointer;font-weight:650;transition-duration:.16s;transition-property:background-color,box-shadow,color,opacity,transform;transition-timing-function:var(--ease-out)}.primary-button:active,.secondary-button:active,.support-link:active,.accordion-button:active,.client-selector-button:active,.device-card:active{transform:scale(.96)}.primary-button{width:100%;min-height:var(--button-height);border:1px solid rgba(255,255,255,.64);color:#073451;background:linear-gradient(180deg,#ffffff6b,#fff0 44%),linear-gradient(135deg,#8be7f7,#22b8ee 58%,#12a8df);box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #0369a129,0 10px 24px #22b8ee2e}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{min-height:var(--button-height);padding:0 14px;color:var(--accent-strong);background:var(--accent-soft);box-shadow:var(--control-shadow)}.full-width{width:100%}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notice{border:1px solid rgba(154,90,5,.12);border-radius:var(--radius-sm);padding:11px;color:var(--warning);background:#fff9dc9e;font-size:15px;line-height:1.45}.config-head{margin-bottom:0}.config-panel{display:grid;gap:10px}.config-panel .config-head h2{font-size:22px}.config-panel .config-head .muted{font-size:14px}.config-panel .primary-button{min-height:40px;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #22b8ee24}.config-panel .accordion-button{min-height:38px;border-radius:14px;color:var(--text);background:#ffffff7a;box-shadow:none}.subscription-card{display:grid;gap:8px;border:0;border-radius:0;padding:0;background:transparent}.compact-section-head{gap:4px}.subscription-secondary-actions{display:inline-flex;min-height:28px;align-items:center;justify-content:center;gap:8px;color:#4f6678d1;font-size:13px;line-height:1}.subscription-secondary-actions button{min-height:28px;border-radius:999px;padding:0 4px;color:var(--accent-strong);background:transparent;cursor:pointer;font-size:13px;font-weight:650}.subscription-secondary-actions button:disabled{cursor:not-allowed;opacity:.42}.subscription-secondary-actions button:active{transform:scale(.96)}.manual-link-helper{color:var(--muted);font-size:13px;line-height:1.4;text-align:center}.manual-link-panel{display:grid;gap:8px}.subscription-url-field{min-height:76px;max-height:96px;resize:none}.manual-open-link{justify-self:center;min-height:30px;border-radius:999px;padding:0 10px;color:var(--accent-strong);background:#ffffff94;box-shadow:var(--control-shadow);cursor:pointer;font-size:13px;font-weight:650}.advanced-fallback-button{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;border:0;border-top:1px solid var(--border);border-radius:0;padding:6px 0 0;color:var(--text);background:transparent;cursor:pointer;text-align:left;transition-duration:.16s;transition-property:background-color,opacity,transform;transition-timing-function:var(--ease-out)}.advanced-fallback-button:active{transform:scale(.98)}.advanced-fallback-button>span:first-child{display:grid;gap:2px;min-width:0}.advanced-fallback-button strong{font-size:13px;font-weight:650}.advanced-fallback-button small{color:var(--muted);font-size:12px;line-height:1.35}.advanced-fallback-button>span:last-child{color:var(--muted);font-size:20px;line-height:1}@keyframes online-pulse{0%,to{box-shadow:0 0 0 3px #0478571a;opacity:.78}50%{box-shadow:0 0 0 6px #04785700;opacity:1}}@keyframes details-reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.config-location-selector{display:flex;gap:7px;overflow-x:auto;padding-bottom:1px;scrollbar-width:none}.config-location-selector::-webkit-scrollbar{display:none}.config-location{display:inline-flex;min-height:38px;flex:0 0 auto;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:0 12px;color:var(--muted);background:#ffffff9e;box-shadow:var(--control-shadow);cursor:pointer;font-size:13px;font-weight:650}.config-location-active{border-color:#22b8ee47;color:var(--accent-strong);background:var(--accent-soft)}.config-empty{display:grid;gap:9px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:#ffffff94}.config-empty h3{font-size:18px}.config-rows{border-top:1px solid var(--border)}.config-secondary-actions{display:grid;gap:0;border-top:1px solid var(--border)}.config-text-button{display:flex;min-height:38px;align-items:center;justify-content:space-between;border:0;border-top:1px solid var(--border);padding:0;color:var(--accent-strong);background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:650;text-align:left}.config-text-button:first-child{border-top:0}.config-text-button:active{opacity:.72}.config-helper{margin-top:-4px;color:var(--muted);font-size:13px;line-height:1.4;text-align:center}.copy-feedback{margin-top:-2px;border-radius:var(--radius-sm);padding:9px 10px;font-size:13px;font-weight:600;line-height:1.4;text-align:center}.copy-feedback-error{color:var(--danger);background:#c7354314}.copy-feedback-success{color:var(--success);background:var(--success-soft)}.accordion-button{display:flex;min-height:40px;align-items:center;justify-content:space-between;gap:10px;border-radius:999px;padding:0 13px;color:var(--accent-strong);background:#ffffffad;box-shadow:var(--control-shadow);cursor:pointer;font-weight:650;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.accordion-icon{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;color:var(--muted);background:#0369a114;font-size:16px;line-height:1;transition-duration:.18s;transition-property:background-color,color,transform;transition-timing-function:var(--ease-out)}.accordion-button[aria-expanded=true] .accordion-icon{transform:rotate(180deg)}.vless-link-block{max-height:120px;overflow:auto;word-break:break-all;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;color:var(--text);background:#ffffffa3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45}.technical-details{display:grid;gap:8px}.technical-details>p{border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 10px;background:#ffffff8f}textarea{width:100%;min-height:118px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);background:#ffffffa3;line-height:1.42;resize:vertical}.section-head{display:grid;gap:5px;margin-bottom:12px}.instruction-note{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.45}.app-selector-block{display:grid;gap:6px;margin-bottom:12px;padding:0;background:transparent}.app-selector-block p{margin:0;color:var(--muted);font-size:12px;line-height:1.35}.client-selector{display:inline-grid;grid-template-columns:repeat(2,minmax(0,auto));gap:4px;width:fit-content;max-width:100%;border:1px solid rgba(255,255,255,.58);border-radius:999px;padding:3px;background:#ffffff75;box-shadow:inset 0 1px #ffffffad}.client-selector-button{min-height:30px;border:0;border-radius:999px;padding:0 11px;color:var(--text);background:transparent;box-shadow:none;cursor:pointer;text-align:center;transition-duration:.16s;transition-property:background-color,box-shadow,color,opacity,transform;transition-timing-function:var(--ease-out)}.client-selector-button span{display:block;font-size:13px;font-weight:650;white-space:nowrap}.client-selector-button-active{color:var(--accent-strong);background:linear-gradient(180deg,#ffffffe6,#e0f7ffb8);box-shadow:inset 0 1px #ffffffe0,0 8px 20px #22b8ee17}.device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.device-card{min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 10px;color:var(--muted);background:#ffffff94;cursor:pointer;text-align:left;transition-duration:.16s;transition-property:background-color,box-shadow,color,transform;transition-timing-function:var(--ease-out)}.device-card span{display:block;font-size:14px;font-weight:600}.device-card-active{border-color:#0369a12e;color:var(--accent-strong);background:var(--accent-soft)}.device-steps{display:grid;gap:8px;margin-top:12px;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-sm);padding:12px;background:#ffffff8f}.instruction-card-head{display:grid;gap:2px}.instruction-card-head strong{color:var(--text);font-size:17px;font-weight:700}.instruction-card-head span{color:var(--muted);font-size:13px}.instruction-actions{display:grid;gap:8px;margin-top:12px}.setup-vpn-screen{display:grid;gap:14px;margin-top:10px}.setup-vpn-header,.setup-selector-block,.setup-link-card,.setup-step-card{border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,var(--card-bg),var(--card-bg-soft));box-shadow:var(--shadow)}.setup-vpn-header{display:grid;gap:10px;padding:18px}.setup-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.setup-hero-icon{position:relative;display:grid;width:72px;height:72px;place-items:center;border:1px solid rgba(59,167,255,.22);border-radius:999px;color:var(--primary-text);background:radial-gradient(circle at 28% 20%,rgba(255,255,255,.44),transparent 34%),linear-gradient(180deg,#58baff 0%,var(--primary) 100%);box-shadow:inset 0 1px #ffffff52,0 18px 34px #3ba7ff33}.setup-hero-icon:before,.setup-hero-icon:after{position:absolute;border:1px solid rgba(59,167,255,.2);border-radius:inherit;content:""}.setup-hero-icon:before{top:-9px;right:-9px;bottom:-9px;left:-9px}.setup-hero-icon:after{top:9px;right:9px;bottom:9px;left:9px;border-color:#ffffff52}.setup-hero-icon span{position:relative;z-index:1;font-size:30px;line-height:1}.theme-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid var(--border);border-radius:999px;padding:4px;background:#ffffff0f}.theme-toggle-button{min-height:34px;border-radius:999px;padding:0 10px;color:var(--muted);background:transparent;cursor:pointer;font-size:12px;font-weight:750;white-space:nowrap}.theme-toggle-button-active{color:var(--primary-text);background:var(--primary);box-shadow:var(--control-shadow)}.setup-vpn-header h2{font-size:27px;line-height:1.05}.setup-vpn-header p,.setup-state-note,.setup-link-card p,.setup-step-card p{color:var(--muted);font-size:14px;line-height:1.42}.setup-selector-block{display:grid;gap:10px;padding:14px}.setup-device-grid,.setup-app-grid{display:grid;gap:8px}.setup-device-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.setup-app-grid{grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}.setup-choice{display:grid;gap:2px;align-content:center;min-height:46px;min-width:0;border:1px solid var(--border);border-radius:18px;padding:0 12px;color:var(--text);background:#ffffff0b;cursor:pointer;font-size:14px;font-weight:750;text-align:center;transition-duration:.16s;transition-property:background-color,border-color,color,transform;transition-timing-function:var(--ease-out)}.setup-choice small{display:block;color:inherit;font-size:11px;font-weight:650;opacity:.68}.setup-choice:active{transform:scale(.97)}.setup-choice-active{border-color:#3ba7ff59;color:var(--primary-text);background:var(--primary)}.setup-link-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px}.setup-link-card>div:first-child{min-width:0}.setup-link-card strong{display:block;overflow:hidden;color:var(--text);font-size:15px;font-weight:750;line-height:1.28;text-overflow:ellipsis;white-space:nowrap}.setup-link-card .secondary-button{width:auto;min-width:118px}.setup-link-card .compact-error,.setup-link-card p{grid-column:1 / -1}.setup-action-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.setup-action-row .primary-button,.setup-action-row .secondary-button{min-height:54px}.setup-action-row .primary-button:disabled{cursor:not-allowed}.setup-state-note{margin-top:-4px;border:1px solid var(--border);border-radius:22px;padding:12px;background:var(--secondary-button-bg)}.setup-step-list{display:grid;gap:10px}.setup-step-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px}.setup-step-number{display:grid;width:34px;height:34px;place-items:center;border-radius:14px;color:#fff;background:var(--accent);font-size:14px;font-weight:850}.setup-step-card h3{font-size:18px}.setup-step-card p{margin-top:5px}.setup-page{display:grid;gap:12px}.setup-launcher-page{align-content:start}.setup-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start}.setup-back-button{display:inline-grid;width:36px;height:36px;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:999px;color:var(--accent-strong);background:#ffffffa3;box-shadow:var(--control-shadow);cursor:pointer;font-size:18px;font-weight:700}.setup-client-card,.setup-route-card,.setup-help-panel,.setup-empty-state{display:grid;gap:8px;border:1px solid rgba(255,255,255,.58);border-radius:var(--radius-sm);padding:12px;background:#ffffff8f}.setup-launcher-card{display:grid;gap:6px;justify-items:center;border:1px solid rgba(255,255,255,.62);border-radius:var(--radius-sm);padding:18px 14px;background:radial-gradient(circle at 50% 0%,rgba(125,223,245,.2),transparent 52%),#ffffff94;text-align:center}.setup-launcher-card h2{font-size:24px}.setup-launcher-card p{max-width:30ch;margin:0;color:var(--muted);font-size:14px;line-height:1.42}.setup-launcher-pulse{width:13px;height:13px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 6px #22b8ee1f;animation:status-pulse 1.8s ease-out infinite}.setup-launcher-actions{gap:7px}.setup-empty-state h2{font-size:22px}.setup-steps{margin-top:0}.setup-actions,.setup-fallback-actions{display:grid;gap:8px}.setup-note{display:grid;gap:4px;border:1px solid rgba(154,90,5,.16);border-radius:var(--radius-sm);padding:11px 12px;color:var(--warning);background:#fffbebb8}.setup-note p,.setup-route-card p,.setup-help-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.42}.setup-route-card strong{color:var(--text);font-size:14px;font-weight:700}.setup-technical-details{gap:8px}.setup-technical-details p{display:grid;gap:4px;min-height:auto;padding-block:8px}.setup-technical-details strong{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.35}.panel{border-color:var(--border);background:linear-gradient(180deg,#2a2a2df5,#242427f0);box-shadow:var(--shadow)}.panel:before{background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.1),transparent 34%),radial-gradient(circle at 100% 0%,rgba(59,167,255,.12),transparent 42%)}.active-card-minimal .active-heading,.traffic-card,.server-option,.provisioning-block,.meta-grid>div,.config-empty,.manual-open-link{border-color:var(--border);background:#ffffff0b;box-shadow:none}.trial-issue-block,.notice{border-color:#ffd1662e;background:#ffd16614}.primary-button{min-height:50px;color:#fff;background:linear-gradient(180deg,#4eb1ff 0%,var(--accent) 100%);box-shadow:inset 0 1px #ffffff42,0 14px 28px #3ba7ff3d}.secondary-button,.compact-error button,.secondary-inline-button,.config-location-active,.server-option-active{color:var(--accent-strong);background:#3ba7ff1f}.badge{border-color:var(--border);color:var(--muted);background:#ffffff0e}.badge-active{border-color:#49d17d2e;color:var(--success);background:var(--success-soft)}.bottom-nav{position:fixed;right:max(12px,calc((100vw - 560px)/2 + 12px));bottom:calc(10px + var(--tg-safe-bottom));left:max(12px,calc((100vw - 560px)/2 + 12px));z-index:20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:7px;background:#1f1f21db;box-shadow:inset 0 1px #ffffff14,0 18px 44px #0000006b;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.bottom-nav-item{display:grid;min-width:0;min-height:50px;place-items:center;gap:3px;border-radius:22px;color:#f7f7f89e;background:transparent;cursor:pointer;font-size:11px;font-weight:650;line-height:1.1;text-align:center;transition-duration:.16s;transition-property:background-color,color,transform;transition-timing-function:var(--ease-out)}.bottom-nav-item:active{transform:scale(.96)}.bottom-nav-item-active{color:#fff;background:#3ba7ff2e}.bottom-nav-icon{display:grid;width:23px;height:23px;place-items:center;border-radius:999px;color:inherit;background:#ffffff12;font-size:15px;line-height:1}.bottom-nav-item-active .bottom-nav-icon{color:#fff;background:var(--accent)}.vpn-quick-actions,.product-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product-screen{display:grid;gap:14px}.services-screen{display:grid;gap:12px;margin-top:10px}.services-hero,.service-tabs,.service-detail-card{border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#2a2a2df5,#222225f0);box-shadow:var(--shadow)}.services-hero{display:grid;gap:5px;padding:17px}.services-hero h2{font-size:27px;line-height:1.05}.services-hero p,.service-detail-card p,.service-empty-state p{color:var(--muted);font-size:14px;line-height:1.42}.service-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px}.service-tab{min-height:44px;border-radius:20px;color:var(--muted);background:transparent;cursor:pointer;font-size:14px;font-weight:750;transition-duration:.16s;transition-property:background-color,color,transform;transition-timing-function:var(--ease-out)}.service-tab:active{transform:scale(.97)}.service-tab-active{color:#fff;background:#3ba7ff33}.service-detail-card{display:grid;gap:14px;padding:16px}.service-detail-card .service-card-head h3{font-size:21px}.service-detail-card .service-card-head p{margin-top:5px}.service-link-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--border);border-radius:22px;padding:12px;background:#ffffff0b}.service-link-compact>div{min-width:0}.service-link-compact strong{display:block;overflow:hidden;color:var(--text);font-size:14px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.service-link-compact .secondary-button{width:auto;min-width:88px}.service-empty-state{display:grid;gap:12px}.service-placeholder-card{min-height:180px;align-content:center}.service-card,.referral-card,.shop-offer-card,.shop-coming-card{display:grid;gap:12px;border:1px solid var(--border);border-radius:26px;padding:16px;background:#ffffff0b}.service-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.product-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-metrics>div{display:grid;gap:4px;border:1px solid var(--border);border-radius:20px;padding:12px;background:#ffffff0a}.product-metrics span,.product-note,.referral-card p,.shop-offer-card p,.shop-coming-card span{color:var(--muted);font-size:13px;line-height:1.35}.product-metrics strong,.referral-card strong{color:var(--text);font-size:18px;font-weight:700}.shop-coming-grid{display:grid;gap:10px}.shop-coming-card{grid-template-columns:1fr auto;align-items:center;border-radius:22px;padding:14px}.app-shell[data-theme=light] .hero,.app-shell[data-theme=light] .panel,.app-shell[data-theme=light] .public-hero-card,.app-shell[data-theme=light] .public-card,.app-shell[data-theme=light] .dashboard-header,.app-shell[data-theme=light] .dashboard-card,.app-shell[data-theme=light] .dashboard-metrics>div,.app-shell[data-theme=light] .dashboard-utility-card,.app-shell[data-theme=light] .services-hero,.app-shell[data-theme=light] .service-tabs,.app-shell[data-theme=light] .service-detail-card,.app-shell[data-theme=light] .setup-vpn-header,.app-shell[data-theme=light] .setup-selector-block,.app-shell[data-theme=light] .setup-link-card,.app-shell[data-theme=light] .setup-step-card,.app-shell[data-theme=light] .skeleton-card,.app-shell[data-theme=light] .skeleton-row{border-color:var(--border);background:linear-gradient(180deg,#fff,#f9fbff);box-shadow:var(--shadow)}.app-shell[data-theme=light] .panel:before,.app-shell[data-theme=light] .public-hero-card:before{background:radial-gradient(circle at 18% 0%,rgba(54,168,255,.12),transparent 38%),radial-gradient(circle at 100% 0%,rgba(129,140,248,.08),transparent 42%)}.app-shell[data-theme=light] .setup-choice,.app-shell[data-theme=light] .public-benefit,.app-shell[data-theme=light] .public-location-list span,.app-shell[data-theme=light] .product-metrics>div,.app-shell[data-theme=light] .service-link-compact,.app-shell[data-theme=light] .service-card,.app-shell[data-theme=light] .setup-state-note{border-color:var(--border);background:#f4f8fd}.app-shell[data-theme=light] .setup-choice-active{border-color:#36a8ff6b;color:var(--primary-text);background:var(--primary)}.app-shell[data-theme=light] .theme-toggle{background:#eef4fb}.app-shell[data-theme=light] .bottom-nav{border-color:#dde7f2eb;background:#ffffffdb;box-shadow:inset 0 1px #ffffffe6,0 18px 36px #2c508229}.app-shell[data-theme=light] .bottom-nav-item{color:#14203394}.app-shell[data-theme=light] .bottom-nav-item-active{color:var(--primary);background:#36a8ff21}.app-shell[data-theme=light] .bottom-nav-icon{background:#1420330f}.app-shell[data-theme=light] .bottom-nav-item-active .bottom-nav-icon{color:var(--primary-text);background:var(--primary)}.app-shell[data-theme=light] .copy-toast{color:var(--text);background:#fffffff0;box-shadow:0 18px 34px #2c50822e}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.location-status-online .status-dot{animation:none!important;box-shadow:0 0 0 3px #0478571c;opacity:1}}.steps{margin:8px 0 0;padding-left:20px;color:var(--text);font-size:15px;line-height:1.48}.steps li+li{margin-top:5px}.support-card{display:grid;gap:8px}.support-link{display:flex;width:100%;min-height:44px;align-items:center;justify-content:center;margin-top:14px;color:var(--text);background:linear-gradient(135deg,#7ddff5 0%,var(--accent) 100%);box-shadow:0 8px 20px #22b8ee29;text-align:center;text-decoration:none}.inline-error{margin-top:10px;font-weight:650}@media(min-width:520px){.app-shell{padding-top:16px}.setup-action-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.meta-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:390px){.app-shell{padding-inline:10px}.wordmark{font-size:34px}h2{font-size:24px}.panel,.hero{border-radius:18px;padding:14px}.connection-location-row{grid-template-columns:minmax(0,1fr) 86px 64px;column-gap:10px}.connection-location-row .location-status{width:86px}.connection-location-row strong{min-width:64px}}