:root{--a100:#dff7fa;--a200:#bbe7ed;--a300:#89cfd7;--a400:#51b6c1;--a500:#009caa;--a600:#00818e;--a700:#006571;--a800:#004650;--a900:#002c32;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg:#0f151e;--surface:#151c27;--surface-border:#1f2836;--border:#1c2532;--border-light:#182130;--text:#e9ecf1;--text-secondary:#8b97a9;--text-muted:#76829a;--progress-bg:#1c2532;--primary:#38b1bd;--on-primary:#0f151e;--card-shadow:none;--zone-lit:var(--a300);--zone-mit:var(--warning);--zone-hit:var(--error)}@media (prefers-color-scheme:light){:root{--bg:#eff1f5;--surface:#fff;--surface-border:#e6eaf0;--border:#e4e8ee;--border-light:#eaedf2;--text:#141d28;--text-secondary:#4d5867;--text-muted:#6a7686;--progress-bg:#e2e7ee;--primary:#008491;--on-primary:#fff;--card-shadow:0 1px 2px rgba(20,29,40,.05),0 4px 14px rgba(20,29,40,.045);--zone-lit:var(--a500)}}:root[data-theme=light]{--bg:#eff1f5;--surface:#fff;--surface-border:#e6eaf0;--border:#e4e8ee;--border-light:#eaedf2;--text:#141d28;--text-secondary:#4d5867;--text-muted:#6a7686;--progress-bg:#e2e7ee;--primary:#008491;--on-primary:#fff;--card-shadow:0 1px 2px rgba(20,29,40,.05),0 4px 14px rgba(20,29,40,.045);--zone-lit:var(--a500)}:root[data-theme=dark]{--bg:#0f151e;--surface:#151c27;--surface-border:#1f2836;--border:#1c2532;--border-light:#182130;--text:#e9ecf1;--text-secondary:#8b97a9;--text-muted:#76829a;--progress-bg:#1c2532;--primary:#38b1bd;--on-primary:#0f151e;--card-shadow:none;--zone-lit:var(--a300)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100dvh;display:flex;flex-direction:column}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.shell{width:100%;max-width:720px;margin:0 auto;flex:1 1;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 24px calc(16px + env(safe-area-inset-left))}.card{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;box-shadow:var(--card-shadow);padding:16px}.stack{display:flex;flex-direction:column;gap:14px}h1{font-size:1.5rem;margin:0 0 4px}h2{font-size:1.05rem;margin:0 0 10px}.muted{color:var(--text-secondary);font-size:.875rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:12px;background:var(--primary);color:var(--on-primary);font:inherit;font-weight:600;padding:12px 18px;cursor:pointer;min-height:44px}.btn:disabled{opacity:.5;cursor:default}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.input{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;padding:12px 14px;min-height:44px}.btn:focus-visible,.input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tabbar{position:-webkit-sticky;position:sticky;bottom:0;display:flex;justify-content:center;gap:8px;padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left));background:var(--surface);border-top:1px solid var(--border)}.tabbar a{flex:1 1;max-width:160px;text-align:center;padding:10px 6px;border-radius:10px;text-decoration:none;color:var(--text-secondary);font-size:.8rem;font-weight:600}.tabbar a[aria-current=page]{color:var(--primary);background:color-mix(in srgb,var(--primary) 12%,transparent)}