body,html{margin:0;padding:0;font-family:Rubik,sans-serif;background:url(https://images.unsplash.com/photo-1503264116251-35a269479413?auto=format&fit=crop&w=1600&q=80) no-repeat center center fixed;background-size:cover;height:100%}.app{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.todo-container{background:#ffffff26;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;box-shadow:0 8px 30px #00000040;padding:25px;width:100%;max-width:500px;color:#fff;text-align:center}h1{font-size:36px;margin-bottom:16px;font-weight:600}input[type=text]{width:90%;padding:10px;font-size:15px;border-radius:10px;border:none;margin-bottom:12px;outline:none;background-color:#fffffff2;color:#333}.button-group{display:flex;justify-content:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}button{padding:8px 16px;font-size:14px;border:none;border-radius:8px;background:#ff6b6b;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{background:#ff3b2e}button.delete-all{background:#57606f}button.delete-all:hover{background:#2f3542}button.edit{background-color:#1e90ff}button.edit:hover{background-color:#1c7ed6}button.delete{background-color:#ff4757}button.delete:hover{background-color:#e84118}ul{list-style:none;padding:0}li{background-color:#fff3;margin-bottom:10px;padding:10px 14px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;font-size:15px;flex-wrap:wrap;color:#fff}.item-buttons{display:flex;gap:8px;margin-top:8px}@media (max-width: 480px){.todo-container{padding:20px 15px}h1{font-size:22px}button{font-size:13px;padding:8px 12px}li{flex-direction:column;align-items:flex-start}.item-buttons{width:100%;justify-content:flex-end}}