body{background-color:#f4f4f4;font-family:Arial,sans-serif;margin:0;padding:20px}h1{color:#333;text-align:center}.todo-app{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:600px;padding:20px}.todo-input{display:flex;justify-content:space-between;margin-bottom:20px}.todo-input input{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:10px}.todo-input button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 15px}.todo-input button:hover{background-color:#218838}.todo-list{list-style:none;padding:0}.todo-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px}.todo-item.completed{color:#aaa;text-decoration:line-through}.todo-item button{background:none;border:none;color:#dc3545;cursor:pointer}.todo-item button:hover{text-decoration:underline}.dark-mode-toggle{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;float:right;margin-bottom:10px;padding:8px 12px}.dark-mode-toggle:hover{background-color:#444}.todo-app.dark{background-color:#1e1e1e;color:#f0f0f0}.todo-app.dark input{background-color:#333;border:1px solid #555;color:#f0f0f0}.todo-app.dark .todo-item{border-bottom:1px solid #444}.todo-app.dark button{color:#f0f0f0}.todo-app.dark .todo-item button{color:#dc3545}
/*# sourceMappingURL=main.df567dcb.css.map*/