body{background:#f0f2f5;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.container{background:#fff;border-radius:12px;max-width:600px;margin:40px auto;padding:20px;box-shadow:0 0 15px #0000001a}.task-input{gap:10px;margin-bottom:20px;display:flex}.task-input input{border:1px solid #ccc;border-radius:6px;flex:1;padding:10px;font-size:16px}.task-input button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;padding:10px 15px;font-size:16px}.task-input button:hover{background:#0056b3}.task-count{color:#333;margin-bottom:20px;font-size:18px}.task-list{padding:0;list-style:none}.task-item{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px;display:flex}.task-content{align-items:center;gap:10px;display:flex}.task-content input{transform:scale(1.2)}.task-content span{flex:1;font-size:16px}.task-content span.completed{color:#888;text-decoration:line-through}.delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:5px 10px;font-size:14px}.delete-btn:hover{background:#c82333}@media (width<=600px){.container{margin:20px;padding:15px}.task-input{flex-direction:column;gap:8px}.task-input input,.task-input button{width:100%}}