body{margin:0;padding:50px 0 0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#74ebd5,#9face6);min-height:100vh;display:flex;justify-content:center;align-items:flex-start}.app{width:500px;background:#fff;border-radius:20px;padding:30px;box-shadow:0 12px 25px #0003;text-align:center}.app h1{font-size:32px;margin-bottom:30px;color:#34495e;letter-spacing:1px}.input-container{display:flex;gap:12px;margin-bottom:30px}.input-container input{flex:1;padding:14px;font-size:16px;border-radius:12px;border:2px solid #3498db;outline:none;transition:all .3s ease}.input-container input:focus{border-color:#2980b9;box-shadow:0 0 10px #3498db80}.input-container button{padding:14px 20px;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(45deg,#ff6a00,#ee0979);color:#fff;transition:all .3s ease}.input-container button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ee097980}.task-list{text-align:left}.empty{text-align:center;font-style:italic;color:#7f8c8d}.task{background:linear-gradient(135deg,#f6d365,#fda085);padding:14px 18px;border-radius:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;box-shadow:0 6px 15px #00000026;transition:transform .2s,box-shadow .2s}.task:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.task span{cursor:pointer;font-size:16px;font-weight:500;color:#2c3e50}.task.done span{text-decoration:line-through;color:#7f8c8d}.task-actions{display:flex;gap:10px}.task-actions .toggle{background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff;padding:8px 14px;border-radius:10px;font-weight:700;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.task-actions .toggle:hover{transform:translateY(-2px);box-shadow:0 5px 15px #27ae6080}.task-actions .delete{background:linear-gradient(45deg,#e74c3c,#c0392b);color:#fff;padding:8px 14px;border-radius:10px;font-weight:700;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.task-actions .delete:hover{transform:translateY(-2px);box-shadow:0 5px 15px #c0392b80}