:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1a1a;background:#f3f4f6;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f4f6;background:#111827}body{background:inherit;min-height:100vh;margin:0}#root{box-sizing:border-box;width:100%}.app{--surface:#fff;--text:#1a1a1a;--border:#eee;--input-border:#ddd;--muted:#6b7280;--shadow:#00000014;background:var(--surface);max-width:480px;box-shadow:0 4px 20px var(--shadow);text-align:left;border-radius:12px;margin:3rem auto;padding:2rem}.app-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}h1{color:var(--text);margin:0 0 1.5rem;font-size:1.75rem}.theme-toggle{border:1px solid var(--input-border);color:var(--text);cursor:pointer;background:0 0;border-radius:999px;margin-bottom:1.5rem;padding:.35rem .7rem}.add-form{gap:.5rem;margin-bottom:1.25rem;display:flex}.add-form input{border:1px solid var(--input-border);border-radius:8px;flex:1;padding:.6rem .8rem;font-size:1rem}.add-form button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:.6rem 1.1rem;font-weight:600}.add-form button:hover{background:#4338ca}.todo-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.todo-list li{border:1px solid var(--border);border-radius:8px;align-items:center;gap:.6rem;padding:.6rem .75rem;display:flex}.todo-list li.completed .title{color:#9ca3af;text-decoration:line-through}.todo-list .title{cursor:pointer;word-break:break-word;flex:1}.todo-list .edit-input{border:1px solid #c7d2fe;border-radius:6px;flex:1;padding:.3rem .5rem;font-size:1rem}.delete-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:1.1rem;line-height:1}.delete-btn:hover{color:#b91c1c}.status{color:var(--muted);text-align:center}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.5rem .75rem}.footer{color:var(--muted);margin-top:1.25rem;font-size:.9rem}:root[data-theme=dark] .app{--surface:#1f2937;--text:#f3f4f6;--border:#374151;--input-border:#4b5563;--muted:#9ca3af;--shadow:#0000004d}:root[data-theme=dark] .error{color:#fecaca;background:#450a0a;border-color:#7f1d1d}