:root{--bg:#fbfbfa;--fg:#1f2328;--muted:#5d6670;--ok:#1a7f37;--bad:#cf222e;--line:#d8dee4;--accent:#0969da;--surface:#ffffff;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#15181c;--fg:#e6e8eb;--muted:#9aa4ae;--ok:#4ac26b;--bad:#ff7b72;--line:#2e353d;--accent:#4493f8;--surface:#1c2128;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:40rem;margin:0 auto;padding:4rem 1.5rem}h1{font-size:2rem;line-height:1.2;margin:0 0 1rem}.lead{color:var(--muted);margin:0 0 2rem}code{font-size:.9em;padding:.1em .35em;border:1px solid var(--line);border-radius:4px}dl{margin:0 0 2rem;border-top:1px solid var(--line)}dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:600}dd[data-ok=true]{color:var(--ok)}dd[data-ok=false]{color:var(--bad)}.todo{margin-top:.5rem}.todo-form{display:flex;gap:.5rem;margin-bottom:1rem}.todo-form input{flex:1 1;padding:.65rem .75rem;background:var(--surface);color:var(--fg)}.todo-form button,.todo-form input,.todo-list button{border:1px solid var(--line);border-radius:6px;font:inherit}.todo-form button,.todo-list button{padding:.65rem 1rem;background:var(--accent);color:#fff;cursor:pointer}.todo-form button:disabled{opacity:.5;cursor:not-allowed}.todo-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--surface)}.todo-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.todo-list li:last-child{border-bottom:none}.todo-list label{display:flex;align-items:center;gap:.65rem;flex:1 1;cursor:pointer}.todo-list li[data-done=true] span{text-decoration:line-through;color:var(--muted)}.todo-list button{background:transparent;color:var(--muted);border-color:transparent;padding:.35rem .5rem}.todo-list button:hover{color:var(--bad)}.todo-empty,.todo-error{color:var(--muted);margin:.5rem 0 0}.todo-error{color:var(--bad)}