:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}:root{--bg:#f5f6f8;--card:#fff;--text:#1f2430;--muted:#8a8f98;--accent:#4f6ef7;--border:#e4e6eb;--danger:#e5544d}@media (prefers-color-scheme:dark){:root{--bg:#14161c;--card:#1d2029;--text:#eceef2;--muted:#8a8f98;--accent:#6c8cff;--border:#2b2f3a;--danger:#ff6b63}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:480px;margin:0 auto;padding:48px 20px}h1{text-align:center;letter-spacing:-.02em;margin-bottom:24px;font-weight:700}.error{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger);border:1px solid var(--danger);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.add-form{gap:8px;margin-bottom:20px;display:flex}.add-form input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;flex:1;padding:12px 14px;font-size:15px}.add-form input:focus{outline:2px solid var(--accent);outline-offset:-1px}.add-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 18px;font-size:15px;font-weight:600}.add-form button:hover{opacity:.9}.todo-list{background:var(--card);border:1px solid var(--border);border-radius:10px;margin:0;padding:0;list-style:none;overflow:hidden}.todo-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.todo-list li:last-child{border-bottom:none}.todo-list li.empty{color:var(--muted);justify-content:center;font-size:14px}.todo-list label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.todo-list label span{overflow-wrap:anywhere}.todo-list li.done label span{color:var(--muted);text-decoration:line-through}.todo-list input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.delete-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.delete-btn:hover{color:var(--danger)}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.filters{gap:4px;display:flex}.filters button{color:var(--muted);cursor:pointer;text-transform:capitalize;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:13px}.filters button.active{background:var(--border);color:var(--text)}.clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:13px}.clear-btn:hover{color:var(--danger)}