:root { color-scheme: light dark; --bg: #f2f0ea; --ink: #141414; --muted: #6d6c68; --line: #dedbd4; }
@media (prefers-color-scheme: dark) { :root { --bg: #0c0c0c; --ink: #ecebe6; --muted: #9a9993; --line: #2a2a28; } }
@font-face { font-family: 'Instrument Serif'; src: url(/fonts/instrument-serif-normal-latin.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Geist'; src: url(/fonts/geist-normal-latin.woff2) format('woff2'); font-weight: 100 900; font-display: swap; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.65 Geist, system-ui, sans-serif; }
main { max-width: 720px; margin: 0 auto; padding: 40px 20px 80px; }
a { color: inherit; text-underline-offset: 3px; }
.back { font-size: 14px; color: var(--muted); }
h1 { font: 400 clamp(40px, 8vw, 60px)/1 'Instrument Serif', Georgia, serif; margin: 28px 0 8px; letter-spacing: -0.02em; }
h2 { font: 400 26px/1.2 'Instrument Serif', Georgia, serif; margin: 36px 0 8px; }
.meta { color: var(--muted); font-size: 14px; }
.todo { background: #ffe9a8; color: #141414; padding: 0 4px; border-radius: 4px; }
table { width: 100%; border-collapse: collapse; font-size: 13px; }
td, th { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--line); vertical-align: top; }