@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-ms-overflow-style:none;box-sizing:border-box;font-family:Lexend,sans-serif;margin:0;padding:0;scrollbar-width:none}::-webkit-scrollbar{display:none}body{align-items:center;background:#000;color:#fff;display:flex;justify-content:center;min-height:100vh;padding:20px}.app-container{margin:0 auto;max-width:800px;padding:20px;width:100%}.todo-app{background-color:#000;border:3px solid #fff;border-radius:16px;padding:40px;transition:all .3s ease}h1{color:#fff;font-size:42px;font-weight:600;letter-spacing:-.5px;margin-bottom:30px;text-align:center}.task-form{display:flex;margin-bottom:20px}.task-input{background-color:#000;border:3px solid #fff;border-radius:12px 0 0 12px;color:#fff;flex:1 1;font-size:18px;outline:none;padding:16px 20px;transition:all .3s}.task-input:focus{border-color:#fff}.add-button{background-color:#fff;border:none;border-radius:0 12px 12px 0;color:#000;cursor:pointer;font-size:18px;font-weight:600;padding:16px 30px;transition:all .3s}.add-button:hover{background-color:#333}.filter-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px}.clear-completed-btn,.filter-btn{background-color:initial;border:3px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s}.clear-completed-btn:hover,.filter-btn.active,.filter-btn:hover{background-color:#fff;color:#000}.filter-btn.active{border-color:#fff}.clear-completed-btn{color:#fff;margin-left:auto}.task-list{counter-reset:task-counter;list-style-type:none;margin-bottom:15px}.task-item{animation:fadeIn .3s;background-color:#000;border:2px solid #fff;border-radius:8px;counter-increment:task-counter;margin-bottom:10px;padding:15px;position:relative;transition:all .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.task-item:hover{background-color:#111;border:2px solid #fff}.task-item.completed{opacity:.7}.task-content{justify-content:space-between;transition:all .3s ease}.task-content,.task-details{align-items:center;display:flex}.task-details{flex:1 1;padding-left:35px;position:relative}.task-details:before{color:#fff9;content:counter(task-counter);font-family:Lexend,sans-serif;font-size:14px;font-weight:500;left:0;position:absolute;top:50%;transform:translateY(-50%)}.task-checkbox{cursor:pointer;height:18px;margin-right:12px;width:18px}.task-text{color:#fff;flex:1 1;font-family:Lexend,sans-serif;font-size:16px;word-break:break-word}.completed .task-text{color:#ffffff80;text-decoration:line-through}.task-actions{display:flex;gap:8px}.cancel-btn,.delete-btn,.edit-btn,.save-btn{background-color:initial;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-family:Lexend,sans-serif;font-size:16px;font-weight:500;padding:10px 16px;transition:all .2s}.edit-btn{color:#fff}.edit-btn:hover{background-color:#fff;color:#000}.delete-btn{color:#fff}.delete-btn:hover{background-color:#ff3b3b26;border-color:#ff3b3b80;color:#fff}.edit-container{display:flex;flex-direction:column;gap:10px;width:100%}.edit-input{background-color:#000;border:3px solid #fff;border-radius:6px;color:#fff;font-size:16px;outline:none;padding:8px 12px;width:100%}.edit-input:focus{border-color:#000}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.save-btn{background-color:#000;color:#fff}.save-btn:hover{background-color:#333}.cancel-btn{background-color:#fff;border:2px solid #000;color:#000}.cancel-btn:hover{background-color:#f8f8f8}.task-counter{color:#fff;font-size:14px;margin-top:10px;text-align:center}.empty-state{color:#ffffffb3;font-style:italic;padding:20px;text-align:center}@media (min-width:1200px){.app-container{max-width:1000px}.todo-app{padding:50px}h1{font-size:48px}.add-button,.task-input{font-size:20px;padding:18px 25px}}@media (max-width:900px){.app-container{max-width:90%}.todo-app{padding:30px}h1{font-size:36px}}@media (max-width:600px){.app-container{padding:10px}.todo-app{border-radius:12px;padding:20px}h1{font-size:32px;margin-bottom:20px}.task-form{flex-direction:column;gap:10px}.add-button,.task-input{border-radius:10px;padding:14px 20px;width:100%}.task-content{align-items:flex-start;flex-direction:column;gap:15px}.task-actions{gap:10px;justify-content:flex-end;width:100%}.filter-controls{flex-wrap:wrap;gap:10px;justify-content:center}.clear-completed-btn,.filter-btn{flex:1 1;min-width:45%;text-align:center}.clear-completed-btn{margin-left:0;margin-top:10px;width:100%}.task-item{padding:15px}}@media (max-width:400px){h1{font-size:28px}.clear-completed-btn,.filter-btn{min-width:100%}.task-text{font-size:16px}}
/*# sourceMappingURL=main.bb37951f.css.map*/