:root { --fg: #1c1c1a; --bg: #fbfaf7; --mute: #6b6a64; --line: #e4e2da; }
@media (prefers-color-scheme: dark) { :root { --fg: #e8e6df; --bg: #1a1a18; --mute: #9b9a92; --line: #33332f; } }
body { margin: 0 auto; max-width: 40rem; padding: 1.5rem 1rem; font: 1.05rem/1.6 Georgia, serif; color: var(--fg); background: var(--bg); }
a { color: inherit; }
header { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding-bottom: .75rem; border-bottom: 1px solid var(--line); }
nav a { margin-left: .75rem; color: var(--mute); }
footer { margin-top: 3rem; color: var(--mute); font-size: .9rem; }