:root{--ocean:#185fa5;--ocean-dark:#0c447c;--ocean-light:#e6f1fb;--coral:#f0997b;--coral-strong:#d85a30;--bg:#fff;--surface:#f5f8fc;--surface-selected:var(--ocean-light);--text:#14202e;--text-muted:#4a5a6c;--heading:var(--ocean-dark);--border:#cbd7e4;--primary:var(--ocean);--primary-pressed:var(--ocean-dark);--on-primary:#fff;--accent-text:var(--coral-strong);--focus:var(--ocean);--ok:#1a7a45;--warn:var(--coral-strong);--font:-apple-system, system-ui, "Segoe UI", Roboto, sans-serif;--radius:12px;--touch:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1119;--surface:#131c28;--surface-selected:#14304d;--text:#e8eef5;--text-muted:#9fb0c3;--heading:var(--ocean-light);--border:#26364a;--primary:#3b88d0;--primary-pressed:var(--ocean);--on-primary:#06121f;--accent-text:var(--coral);--focus:var(--coral);--ok:#5cc98a;--warn:var(--coral)}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.45}h1,h2{color:var(--heading);margin:0 0 .5rem;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.25rem}p{margin:0 0 .75rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.page{max-width:640px;min-height:100dvh;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));margin:0 auto}.page--center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.muted{color:var(--text-muted)}.error{color:var(--warn);font-weight:600}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.header__title{margin:0}.account{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.section{margin-top:1rem}.logo{border-radius:16px}.pill{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8125rem;font-weight:600;display:inline-flex}.pill__dot{background:currentColor;border-radius:50%;width:.5rem;height:.5rem}.pill--online{color:var(--ok)}.pill--offline{color:var(--accent-text)}.button{min-height:var(--touch);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1.1rem;font-weight:600;text-decoration:none;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button--primary{color:var(--on-primary);background:var(--primary);border-color:var(--primary)}.button--primary:active:not(:disabled){background:var(--primary-pressed)}.button--ghost{color:var(--primary);background:0 0}.list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.list__item{min-height:var(--touch);border-bottom:1px solid var(--border);flex-direction:column;gap:.1rem;padding:.6rem .25rem;display:flex}.list__title{font-weight:600}.list__meta{color:var(--text-muted);font-size:.875rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}