:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#111318;--bg:#fff;--muted:#6b7280;--border:#e5e7eb;--accent:#2563eb}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#f3f4f6;--bg:#0b0d12;--muted:#9ca3af;--border:#262b36;--accent:#60a5fa}}*{box-sizing:border-box}body{color:var(--fg);background:var(--bg);margin:0;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif}main{max-width:640px;margin:0 auto;padding:2rem 1.5rem 4rem}header.app-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}form.todo-form{gap:.5rem;margin-bottom:1.5rem;display:flex}form.todo-form input[type=text]{border:1px solid var(--border);background:var(--bg);color:var(--fg);border-radius:6px;flex:1;padding:.5rem .75rem}button{border:1px solid var(--border);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:.5rem .9rem}button.secondary{color:var(--fg);background:0 0}ul.todo-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}li.todo-item{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .8rem;display:flex}li.todo-item .actions{gap:.4rem;display:flex}.todo-title.completed{color:var(--muted);text-decoration:line-through}.empty-state{color:var(--muted)}