:root{--bg:#FFF8EF;--ink:#1E1B2E;--muted:#5F5968;--line:#F0E4D4;--accent:#B32A52}
@media (prefers-color-scheme: dark){:root{--bg:#0F1233;--ink:#F3F1FF;--muted:#B9B8DA;--line:#2A3066;--accent:#FF9CC8;color-scheme:dark}}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 "Nunito Sans","Helvetica Neue",Arial,sans-serif;padding:32px 18px 64px}
main{max-width:720px;margin:0 auto}
h1{font:800 32px/1.15 "Baloo 2",system-ui,sans-serif;margin:0 0 6px}
h2{font:700 21px/1.2 "Baloo 2",system-ui,sans-serif;margin:28px 0 8px}
p,li{color:var(--ink)} small,.meta{color:var(--muted)}
.draft{border:2px dashed var(--accent);border-radius:12px;padding:10px 14px;color:var(--accent);font-weight:700;margin:14px 0}
a{color:var(--accent)}