:root{--bg:#f7f7f5;--fg:#1d1d1b;--muted:#5c5c58;--accent:#b5651d;--card:#fff;--line:#e2e0da}
@media (prefers-color-scheme:dark){:root{--bg:#161614;--fg:#ecebe6;--muted:#a8a69f;--accent:#e09a52;--card:#1f1f1c;--line:#34332f}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}
main{max-width:46rem;margin:0 auto;padding:2rem 1rem 4rem}h1{font-size:1.7rem;margin:.2rem 0 1.2rem}h2{font-size:1.15rem;margin:1.8rem 0 .4rem}
a{color:var(--accent)}nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:.95rem;margin-bottom:1.5rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem 1.2rem}
.todo{background:#fde68a;color:#1d1d1b;padding:0 .25rem;border-radius:3px}small,.muted{color:var(--muted)}
table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);padding:.4rem .3rem;text-align:left;vertical-align:top}