:root{--bg:#fbf8f3;--ink:#1c1b19;--mut:#6a655b;--acc:#b3410f}
@media(prefers-color-scheme:dark){:root{--bg:#161412;--ink:#f4efe7;--mut:#a89f92;--acc:#ff8a52}}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 -apple-system,Helvetica,Arial,sans-serif}
main{max-width:720px;margin:0 auto;padding:24px 16px 64px}h1{font-size:2rem}h2{font-size:1.2rem;margin-top:28px}
a{color:var(--acc)}.todo{background:#fff3cd;color:#5a4500;padding:1px 5px;border-radius:4px}
.note{border-left:3px solid var(--acc);padding:4px 12px;color:var(--mut)}