:root { color-scheme: light dark; --fg: #1d2733; --bg: #f6f9fc; --muted: #66727f; --accent: #1f6f8b; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8eef4; --bg: #10161d; --muted: #9aa7b4; --accent: #6cc3e0; } }
body { margin: 0; font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: var(--fg); background: var(--bg); }
nav { display: flex; gap: 16px; padding: 16px; max-width: 720px; margin: 0 auto; }
main { max-width: 720px; margin: 0 auto; padding: 0 16px 48px; }
a { color: var(--accent); }
.muted { color: var(--muted); font-size: 14px; }
.button { display: inline-block; padding: 10px 16px; border: 1px solid var(--accent); border-radius: 10px; text-decoration: none; }
hr { margin: 40px 0; border: 0; border-top: 1px solid var(--muted); opacity: .3; }