*{box-sizing:border-box;font-family:Segoe UI,Roboto,sans-serif;margin:0;padding:0}body{background:linear-gradient(135deg,#00fffb,#120251)}.app-container{max-width:420px;padding:1rem;width:100%}.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;color:#fff;font-size:1rem;padding:.6rem 1rem;transition:background-color .25s}.task-form button:hover{background-color:#fff}.task-list li{background:#f4fff2;border-radius:10px;margin-bottom:1rem;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;color:#fff;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;justify-content:center;margin:0;min-height:100vh}.app-container{max-width:500px;padding:20px;width:500%}.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:#00878f;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:20px;padding:12px 20px;transition:background-color .2s}.task-form button:hover{background-color:#006e74}.task-list{list-style:none;margin:0;padding:0}.task-list li{align-items:center;border-bottom:1px solid #00f7ff;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:#a10c0c;border:none;border-radius:6px;color:#000;cursor:pointer;margin-left:10px;padding:8px 12px;transition:background-color .2s}.task-list li button:hover{background-color:#000;color:#fff}
/*# sourceMappingURL=main.6f78f6f5.css.map*/