:root{color-scheme:light;--bg: #f7f4ee;--bg-elevated: #fbfaf7;--surface: #ffffff;--surface-2: #f1eee7;--surface-3: #e9e5dc;--text: #17191d;--text-soft: #646870;--text-faint: #72767e;--border: #ded9cf;--border-strong: #c8c2b7;--graphite: #171a1f;--graphite-2: #24282f;--sidebar-bg: #171a1f;--sidebar-text: #ffffff;--sidebar-soft: #b8bec7;--sidebar-faint: #9097a1;--sidebar-border: rgba(255, 255, 255, .12);--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-card: rgba(255, 255, 255, .035);--sidebar-accent: rgba(199, 138, 36, .18);--sidebar-accent-text: #f0c26d;--accent: #c78a24;--accent-strong: #9a6510;--accent-soft: #fff3d7;--accent-ink: #5f3a00;--success: #267a58;--success-soft: #e6f5ee;--warning: #94560f;--warning-soft: #fff0d8;--danger: #b33f3f;--danger-soft: #fdeaea;--info: #356b8f;--info-soft: #e7f2f9;--focus: #8b5b00;--shadow-1: 0 1px 2px rgba(23, 25, 29, .05), 0 8px 24px rgba(23, 25, 29, .05);--shadow-2: 0 18px 52px rgba(23, 25, 29, .16);--r-xs: 8px;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--sidebar: 252px;--content-max: 1180px;--topbar: 72px;--bottomnav: 78px;--tap: 44px;--ease: cubic-bezier(.2, .8, .2, 1)}[data-theme=dark]{color-scheme:dark;--bg: #0f1114;--bg-elevated: #14171b;--surface: #191d22;--surface-2: #21262c;--surface-3: #2a3037;--text: #f4f5f7;--text-soft: #b7bcc4;--text-faint: #8e949e;--border: #30363e;--border-strong: #444b55;--graphite: #f2f3f5;--graphite-2: #d5d8dc;--accent: #e1aa4c;--accent-strong: #f1c36f;--accent-soft: #352915;--accent-ink: #ffd990;--success: #62c99b;--success-soft: #173527;--warning: #efb158;--warning-soft: #3c2d18;--danger: #ef8080;--danger-soft: #3d2020;--info: #80badf;--info-soft: #1b2e3a;--focus: #f2c66e;--shadow-1: 0 1px 2px rgba(0, 0, 0, .25), 0 10px 30px rgba(0, 0, 0, .18);--shadow-2: 0 18px 50px rgba(0, 0, 0, .35)}:root{--flag-white: #ffffff;--flag-black: #000000;--flag-fi-blue: #002f6c;--flag-se-blue: #006aa7;--flag-se-gold: #fecc00;--flag-no-red: #ba0c2f;--flag-no-blue: #00205b;--flag-dk-red: #c8102e;--flag-is-blue: #02529c;--flag-is-red: #dc1e35;--flag-ru-blue: #0039a6;--flag-ru-red: #d52b1e;--flag-de-red: #dd0000;--flag-de-gold: #ffce00;--flag-nl-red: #ae1c28;--flag-nl-blue: #21468b;--flag-at-red: #ed2939;--flag-ee-blue: #0072ce;--flag-lt-yellow: #fdb913;--flag-lt-green: #006a44;--flag-lt-red: #c1272d;--flag-ua-blue: #005bbb;--flag-ua-yellow: #ffd500;--flag-pl-red: #dc143c;--flag-lv-crimson: #9e3039;--flag-fr-blue: #002395;--flag-fr-red: #ed2939;--flag-it-green: #008c45;--flag-it-white: #f4f5f0;--flag-it-red: #cd212a;--flag-ie-green: #169b62;--flag-ie-orange: #ff883e;--flag-be-yellow: #fdda24;--flag-be-red: #ef3340;--flag-ro-blue: #002b7f;--flag-ro-yellow: #fcd116;--flag-ro-red: #ce1126;--flag-ch-red: #d52b1e;--flag-jp-red: #bc002d;--flag-tr-red: #e30a17;--flag-us-red: #b22234;--flag-us-blue: #3c3b6e;--flag-gb-blue: #012169;--flag-gb-red: #c8102e;--flag-edge: rgba(0, 0, 0, .18)}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;scroll-behavior:smooth}body{min-width:20rem;min-height:100vh;min-height:100dvh;margin:0;overflow-x:hidden;background:var(--bg);color:var(--text);font:1rem/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{min-width:0;font:inherit}button{color:inherit}button,[role=button],a{-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed}a{color:var(--accent-strong);text-underline-offset:.2rem}h1,h2,h3,p,dl,dd{margin-top:0}h1{margin-bottom:.875rem;font-size:clamp(2rem,4vw,3.35rem);line-height:1.02;letter-spacing:-.045em}h2{margin-bottom:.5rem;font-size:clamp(1.45rem,2.4vw,2rem);line-height:1.15;letter-spacing:-.03em}h3{margin-bottom:.375rem;font-size:1.05rem;line-height:1.3}p{margin-bottom:1rem;color:var(--text-soft)}:focus-visible{outline:.1875rem solid var(--focus);outline-offset:.1875rem}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.skip-link{position:fixed;z-index:9999;left:1rem;top:.75rem;transform:translateY(-180%);padding:.625rem .875rem;border-radius:var(--r-sm);background:var(--graphite);color:var(--surface);text-decoration:none;transition:transform .15s var(--ease)}.skip-link:focus{transform:translateY(0)}.icon{width:1.375rem;height:1.375rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:1.125rem;height:1.125rem}.icon-lg{width:1.75rem;height:1.75rem}.stack,.grid{display:grid;gap:var(--s5)}.grid>*,.stack>*{min-width:0}.grid-2{grid-template-columns:minmax(0,1.75fr) minmax(18.75rem,.9fr)}.grid-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-1)}.card-pad{padding:var(--s6)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5)}.card-head p{margin:0}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s6);margin-bottom:var(--s4)}.page-head p{max-width:45rem;margin-bottom:0}.page-kicker,.section-kicker,.login-kicker{display:block;margin-bottom:var(--s2);color:var(--accent-strong);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.status-actions,.control-action-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3)}.btn{min-height:2.875rem;min-width:var(--tap);border:1px solid transparent;border-radius:.875rem;padding:.6875rem 1.0625rem;display:inline-flex;align-items:center;justify-content:center;gap:.5625rem;font-weight:750;line-height:1.2;cursor:pointer;text-decoration:none;transition:transform .16s var(--ease),background .16s var(--ease),border-color .16s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55}.btn-primary{background:var(--graphite);color:var(--surface);box-shadow:0 .4375rem 1.125rem color-mix(in srgb,var(--graphite) 14%,transparent)}.btn-primary:hover:not(:disabled){background:var(--graphite-2)}.btn-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-elevated)}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger-soft{border-color:color-mix(in srgb,var(--danger) 25%,transparent);background:var(--danger-soft);color:var(--danger)}.btn-full{width:100%}.btn-small{min-height:var(--tap);border-radius:var(--r-sm);padding:.5625rem .8125rem;font-size:.92rem}.btn-icon{width:2.875rem;padding:0}.link-button{min-height:var(--tap);border:0;padding:0;background:transparent;color:var(--accent-strong);font-weight:750;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:.2rem}.badge{min-height:1.75rem;display:inline-flex;align-items:center;gap:.4375rem;border-radius:999rem;padding:.3125rem .625rem;background:var(--surface-2);color:var(--text-soft);font-size:.82rem;font-weight:800;line-height:1}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-accent{background:var(--accent-soft);color:var(--accent-ink)}.inline-alert{display:flex;align-items:flex-start;gap:var(--s3);border-radius:1rem;padding:.9375rem 1rem;background:var(--surface-2);color:var(--text)}.inline-alert strong{display:block;margin-bottom:.1875rem}.inline-alert p{margin:0;color:inherit;opacity:.82}.inline-alert.success{background:var(--success-soft);color:var(--success)}.inline-alert.warning{background:var(--warning-soft);color:var(--warning)}.error-message,.field-error{color:var(--danger);font-size:.9rem;overflow-wrap:anywhere}.field{display:grid;gap:.4375rem}.field-label{font-size:.93rem;font-weight:750}.field-help,.control-note{color:var(--text-soft);font-size:.88rem}.input,textarea{width:100%;min-height:3.125rem;border:1px solid var(--border-strong);border-radius:.875rem;padding:.75rem .875rem;background:var(--surface);color:var(--text);transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}.input:hover,textarea:hover{border-color:var(--text-faint)}.input:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 .25rem color-mix(in srgb,var(--accent) 20%,transparent)}.input[aria-invalid=true]{border-color:var(--danger)}.code-input{letter-spacing:.1em;font-size:1.05rem;font-weight:800;font-variant-numeric:tabular-nums}textarea{min-height:8rem;resize:vertical;font-family:ui-monospace,Cascadia Mono,monospace}.spinner{width:1.25rem;height:1.25rem;display:inline-block;flex:0 0 auto;border:.125rem solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{display:block;border-radius:var(--r-sm);background:var(--surface-3);animation:pulse 1.4s ease-in-out infinite}.skeleton-label{width:28%;height:1rem}.skeleton-title{width:58%;height:2.25rem}.skeleton-copy{width:80%;height:1rem}.skeleton-field,.skeleton-button,.skeleton-row{width:100%;height:3.125rem}.skeleton-note{width:68%;height:.875rem}.skeleton-control{min-height:14rem;align-content:start}.skeleton-collapsed{min-height:5rem}@keyframes pulse{50%{opacity:.58}}.login-shell{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(22.5rem,.95fr) minmax(30rem,1.05fr)}.login-brand{position:relative;overflow:hidden;min-height:100%;padding:var(--s8) clamp(1.875rem,5vw,4.5rem);display:flex;flex-direction:column;background:var(--sidebar-bg);color:var(--sidebar-text)}.login-brand:before,.login-brand:after{position:absolute;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%;content:"";pointer-events:none}.login-brand:before{width:37.5rem;height:37.5rem;right:-18.75rem;top:-13.75rem}.login-brand:after{width:26.25rem;height:26.25rem;right:-13.125rem;top:-8.125rem}.brand-lockup{position:relative;z-index:1;display:inline-flex;min-width:0;align-items:center;gap:var(--s3)}.brand-mark{width:2.875rem;height:2.875rem;display:grid;flex:0 0 auto;place-items:center;border-radius:.875rem;background:var(--accent);color:var(--sidebar-bg);box-shadow:0 .5rem 1.5rem color-mix(in srgb,var(--sidebar-bg) 30%,transparent)}.brand-copy{min-width:0;display:grid;line-height:1.18}.brand-copy strong{font-size:1.08rem}.brand-copy span{color:var(--text-soft);font-size:.82rem}.brand-lockup.inverse .brand-copy span{color:var(--sidebar-soft)}.login-brand-copy{position:relative;z-index:1;max-width:32.5rem;margin:auto 0}.login-brand-copy h1{color:var(--sidebar-text);font-size:clamp(2.2rem,4.8vw,4.8rem)}.login-brand-copy p{color:var(--sidebar-soft);font-size:1.08rem}.login-brand-copy .login-kicker{color:var(--sidebar-accent-text)}.signal-line{position:relative;width:min(100%,26.875rem);height:1px;margin-top:2.375rem;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 5%,transparent))}.signal-line:before,.signal-line:after{position:absolute;top:-.3125rem;width:.6875rem;height:.6875rem;border-radius:50%;background:var(--accent);box-shadow:0 0 1.25rem color-mix(in srgb,var(--accent) 55%,transparent);content:""}.signal-line:before{left:0}.signal-line:after{left:43%}.login-brand-footer{position:relative;z-index:1;color:var(--sidebar-faint);font-size:.82rem}.login-form-side{padding:var(--s7);display:grid;place-items:center;background:var(--bg)}.login-card{width:min(100%,31.875rem);min-height:32rem;padding:clamp(1.5rem,4vw,2.625rem);border:1px solid var(--border);border-radius:1.75rem;background:var(--surface);box-shadow:var(--shadow-1);display:grid;align-content:center;gap:var(--s5)}.login-card h1{margin-top:var(--s4)}.security-note{display:flex;align-items:flex-start;gap:.5625rem;color:var(--text-soft);font-size:.85rem}.app-shell{min-height:100vh;min-height:100dvh}.sidebar{position:fixed;z-index:40;inset:0 auto 0 0;width:var(--sidebar);padding:var(--s5) 1.125rem 1.125rem;display:flex;flex-direction:column;background:var(--sidebar-bg);color:var(--sidebar-text)}.sidebar .brand-lockup{margin:.125rem var(--s1) 1.625rem}.nav{display:grid;gap:.375rem}.nav-button{width:100%;min-height:3.125rem;border:0;border-radius:.9375rem;padding:.6875rem .8125rem;display:flex;align-items:center;gap:var(--s3);background:transparent;color:var(--sidebar-soft);font-weight:750;cursor:pointer;text-align:left}.nav-button:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.nav-button[aria-current=page]{background:var(--sidebar-accent);color:var(--sidebar-accent-text)}.sidebar-spacer{flex:1}.router-mini{margin:var(--s3) 0 var(--s2);padding:.875rem;border:1px solid var(--sidebar-border);border-radius:1rem;background:var(--sidebar-card);display:grid;gap:.1875rem}.router-mini span{color:var(--sidebar-faint);font-size:.78rem}.app-main{min-height:100vh;margin-left:var(--sidebar)}.topbar{position:sticky;z-index:30;top:0;min-height:var(--topbar);padding:0 clamp(1.25rem,3vw,2.5rem);display:flex;align-items:center;justify-content:space-between;gap:var(--s4);border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(1.125rem);backdrop-filter:blur(1.125rem)}.topbar-actions{display:flex;align-items:center;gap:var(--s3)}.context-pill,.plan-badge{min-height:var(--tap);display:inline-flex;align-items:center;gap:.4375rem;border:1px solid var(--border);border-radius:999rem;padding:.4375rem .6875rem;background:var(--surface);font-size:.85rem;font-weight:750}.context-pill.local{color:var(--success)}.context-pill.remote{color:var(--info)}.plan-badge{min-width:var(--tap);color:var(--accent-ink);background:var(--accent-soft);cursor:pointer}.mobile-title{display:none}.content{width:min(100%,calc(var(--content-max) + 5rem));margin:0 auto;padding:2.125rem var(--s8) 4rem}.mobile-nav{display:none}.status-hero{position:relative;overflow:hidden;min-height:18.5rem;padding:2.5rem 2.625rem;display:grid;grid-template-columns:minmax(0,1fr) 13.125rem;align-items:center;gap:1.625rem;background:linear-gradient(115deg,var(--surface) 0 66%,color-mix(in srgb,var(--accent-soft) 52%,var(--surface)) 100%)}.status-hero:after{position:absolute;width:20.625rem;height:20.625rem;right:-9.0625rem;top:-9.6875rem;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%;content:""}.status-copy{position:relative;z-index:1}.status-copy p{max-width:45rem;font-size:1.08rem}.status-eyebrow{display:flex;align-items:center;gap:var(--s2);margin-bottom:1.125rem;color:var(--text-soft);font-size:.9rem;font-weight:750}.status-orb{position:relative;z-index:1;width:10.75rem;height:10.75rem;display:grid;place-items:center;justify-self:center;border:1px solid color-mix(in srgb,var(--success) 24%,transparent);border-radius:50%;background:var(--success-soft);color:var(--success);box-shadow:inset 0 0 0 1.25rem color-mix(in srgb,var(--surface) 42%,transparent)}.status-orb .icon{width:3.875rem;height:3.875rem;stroke-width:1.4}.status-orb.warning,.tone-warning .status-orb{border-color:color-mix(in srgb,var(--warning) 24%,transparent);background:var(--warning-soft);color:var(--warning)}.status-orb.danger,.tone-danger .status-orb{border-color:color-mix(in srgb,var(--danger) 24%,transparent);background:var(--danger-soft);color:var(--danger)}.status-hero-skeleton .status-copy{display:grid;gap:var(--s4)}.status-panel{overflow:hidden}.status-row{min-height:5.0625rem;padding:1rem 1.125rem;display:grid;grid-template-columns:2.625rem minmax(0,1fr) auto;align-items:center;gap:.875rem;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:0}.status-icon,.quick-icon,.mode-icon{width:2.625rem;height:2.625rem;display:grid;flex:0 0 auto;place-items:center;border-radius:.8125rem;background:var(--success-soft);color:var(--success)}.status-icon.warning{background:var(--warning-soft);color:var(--warning)}.status-icon.danger{background:var(--danger-soft);color:var(--danger)}.status-icon.neutral{background:var(--surface-2);color:var(--text-soft)}.status-row-copy{min-width:0;display:grid;gap:.125rem}.status-row-copy strong{font-size:.97rem}.status-row-copy span{color:var(--text-soft);font-size:.88rem}.quick-card{min-height:14.75rem;padding:1.375rem;display:flex;flex-direction:column}.quick-card-top{display:flex;justify-content:space-between;gap:var(--s4);margin-bottom:.875rem}.quick-icon{background:var(--accent-soft);color:var(--accent-ink)}.quick-card p{margin-bottom:var(--s4)}.quick-link{width:100%;min-height:var(--tap);margin-top:auto;border:0;padding:var(--s1) 0;display:flex;align-items:center;justify-content:space-between;background:transparent;color:var(--text);font-weight:750;cursor:pointer;text-align:left}.vpn-control-card{padding:1.75rem}.vpn-control-top{min-height:13.75rem;display:grid;grid-template-columns:minmax(0,1fr) 7.875rem;align-items:center;gap:var(--s5)}.vpn-summary p{max-width:37.5rem}.vpn-summary h2{margin-top:var(--s4)}.vpn-power{width:7rem;height:7rem;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;justify-self:center;background:var(--graphite);color:var(--surface);cursor:pointer;box-shadow:0 .75rem 1.875rem color-mix(in srgb,var(--graphite) 16%,transparent),inset 0 0 0 .75rem color-mix(in srgb,var(--surface) 8%,transparent)}.vpn-power .icon{width:2.375rem;height:2.375rem}.vpn-power.connecting{background:var(--accent-soft);color:var(--accent-ink)}.selector-card{min-height:14rem;padding:var(--s6);display:grid;align-content:space-between;gap:var(--s4)}.selector-card p{margin-bottom:0}.selector-button{width:100%;min-height:3.875rem;border:1px solid var(--border);border-radius:1rem;padding:.75rem .875rem;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);background:var(--surface-2);color:var(--text);font-weight:750;cursor:pointer;text-align:left}.mode-card{min-height:14rem}.mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}.mode-option{position:relative;min-height:9.625rem;border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);display:grid;align-content:start;gap:var(--s2);background:var(--surface);color:var(--text);cursor:pointer;text-align:left}.mode-option>span:not(.mode-icon):not(.mode-check){color:var(--text-soft);font-size:.86rem}.mode-option[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 .125rem color-mix(in srgb,var(--accent) 20%,transparent)}.mode-icon{background:var(--surface-2);color:var(--text-soft)}.mode-check{position:absolute;top:var(--s3);right:var(--s3);width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:var(--sidebar-bg)}.safety-option{margin-top:var(--s4);padding:var(--s4);display:flex;align-items:flex-start;gap:var(--s3);border-radius:1rem;background:var(--warning-soft);cursor:pointer}.safety-option input{width:1.25rem;height:1.25rem;flex:0 0 auto;accent-color:var(--accent-strong)}.safety-option span{display:grid;gap:.125rem}.safety-option small{color:var(--text-soft)}.list-counts{margin:var(--s4) 0;font-size:1.35rem;font-weight:800}.control-action-row{justify-content:space-between}.exclusions-card summary{min-height:var(--tap);display:flex;align-items:center;justify-content:space-between;gap:var(--s3);font-size:1.35rem;font-weight:800;cursor:pointer;list-style:none}.exclusions-card summary::-webkit-details-marker{display:none}.details-body{margin-top:var(--s5);display:grid;gap:var(--s3)}.details-body label{font-weight:750}.update-card{min-height:20rem;align-content:start}.update-card>div:not(.card-head):not(.control-action-row){margin-bottom:var(--s3)}.footer-label{display:block;color:var(--text-soft);font-size:.85rem;font-weight:700}.footer-value{margin:var(--s1) 0 0;font-family:ui-monospace,Cascadia Mono,monospace;font-size:.9rem}.saving-note{display:inline-flex;align-items:center;gap:var(--s2);color:var(--text-soft);font-size:.86rem}.modal-backdrop{position:fixed;z-index:100;inset:0;padding:var(--s4);display:grid;place-items:center;background:color-mix(in srgb,var(--sidebar-bg) 52%,transparent);-webkit-backdrop-filter:blur(.375rem);backdrop-filter:blur(.375rem)}.modal{width:min(100%,34rem);max-height:86vh;overflow:hidden;border:1px solid var(--border);border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow-2)}.modal-head{padding:var(--s6);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);border-bottom:1px solid var(--border)}.modal-head p{margin-bottom:0}.close-button{width:var(--tap);height:var(--tap);border:0;border-radius:.8125rem;display:grid;flex:0 0 auto;place-items:center;background:transparent;cursor:pointer}.close-button:hover{background:var(--surface-2)}.modal-body{max-height:calc(86vh - 8rem);padding:var(--s5) var(--s6) var(--s6);overflow-y:auto}.search-field{min-height:3.125rem;margin-bottom:var(--s5);padding:0 var(--s3);display:flex;align-items:center;gap:var(--s2);border:1px solid var(--border-strong);border-radius:.875rem}.search-field input{width:100%;min-height:3rem;border:0;outline:0;background:transparent;color:var(--text)}.country-list{display:grid;gap:var(--s2)}.country-row{width:100%;min-height:4.125rem;border:1px solid transparent;border-radius:1rem;padding:.625rem .75rem;display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto auto;align-items:center;gap:var(--s3);background:transparent;cursor:pointer;text-align:left}.country-list-head{padding:0 .75rem .25rem;display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto auto;align-items:end;gap:var(--s3)}.load-heading{color:var(--text-faint);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.country-load{display:flex;justify-content:center;min-width:2.25rem}.country-row:hover,.country-row[aria-checked=true]{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:var(--accent-soft)}.country-flag{width:2.25rem;height:1.5rem;display:block;border-radius:.25rem;background:var(--surface-2);overflow:hidden}.country-flag-code{width:2.25rem;height:1.5rem;display:grid;place-items:center;font-size:.7rem;font-weight:600;letter-spacing:.02em;color:var(--text-soft)}.country-title{display:flex;align-items:center;gap:.625rem}.country-title .country-flag{flex:none}.country-copy{min-width:0;display:grid;gap:.125rem}.country-copy>span{color:var(--text-soft);font-size:.85rem}.country-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.load-gauge{display:inline-flex;align-items:center}.load-bars{display:inline-flex;align-items:flex-end;gap:.1875rem}.load-bar{width:.3125rem;border-radius:.0625rem;background:var(--surface-3)}.load-bar:nth-child(1){height:.5rem}.load-bar:nth-child(2){height:.75rem}.load-bar:nth-child(3){height:1rem}.load-green .load-bar-lit{background:var(--success)}.load-amber .load-bar-lit{background:var(--warning)}.load-red .load-bar-lit{background:var(--danger)}.selected-check{width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:var(--success);color:var(--surface)}.empty-state{padding:var(--s8) var(--s4);display:grid;gap:var(--s2);color:var(--text-soft);text-align:center}.subscription-hero{min-height:14rem;padding:2rem 2.25rem;display:grid;grid-template-columns:minmax(0,1fr) 8rem;align-items:center;gap:var(--s6);background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--accent-soft) 65%,var(--surface)))}.subscription-hero p{max-width:45rem;margin-bottom:0}.plan-emblem{width:7rem;height:7rem;display:grid;place-items:center;justify-self:end;border-radius:2rem;background:var(--sidebar-bg);color:var(--accent);transform:rotate(5deg);box-shadow:var(--shadow-1)}.plan-emblem .icon{width:3rem;height:3rem}.plan-card{min-height:32rem;padding:1.75rem;display:flex;flex-direction:column}.plan-card.active{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.plan-card.premium{background:linear-gradient(160deg,var(--surface) 58%,color-mix(in srgb,var(--accent-soft) 70%,var(--surface)))}.plan-title{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4)}.plan-price{margin:var(--s5) 0;font-size:2rem;font-weight:850;letter-spacing:-.04em}.plan-price span{color:var(--text-soft);font-size:.9rem;font-weight:600;letter-spacing:0}.feature-list{margin:0 0 var(--s6);padding:0;display:grid;gap:var(--s3);list-style:none}.feature-list li{display:flex;align-items:flex-start;gap:.625rem}.feature-check{width:1.375rem;height:1.375rem;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--success-soft);color:var(--success)}.plan-card .btn{margin-top:auto}.device-card,.remote-card{min-height:16rem}.device-details{display:grid;gap:var(--s3)}.device-details>div{padding-top:var(--s3);display:grid;grid-template-columns:minmax(7rem,.5fr) minmax(0,1fr);gap:var(--s4);border-top:1px solid var(--border)}.device-details dt{color:var(--text-soft);font-size:.88rem}.device-details dd{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);overflow-wrap:anywhere}.device-details code{font-family:ui-monospace,Cascadia Mono,monospace}.remote-card{display:flex;flex-direction:column;gap:var(--s4)}.remote-card .card-head{margin-bottom:0}.remote-card .btn{width:fit-content;margin-top:auto}.account-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--s5)}.account-actions p{margin-bottom:0}.diagnostic-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s6)}.diagnostic-card>div{max-width:45rem}.diagnostic-card h2{margin-top:var(--s3)}.diagnostic-card p{margin-bottom:0}.connection-diagnostic{display:flex;align-items:flex-start;gap:var(--s3);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--s4);background:var(--surface-2)}.connection-diagnostic>span:last-child{display:grid;gap:var(--s1)}.connection-diagnostic>span:last-child>span{color:var(--text-soft)}.connection-diagnostic.tone-success{border-color:color-mix(in srgb,var(--success) 32%,var(--border));background:var(--success-soft)}.connection-diagnostic.tone-warning{border-color:color-mix(in srgb,var(--warning) 32%,var(--border));background:var(--warning-soft)}.connection-diagnostic.tone-danger{border-color:color-mix(in srgb,var(--danger) 32%,var(--border));background:var(--danger-soft)}.vpn-control-card .connection-diagnostic{margin-top:var(--s5)}.diagnostic-card .connection-diagnostic{width:100%;max-width:none;flex-basis:100%}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5)}.help-card{min-height:13rem;padding:var(--s6)}.help-card h3{margin-top:var(--s4)}@media(max-width:64rem){.grid-2,.grid-equal{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:51.24rem){.sidebar{display:none}.app-main{margin-left:0}.topbar{min-height:4rem;padding:0 var(--s4)}.content{padding:var(--s5) var(--s4) calc(var(--bottomnav) + 2rem + env(safe-area-inset-bottom))}.mobile-nav{position:fixed;z-index:50;inset:auto 0 0;min-height:var(--bottomnav);padding:.375rem var(--s2) calc(.375rem + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(1.125rem);backdrop-filter:blur(1.125rem)}.mobile-nav-button{min-width:0;min-height:4.125rem;border:0;border-radius:.75rem;padding:.375rem .125rem;display:grid;place-items:center;align-content:center;gap:.25rem;background:transparent;color:var(--text-faint);font-size:.68rem;font-weight:750;cursor:pointer}.mobile-nav-button[aria-current=page]{color:var(--accent-strong);background:var(--accent-soft)}.mobile-nav-button .icon{width:1.25rem;height:1.25rem}.login-shell{grid-template-columns:1fr}.login-brand{min-height:auto;padding:var(--s5)}.login-brand-copy,.login-brand-footer{display:none}.login-form-side{min-height:calc(100dvh - 5.5rem);padding:var(--s5) var(--s4);align-items:start}.login-card{margin:auto 0}.status-hero{grid-template-columns:1fr 7rem;padding:var(--s6)}.status-orb{width:6.75rem;height:6.75rem;box-shadow:inset 0 0 0 .75rem color-mix(in srgb,var(--surface) 42%,transparent)}.status-orb .icon{width:2.75rem;height:2.75rem}}@media(max-width:43rem){.page-head{display:grid;gap:var(--s3)}.page-head h1{margin-bottom:var(--s2)}.status-hero{min-height:26rem;grid-template-columns:1fr;align-content:center}.status-orb{grid-row:1;justify-self:start}.status-actions .btn{width:100%}.status-row{grid-template-columns:2.625rem minmax(0,1fr)}.status-row>.btn{grid-column:2;justify-self:start}.vpn-control-top{min-height:18rem;grid-template-columns:1fr}.vpn-power{grid-row:1;justify-self:start}.mode-options,.plan-grid,.help-grid{grid-template-columns:1fr}.mode-option{min-height:8rem}.subscription-hero{grid-template-columns:1fr}.plan-emblem{grid-row:1;justify-self:start}.device-details>div{grid-template-columns:1fr;gap:var(--s2)}.device-details dd{align-items:flex-start;flex-direction:column}.account-actions,.diagnostic-card{align-items:stretch;flex-direction:column}.remote-card .btn{width:100%}.context-long,.plan-text{display:none}.mobile-title{display:inline}.modal-backdrop{align-items:end;padding:.75rem 0 0}.modal{width:100%;max-height:calc(100dvh - .75rem);border-radius:1.5rem 1.5rem 0 0}.modal-body{max-height:calc(100dvh - 9rem);padding-bottom:calc(var(--s6) + env(safe-area-inset-bottom))}.country-row{grid-template-columns:2.5rem minmax(0,1fr) auto}}@media(max-width:23rem){.content{padding-inline:.75rem}.card-pad,.vpn-control-card,.selector-card{padding:var(--s4)}.status-hero{padding:var(--s5)}.mobile-nav{padding-inline:.125rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}