:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f7f7f8)var(--lightningcss-dark,#18181b);--card:var(--lightningcss-light,#fff)var(--lightningcss-dark,#27272a);--text:var(--lightningcss-light,#18181b)var(--lightningcss-dark,#f4f4f5);--muted:var(--lightningcss-light,#71717a)var(--lightningcss-dark,#a1a1aa);--border:var(--lightningcss-light,#e4e4e7)var(--lightningcss-dark,#3f3f46);--accent:var(--lightningcss-light,#4f46e5)var(--lightningcss-dark,#818cf8)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}main{width:min(32rem,100% - 2rem);margin:4rem auto}h1{margin:0 0 1.5rem}form{gap:.5rem;margin-bottom:1.5rem;display:flex}input[type=text],form input{color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:.5rem;flex:1;padding:.6rem .75rem;font-size:1rem}button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 1rem;font-size:1rem}ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}li{background:var(--card);border:1px solid var(--border);border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}li label{cursor:pointer;flex:1;align-items:center;gap:.6rem;display:flex}li input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent)}span[data-done=true]{color:var(--muted);text-decoration:line-through}button.delete{color:var(--muted);background:0 0;padding:.25rem .5rem;font-size:1rem;line-height:1}button.delete:hover{color:#ef4444}footer{color:var(--muted);margin-top:1.5rem;font-size:.9rem}