:root{--brand:#4f6df5;--brand-text:#4260e8;--brand-contrast:#fff;--brand-muted:#4f6df51f;--focus:var(--brand-text);--success:#007e45;--success-muted:#2eb67d24;--warning:#9b6000;--warning-muted:#d28b0f24;--danger:#c43b4d;--danger-muted:#c63d4f1f;--surface-canvas:#f5f6f8;--surface-sidebar:#fff;--surface-raised:#fff;--surface-muted:#eef0f4;--border-subtle:#e6e8ed;--border-strong:#82899b;--text-primary:#171a21;--text-secondary:#646b79;--text-muted:#666d7a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:8px;--radius-md:11px;--radius-lg:14px;--shadow-sm:0 1px 2px #1118270a;color:var(--text-primary);background:var(--surface-canvas);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--surface-canvas:#101218;--surface-sidebar:#151820;--surface-raised:#181c25;--surface-muted:#222733;--border-subtle:#282d38;--border-strong:#69728a;--text-primary:#f4f5f7;--text-secondary:#a8afbc;--text-muted:#868e9c;--brand:#7f98ff;--brand-text:#7f98ff;--brand-contrast:#0d1017;--brand-muted:#7f98ff24;--success:#52d39a;--warning:#f3bd5d;--danger:#ff7d8d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-sidebar);border-bottom:1px solid var(--border-subtle);display:flex}.wordmark{letter-spacing:-.01em;font-size:1.0625rem;font-weight:650}.topbar-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.tabs{gap:var(--space-1);padding:var(--space-3) var(--space-5) 0;background:var(--surface-sidebar);border-bottom:1px solid var(--border-subtle);display:flex;overflow-x:auto}.tab{appearance:none;color:var(--text-secondary);font:inherit;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm) var(--radius-sm) 0 0;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:none}.tab:hover{color:var(--text-primary);background:var(--surface-muted)}.tab[aria-current=page]{color:var(--brand-text);border-bottom-color:var(--brand);font-weight:600}.content{width:100%;max-width:720px;padding:var(--space-6) var(--space-5) var(--space-10);gap:var(--space-5);flex-direction:column;flex:1;min-width:0;margin:0 auto;display:flex}.panel{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);min-width:0}.panel>*+*{margin-top:var(--space-4)}.warning-panel{border-color:var(--warning);background:var(--warning-muted)}.danger-panel{border-color:var(--danger)}.danger-panel h2{color:var(--danger)}h1{letter-spacing:-.015em;margin:0;font-size:1.375rem;line-height:1.25}h2{letter-spacing:-.01em;margin:0;font-size:1.0625rem}h3{margin:0;font-size:.9375rem}p{margin:0;line-height:1.55}.lede{color:var(--text-secondary)}.hint{color:var(--text-muted);font-size:.8125rem;line-height:1.5;display:block}.stat{letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.empty{color:var(--text-secondary);background:var(--surface-muted);border-radius:var(--radius-sm);padding:var(--space-4)}.notice{color:var(--text-primary);background:var(--brand-muted);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:.875rem;line-height:1.5}.content-notice{width:min(100%,26rem);margin:var(--space-5) auto 0}.alert{color:var(--danger);background:var(--danger-muted);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-size:.875rem}.facts{gap:var(--space-3);margin:0;display:grid}.facts div{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;display:flex}.facts dt{color:var(--text-secondary);font-size:.875rem}.facts dd{overflow-wrap:anywhere;margin:0;font-weight:550}.mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.875rem}label{font-size:.875rem;font-weight:550;display:block}label+label,form>*+*{margin-top:var(--space-4)}input,select{width:100%;margin-top:var(--space-2);padding:var(--space-3);font:inherit;color:var(--text-primary);background:var(--surface-canvas);border:1px solid var(--border-strong);border-radius:var(--radius-sm);display:block}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.code-input{letter-spacing:.35em;text-align:center;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:1.25rem}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:var(--space-2);padding:0;font-size:.875rem;font-weight:550}.protocols{gap:var(--space-2);display:grid}.protocol-option{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;font-weight:400;display:flex}.protocol-option:hover{border-color:var(--border-strong)}.protocol-option:has(input:checked){border-color:var(--brand);background:var(--brand-muted)}.protocol-option input{flex:none;width:auto;margin:3px 0 0}.protocol-option>span{gap:2px;min-width:0;display:grid}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm)}button:disabled{cursor:not-allowed;opacity:.6}.primary-button{width:100%;padding:var(--space-3) var(--space-5);background:var(--brand);color:var(--brand-contrast);border:1px solid #0000;font-weight:600}.secondary-button{padding:var(--space-2) var(--space-4);border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-primary);font-weight:550}.ghost-button{padding:var(--space-2) var(--space-3);color:var(--text-secondary);background:0 0;border:1px solid #0000;font-size:.875rem}.ghost-button:hover{color:var(--text-primary);background:var(--surface-muted)}.danger-button{padding:var(--space-2) var(--space-4);border:1px solid var(--danger);color:var(--danger);background:0 0;font-weight:550}.danger-button:hover:not(:disabled){background:var(--danger-muted)}.link-button{color:var(--brand-text);text-underline-offset:2px;background:0 0;border:0;padding:0;font-size:.875rem;text-decoration:underline}.actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.auth{padding:var(--space-6) var(--space-4) var(--space-10);flex:1;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-sm);padding:var(--space-6)}.auth-links{gap:var(--space-2);color:var(--text-secondary);justify-items:start;font-size:.875rem;display:grid}.qr-block{gap:var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.qr{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);flex:none;width:176px;height:176px}.credentials{background:var(--surface-muted);border-radius:var(--radius-md);padding:var(--space-4)}.credentials>*+*{margin-top:var(--space-3)}.config{padding:var(--space-4);background:var(--surface-muted);border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.8125rem;line-height:1.5}.device-list,.plan-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.device-list li,.plan-list li{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.device-list li>div,.plan-list li>div{gap:2px;min-width:0;display:grid}.dialog-backdrop{padding:var(--space-4);z-index:10;background:#090b108c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:440px}.dialog>*+*{margin-top:var(--space-4)}.dialog-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.dialog-actions button{padding:var(--space-2) var(--space-4);font-weight:550}.dialog-actions button:first-child{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-primary)}@media (width<=420px){.content,.topbar,.tabs{padding-left:var(--space-4);padding-right:var(--space-4)}.qr{width:100%;max-width:240px;height:auto}}.referral-code{flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0;display:flex}.referral-code code{letter-spacing:.08em;border:1px solid var(--border-subtle);background:var(--surface-muted);-webkit-user-select:all;user-select:all;border-radius:8px;padding:.5rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem}.app-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.app-list li{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border-subtle);background:var(--surface-raised);border-radius:10px;display:grid}.app-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-list a.primary-button{text-align:center;justify-self:start;text-decoration:none;display:inline-block}.checksum{gap:var(--space-1);display:grid}.checksum code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;padding:var(--space-1) var(--space-2);border:1px solid var(--border-subtle);background:var(--surface-muted);border-radius:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem}.footer{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border);flex-direction:column;gap:4px;display:flex}.footer a{color:var(--brand-text)}