:root { color-scheme: light dark; --bg: #f5f5f7; --card: #fff; --ink: #1c1c1e; --muted: #6b6b70; --accent: #0a84ff; }
@media (prefers-color-scheme: dark) { :root { --bg: #000; --card: #1c1c1e; --ink: #f5f5f7; --muted: #98989d; } }
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
body { margin: 0; padding: env(safe-area-inset-top) 16px 24px; background: var(--bg); color: var(--ink);
  font: 17px/1.4 -apple-system, "Segoe UI", Roboto, sans-serif; }
h1 { font-size: 24px; margin: 24px 0 16px; }
.hidden { display: none; }
.muted { color: var(--muted); }
.err { color: #ff3b30; }
input, button { width: 100%; padding: 14px; margin: 8px 0; font-size: 17px; border-radius: 12px; border: 1px solid #d1d1d6; }
button { background: var(--accent); color: #fff; border: 0; font-weight: 600; }