*{box-sizing:border-box;font-family:Segoe UI,Roboto,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#ff0,red)}.app-container{max-width:420px;padding:1rem}.todo-container{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffdd;box-shadow:0 8px 25px #00000026;padding:2rem}.todo-container h1{color:#2d3436;font-size:1.8rem;margin-bottom:1.2rem;text-align:center}.task-form{gap:.5rem;margin-bottom:1.5rem}.task-form input{border:2px solid #dfe6e9;flex:1 1;font-size:1rem;padding:.6rem .8rem;transition:border-color .2s}.task-form input:focus{border-color:#0984e3}.task-form button{background-color:#0984e3;font-size:1rem;padding:.6rem 1rem;transition:background-color .25s}.task-form button:hover{background-color:#74b9ff}.task-list li{background:#f1f2f6;border-radius:8px;margin-bottom:.6rem;padding:.6rem .8rem;transition:background .25s}.task-list li:hover{background:#dfe6e9}.task-list li span{color:#2d3436;flex:1 1;font-size:1rem}.task-list li.completed span{color:#636e72}.task-list li button{background-color:#d63031;font-size:.85rem;padding:.4rem .7rem;transition:background-color .25s}.task-list li button:hover{background-color:#ff7675}@media (max-width:480px){.todo-container{padding:1.2rem}.task-form button{font-size:.9rem}}body{align-items:center;background-color:#f4f7f9;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;margin:0;min-height:100vh}.app-container{max-width:500px;padding:20px;width:100%}.todo-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}h1{color:#333;text-align:center}.task-form,h1{margin-bottom:25px}.task-form{display:flex;gap:10px}.task-form input{border:1px solid #ddd;border-radius:8px;flex-grow:1;font-size:16px;padding:12px}.task-form input:focus{border-color:#007bff;outline:none}.task-form button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .2s}.task-form button:hover{background-color:#0056b3}.task-list{list-style:none;margin:0;padding:0}.task-list li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px}.task-list li:last-child{border-bottom:none}.task-list li span{cursor:pointer;flex-grow:1}.task-list li.completed span{color:#999;text-decoration:line-through}.task-list li button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-left:10px;padding:8px 12px;transition:background-color .2s}.task-list li button:hover{background-color:#c82333}
/*# sourceMappingURL=main.ae312d3f.css.map*/