:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/145% system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:#f3f4f6;min-height:100vh;margin:0}#root{min-height:100vh}.app{background:#fff;border-radius:12px;max-width:480px;margin:60px auto;padding:24px;font-family:system-ui,sans-serif;box-shadow:0 4px 20px #00000014}.app h1{text-align:center;margin-bottom:24px}.todo-form{gap:8px;margin-bottom:20px;display:flex}.todo-form input{border:1px solid #ccc;border-radius:6px;flex:1;padding:10px 12px;font-size:1rem}.todo-form button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:10px 16px;font-size:1rem}.todo-form button:hover{background:#4338ca}.todo-list{margin:0;padding:0;list-style:none}.todo-list li{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.todo-list li label{cursor:pointer;align-items:center;gap:10px;display:flex}.todo-list li.completed span{color:#999;text-decoration:line-through}.todo-list .delete{color:#e11d48;cursor:pointer;background:0 0;border:none;font-size:1rem}.error{color:#e11d48}.empty{text-align:center;color:#999}