:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--card:#fff;--text:#1b1d20;--muted:#6b7280;--border:#e3e6ea;--accent:#2563eb}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#16181c;--card:#1e2126;--text:#f2f4f7;--muted:#9aa1ac;--border:#2e333a;--accent:#60a5fa}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:2.5rem 1rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{background:var(--card);border:1px solid var(--border);border-radius:12px;max-width:34rem;margin:0 auto;padding:1.5rem}h1{margin:0 0 .25rem;font-size:1.5rem}.subtitle{color:var(--muted);margin:0 0 1.25rem;font-size:.85rem}form.add{gap:.5rem;margin-bottom:1rem;display:flex}input[type=text]{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:8px;flex:1;padding:.6rem .7rem;font-size:1rem}button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6rem .9rem}button.primary{background:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}ul.todos{margin:0;padding:0;list-style:none}ul.todos li{border-top:1px solid var(--border);align-items:center;gap:.65rem;padding:.6rem .2rem;display:flex}ul.todos li span.title{flex:1}ul.todos li.done span.title{color:var(--muted);text-decoration:line-through}ul.todos li span.added{color:var(--muted);white-space:nowrap;flex:none;font-size:.75rem}input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent);cursor:pointer}button.delete{border-color:var(--border);color:var(--muted);background:0 0;padding:.25rem .55rem}button.delete:hover{color:#dc2626;border-color:#dc2626}.empty,.error{color:var(--muted);padding:.75rem 0;font-size:.9rem}.error{color:#dc2626}