:root { --text: #0f172a; --muted: #64748b; --bg: #ffffff; --brand: #2563eb; --warn-bg: #fef3c7; --warn: #92400e; }
@media (prefers-color-scheme: dark) { :root { --text: #e2e8f0; --muted: #94a3b8; --bg: #0b1220; --brand: #60a5fa; --warn-bg: #422006; --warn: #fcd34d; } }
body { margin: 0; background: var(--bg); color: var(--text); font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
main { max-width: 760px; margin: 0 auto; padding: 24px 16px 64px; }
h1 { font-size: 28px; margin: 8px 0; }
h2 { font-size: 19px; margin: 28px 0 8px; }
a { color: var(--brand); }
li { margin: 4px 0; }
.muted { color: var(--muted); font-size: 14px; }
.draft { background: var(--warn-bg); color: var(--warn); padding: 10px 12px; border-radius: 8px; font-weight: 600; font-size: 14px; }