:root { color-scheme: light dark; --fg: #1d1d1f; --bg: #fff; --muted: #6e6e73; --err: #b3261e; }
@media (prefers-color-scheme: dark) { :root { --fg: #f5f5f7; --bg: #111; --muted: #a1a1a6; --err: #f2b8b5; } }
body { margin: 0; font: 16px/1.5 system-ui, sans-serif; color: var(--fg); background: var(--bg); }
.wrap { max-width: 40rem; margin: 4rem auto; padding: 0 1rem; }
label { display: block; margin: 0.75rem 0; }
input { display: block; width: 100%; padding: 0.5rem; font: inherit; box-sizing: border-box; }
button { padding: 0.5rem 1rem; font: inherit; cursor: pointer; }
.error { color: var(--err); }