:root { color-scheme: light dark; --bg:#fbfaff; --fg:#1b1430; --muted:#5c5470; --line:#e4e0ee; --accent:#4B2166; }
@media (prefers-color-scheme: dark) {
  :root { --bg:#180527; --fg:#e9e7f2; --muted:#a79dbd; --line:#332047; --accent:#c9a7ff; }
}
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; }
main { max-width: 760px; margin:0 auto; padding: 40px 20px 80px; }
header { border-bottom:1px solid var(--line); padding-bottom:18px; margin-bottom:28px; }
h1 { font-size: clamp(26px, 5vw, 36px); margin:0 0 6px; letter-spacing:-.02em; }
h2 { font-size:19px; margin:34px 0 8px; color:var(--accent); }
p, li { color:var(--fg); }
.muted { color:var(--muted); font-size:14px; margin:0; }
ul { padding-left:20px; }
a { color:var(--accent); }
table { border-collapse:collapse; width:100%; margin-top:10px; font-size:15px; }
th, td { text-align:left; padding:9px 10px; border-bottom:1px solid var(--line); vertical-align:top; }
th { color:var(--muted); font-weight:600; }
.todo { background:rgba(255,196,0,.14); border:1px solid rgba(255,196,0,.5); border-radius:10px; padding:12px 14px; margin:18px 0; font-size:15px; }
footer { margin-top:48px; padding-top:18px; border-top:1px solid var(--line); }