:root{--text:#5c5670;--text-h:#1a1625;--bg:#f6f4f8;--surface:#fff;--border:#e4dfe8;--accent:#7c3aed;--accent-hover:#6d28d9;--accent-soft:#7c3aed1f;--danger:#dc2626;--muted:#9b93a8;--shadow:0 12px 40px #1a162514;--radius:14px;--sans:"Segoe UI", system-ui, sans-serif;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--text:#b8b0c4;--text-h:#f5f2fa;--bg:#121018;--surface:#1c1824;--border:#322c3d;--accent:#a78bfa;--accent-hover:#c4b5fd;--accent-soft:#a78bfa26;--muted:#7a7288;--shadow:0 12px 40px #00000059}}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}#root{justify-content:center;min-height:100svh;padding:2.5rem 1.25rem 3rem;display:flex}h1{letter-spacing:-.03em;color:var(--text-h);margin:0;font-size:clamp(2rem,5vw,2.75rem);font-weight:700}.todo-app{width:min(560px,100%)}.todo-header{text-align:center;margin-bottom:1.5rem}.todo-subtitle{color:var(--muted);margin:.5rem 0 0;font-size:.9rem}.todo-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.todo-form{border-bottom:1px solid var(--border);gap:.5rem;padding:1rem;display:flex}.todo-input{border:1px solid var(--border);font:inherit;color:var(--text-h);background:var(--bg);border-radius:10px;flex:1;padding:.75rem 1rem}.todo-input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.todo-add{font:inherit;color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.25rem;font-weight:600}.todo-add:hover:not(:disabled){background:var(--accent-hover)}.todo-add:disabled{opacity:.5;cursor:not-allowed}.todo-toggle-all{color:var(--muted);border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem 1rem;font-size:.85rem;display:flex}.todo-list{margin:0;padding:0;list-style:none}.todo-item{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.85rem 1rem;display:grid}.todo-item:last-child{border-bottom:none}.todo-item.completed .todo-label{color:var(--muted);text-decoration:line-through}.todo-check{cursor:pointer;align-items:center;display:flex}.todo-check input{opacity:0;width:0;height:0;position:absolute}.todo-check-box{border:2px solid var(--border);border-radius:6px;width:1.25rem;height:1.25rem;transition:background .15s,border-color .15s;display:block}.todo-check input:checked+.todo-check-box{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--surface)}.todo-label{text-align:left;font:inherit;color:var(--text-h);cursor:pointer;background:0 0;border:none;padding:.25rem 0}.todo-edit{border:1px solid var(--accent);width:100%;font:inherit;color:var(--text-h);background:var(--bg);border-radius:8px;padding:.35rem .5rem}.todo-remove{width:2rem;height:2rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:1.35rem;line-height:1}.todo-remove:hover{color:var(--danger);background:#dc262614}.todo-empty{text-align:center;color:var(--muted);padding:2rem 1rem}.todo-status{text-align:center;color:var(--muted);margin:0;padding:1rem}.todo-status.error{color:var(--danger)}.todo-sync{color:var(--muted);text-align:right;margin:0;padding:.35rem 1rem;font-size:.75rem}.todo-footer{background:var(--bg);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.todo-count{color:var(--muted);min-width:6rem}.todo-filters{gap:.35rem;display:flex}.todo-filter{color:var(--muted);border-radius:8px;padding:.35rem .65rem;font-weight:500;text-decoration:none}.todo-filter:hover{color:var(--text-h);background:var(--accent-soft)}.todo-filter.active{color:var(--accent);background:var(--accent-soft)}.todo-clear{font:inherit;color:var(--muted);cursor:pointer;text-align:right;background:0 0;border:none;min-width:6rem;font-size:.85rem}.todo-clear:hover{color:var(--danger)}.todo-clear-spacer{min-width:6rem}