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}*{box-sizing:border-box;margin:0;padding:0}body.dark{background:radial-gradient(circle at top,#0f172a,#020617);color:#e2e8f0;transition:.3s ease}body.light{background:linear-gradient(to bottom right,#f8fafc,#e2e8f0);color:#0f172a;transition:.3s ease}body.light .todo-wrapper{background:#ffffffd9;border:1px solid #00000014;box-shadow:0 0 25px #0000001a}body.light .todo-input-item label{color:#475569}body.light .todo-input-item input{background:#fff;border:1px solid #cbd5e1;color:#000}body.light .secondaryBtn{background:#fff;border:1px solid #cbd5e1;color:#0f172a}body.light .todo-list-item{background:#fff;box-shadow:0 5px 15px #00000014}body.light .todo-list-item p{color:#475569}body.light .edit_Wrapper{background:#fff}body.light .edit_Wrapper input,body.light .edit_Wrapper textarea{background:#fff;border:1px solid #cbd5e1;color:#000}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;position:relative}.top-bar{position:absolute;right:20px;top:0;z-index:100}.theme-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:none;border-radius:50%;box-shadow:0 0 18px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;height:52px;justify-content:center;transition:.25s ease;width:52px}.theme-toggle-btn:hover{box-shadow:0 0 18px #22c55e73;transform:scale(1.1) rotate(12deg)}body.light .theme-toggle-btn{background:#ffffffe6;box-shadow:0 0 15px #0000001f;color:#0f172a}h1{font-size:42px;letter-spacing:1px;margin-bottom:20px;margin-top:10px;text-align:center}h1 span{color:#22c55e}.todo-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 0 40px #0009;margin:0 auto;max-width:800px;padding:25px;transition:.3s ease;width:90%}.todo-input{grid-gap:15px;border-bottom:1px solid #ffffff14;display:grid;gap:15px;grid-template-columns:1fr 1fr auto;padding-bottom:20px}.todo-input-item{display:flex;flex-direction:column}.todo-input-item label{color:#94a3b8;font-size:14px;margin-bottom:8px}.todo-input-item input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;padding:12px 14px;transition:.2s ease;width:100%}.todo-input-item input:focus{border:1px solid #22c55e;box-shadow:0 0 10px #22c55e80;outline:none}.primaryBtn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin-top:23px;padding:12px 20px;transition:.2s ease;white-space:nowrap}.primaryBtn:hover{box-shadow:0 0 12px #22c55eb3;transform:scale(1.05)}.btn-area{display:flex;gap:12px;margin-bottom:20px;margin-top:20px}.secondaryBtn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;color:#cbd5e1;cursor:pointer;padding:10px 18px;transition:.2s ease}.secondaryBtn:hover{transform:scale(1.05)}.active{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 12px #22c55eb3;color:#fff}.todo-list{display:flex;flex-direction:column;gap:15px;max-height:500px;overflow-y:auto;padding-right:8px;scrollbar-width:none}.todo-list::-webkit-scrollbar{display:none}.todo-list-item{align-items:center;background:#2c2c2c;border-radius:14px;box-shadow:0 5px 20px #0006;display:flex;justify-content:space-between;padding:18px 22px;transition:.2s ease}.todo-list-item:hover{box-shadow:0 3px 5px #000;transform:scale(1.02)}.todo-list-item h3{color:#00e67a;font-size:28px;margin-bottom:8px}.todo-list-item p{color:#a1a1a1;font-size:15px}.icon{cursor:pointer;font-size:35px;transition:.2s ease}.icon:hover{color:red}.check-icon{color:#00e67a;cursor:pointer;font-size:38px;margin-left:12px;transition:.2s ease}.check-icon:hover{color:#e4efea}.edit_Wrapper{background-color:#414040;border-radius:10px;display:flex;flex-direction:column;padding:10px}.edit_Wrapper input,.edit_Wrapper textarea{border:1px solid #d3d3d3;border-radius:5px;margin:5px;padding:10px}.edit_Wrapper .primaryBtn{border-radius:5px;font-size:16px;margin-left:auto;margin-right:auto;padding:10px;width:fit-content}@media (max-width:768px){.todo-input{grid-template-columns:1fr}.primaryBtn{width:100%}.todo-list-item{align-items:flex-start;flex-direction:column;gap:15px}}@media (max-width:480px){h1{font-size:32px}.todo-wrapper{padding:18px}.todo-list-item h3{font-size:22px}.theme-toggle-btn{font-size:20px;height:46px;width:46px}}
/*# sourceMappingURL=main.2f00eb42.css.map*/