:root { --bg: #f3f7fb; --ink: #0f1d33; --muted: #52627a }
@media (prefers-color-scheme: dark) { :root { --bg: #0b1422; --ink: #e5edf8; --muted: #9fb0c8 } }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px 16px; background: var(--bg); color: var(--ink); font: 16px/1.55 system-ui, "Segoe UI", sans-serif }
main { max-width: 440px }
h1 { font-size: 24px; margin: 0 0 8px }
p { margin: 0; color: var(--muted) }