body{font-family:Arial,sans-serif;background-color:#f9f9f9;display:flex;justify-content:center;padding-top:50px}.todo-container{background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 10px #0000001a;width:400px}h2{text-align:center;color:#333}.input-group{display:flex;gap:10px;margin-bottom:15px}.input-group input{flex-grow:1;padding:8px;border:1px solid #ddd;border-radius:6px}.input-group button{padding:8px 12px;background-color:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.input-group button:hover{background-color:#45a049}ul{list-style:none;padding-left:0}li{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:8px;border-bottom:1px solid #eee}.task-text{cursor:pointer;flex-grow:1}.task-text.completed{text-decoration:line-through;color:#888}.delete-btn{background-color:#f44336;padding:5px 10px;border:none;color:#fff;border-radius:6px;cursor:pointer;transition:background-color .2s}.delete-btn:hover{background-color:#d32f2f}