:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fafafa;--fg:#1a1a1a;--muted:#6b6b6b;--border:#e2e2e2;--accent:#2f6fed}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111214;--fg:#f2f2f2;--muted:#9a9a9a;--border:#2a2b2e}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{max-width:32rem;margin:0 auto;padding:2.5rem 1.25rem}h1{margin-bottom:.25rem;font-size:1.5rem}p.tagline{color:var(--muted);margin-top:0;margin-bottom:2rem}form.add-todo{gap:.5rem;margin-bottom:1.5rem;display:flex}form.add-todo input{border:1px solid var(--border);color:var(--fg);background:0 0;border-radius:.5rem;flex:1;padding:.6rem .75rem;font-size:1rem}button{cursor:pointer;font:inherit}form.add-todo button{background:var(--accent);color:#fff;border:none;border-radius:.5rem;padding:.6rem 1rem}ul.todos{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}li.todo{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.5rem .25rem;display:flex}li.todo .title{flex:1}li.todo .done{color:var(--muted);text-decoration:line-through}.icon-button{color:var(--muted);background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1}.icon-button:hover{color:var(--fg)}.empty-state{color:var(--muted);font-size:.9rem}footer{color:var(--muted);margin-top:3rem;font-size:.8rem}