:root { --bg:#fff; --fg:#0b0b0b; --muted:#52514e; }
@media (prefers-color-scheme: dark) { :root { --bg:#111; --fg:#f2f2f0; --muted:#a8a7a2; } }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui, sans-serif; }
main { max-width:40rem; margin:12vh auto; padding:0 16px; }
h1 { font-size:2rem; margin:0 0 .5rem; }
p { color:var(--muted); }
footer { position:fixed; bottom:8px; right:16px; font-size:12px; color:var(--muted); }