body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background-color:#f4f7f9;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;margin:0;-webkit-user-select:none;user-select:none}.app{text-align:center}.todo-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:30px 40px;width:400px}h1{color:#333}.input-container{display:flex;margin-bottom:20px}.input-container input{border:2px solid #ddd;border-radius:5px 0 0 5px;flex-grow:1;font-size:16px;padding:10px}.input-container input:focus{border-color:#007bff;outline:none}.input-container button{background-color:#007bff;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .2s}.input-container button:hover{background-color:#0056b3}.todo-list{list-style-type:none;margin:0;padding:0}.todo-list li{align-items:center;background:#f9f9f9;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px;transition:background-color .2s}.todo-list li:last-child{border-bottom:none}.todo-list li span{cursor:pointer;flex-grow:1;text-align:left}.todo-list li.completed span{color:#aaa;text-decoration:line-through}.todo-list li button{background:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;transition:background-color .2s}.todo-list li button:hover{background:#c82333}.app.dark body{background-color:#121212}.app.dark .todo-container{background:#1e1e1e;box-shadow:0 4px 15px #00000080}.app.dark .todo-list li span,.app.dark h1{color:#e0e0e0}.app.dark .input-container input{background-color:#2c2c2c;border-color:#444;color:#e0e0e0}.app.dark .input-container button{background-color:#0d6efd}.app.dark .input-container button:hover{background-color:#0b5ed7}.app.dark .todo-list li button{background:#bb2d3b}.app.dark .todo-list li button:hover{background:#b02a37}.app.dark .todo-list li{background:#2c2c2c;border-bottom:1px solid #444}.app.dark .todo-list li.completed span{color:#777}.theme-switcher{align-items:center;background:none;border:1px solid #ddd;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;width:40px}.app.dark .theme-switcher{border-color:#444;color:#e0e0e0}
/*# sourceMappingURL=main.8c2e84c2.css.map*/