:root {
  color-scheme: light;
  --page: #f9f9f7; --surface-1: #fcfcfb;
  --text-primary: #0b0b0b; --text-secondary: #52514e; --muted: #898781;
  --grid: #e1e0d9; --axis: #c3c2b7; --border: rgba(11,11,11,0.10);
  --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --wash: rgba(11,11,11,0.05);
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --page: #0d0d0d; --surface-1: #1a1a19;
    --text-primary: #f0efec; --text-secondary: #c3c2b7; --muted: #898781;
    --grid: #2c2c2a; --axis: #383835; --border: rgba(255,255,255,0.10);
    --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --wash: rgba(255,255,255,0.06);
  }
}

*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--page);color:var(--text-primary);font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif}main{width:min(380px,calc(100% - 32px));padding:28px;background:var(--surface-1);border:1px solid var(--border);border-radius:12px}.brand{font-size:12px;font-weight:500;color:var(--muted);letter-spacing:.04em}h1{font-size:22px;font-weight:600;margin:10px 0 24px}label{display:block;margin:16px 0;font-size:13px;color:var(--text-secondary)}input{display:block;width:100%;padding:10px;margin-top:6px;background:var(--page);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;font:inherit}input:focus-visible,button:focus-visible{outline:2px solid var(--series-1);outline-offset:3px}button{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--wash);color:var(--text-primary);padding:10px;font:inherit;font-weight:600;cursor:pointer}button:hover{border-color:var(--axis)}button:disabled{opacity:.5}#error{color:var(--series-2);font-size:12px;min-height:18px;margin-bottom:0}