*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.app{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.todo-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border-radius:20px;width:100%;max-width:450px;padding:30px;box-shadow:0 8px 32px #0003}.todo-container h1{text-align:center;margin-bottom:25px;font-size:32px}.input-section{gap:10px;margin-bottom:20px;display:flex}.input-section input{border:none;border-radius:10px;outline:none;flex:1;padding:14px;font-size:16px}.input-section button{color:#fff;cursor:pointer;background:#00c6ff;border:none;border-radius:10px;padding:14px 20px;font-size:16px;transition:all .3s}.input-section button:hover{background:#0072ff;transform:scale(1.05)}.task-list{margin-top:10px}.task-card{background:#fff3;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;transition:all .3s;display:flex}.task-card:hover{transform:translateY(-3px)}.task-card span{cursor:pointer;font-size:18px}.completed{opacity:.6;text-decoration:line-through}.delete-btn{color:#fff;cursor:pointer;background:#ff4b5c;border:none;border-radius:8px;padding:8px 12px;transition:all .3s}.delete-btn:hover{background:#ff1e38}.empty{text-align:center;opacity:.8;margin-top:20px}