@import url(https://cdn.jsdelivr.net/npm/charts.css/dist/charts.min.css);body,html{overflow-x:hidden;scroll-behavior:smooth}body{align-items:center;background-color:#add8e6;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0}.container,body{min-height:100vh;transition:background-color .5s,color .5s}.container{border-radius:10px;margin:auto;max-width:400px;padding:20px;width:90vw}body.light{background-color:#add8e6;color:#333}.container.light{background-color:#e5f1f4;color:#333}body.dark{background-color:#121212;color:#f1f1f1}.container.dark{background-color:#333;color:#f1f1f1}ul.task-list.light{background-color:#f9f9f9;color:#333}ul.task-list.dark{background-color:#222;color:#f1f1f1}.header{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;border-radius:0 0 10px 10px;box-shadow:0 2px 5px #0000001a;display:flex;height:40px;justify-content:space-between;left:50%;max-width:400px;padding:10px 5px;position:fixed;top:0;transform:translateX(-50%);width:95%;will-change:transform;z-index:999}body.dark .header{background-color:#333}.header-text{color:#007bff;display:flex;flex-direction:column;justify-content:flex-start}.header-text h1{font-size:1.6rem;margin:0}.header-text small{font-size:.4rem}.rank-icon{font-size:2rem;font-weight:700}.streak{align-items:center;display:flex;justify-content:center}.streak-icon{font-size:1.8rem}.streak-number{color:#daa520;font-size:1.2rem;font-weight:700;margin-left:-5px}.theme-toggle{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;transition:color .3s}.theme-toggle:hover{color:#007bff}.filter-buttons{display:flex;gap:10px;justify-content:space-around;margin-top:50px}.filter-buttons button{background-color:#f0f0f0;border:none;border-radius:5px;color:#0078d4;cursor:pointer;margin:.5rem;padding:.5rem 1rem;transition:background-color .3s}.filter-buttons button.active{background-color:#007bff;color:#e5f1f4;font-weight:700}.filter-buttons button:hover{background-color:#0056b3;color:#e5f1f4}.sort-button{align-items:center;background:none;border:none;color:#0078d4;cursor:pointer;display:flex;font-size:1em;margin-bottom:10px}.sort-button:hover{color:#0056b3;font-weight:700}.sort-button svg{margin-right:5px}.task-list{border-radius:8px;list-style:none;margin:0 0 50px;padding:0;transition:background-color .5s,color .5s}.task-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.task-item{background-color:inherit;border:2px solid #007bff;border-radius:10px;margin-bottom:10px;max-width:100%;overflow:hidden;padding:10px;transition:transform .2s,background-color .2s}.task-item:hover{box-shadow:0 4px 6px #00000080;transform:translateY(-2px)}.main-task{align-items:center;display:flex;justify-content:space-between}.main-task-checkbox{accent-color:#007bff;border:1px solid #ccc;border-radius:5px;cursor:pointer;height:30px;width:30px}.main-task-checkbox:checked{background-color:#007bff;border-color:#007bff}.main-task-checkbox:focus{box-shadow:0 0 5px #007bff;outline:none}.main-task-text{word-wrap:break-word;flex-grow:1;font-size:1rem;margin:10px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:normal}.edit-button{background:none;border:none;color:#0078d4;cursor:pointer;font-size:1.2rem;transition:color .3s ease}.edit-button:hover{color:#0056b3}.delete-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.2rem;transition:color .3s ease}body.dark .delete-button{color:#f1f1f1}.delete-button:hover{color:#d32f2f}li span.completed{color:#aaa;text-decoration:line-through}.subtasks{border-top:1px solid #666;flex-direction:column;justify-content:center;margin-top:10px}.subtask-item,.subtasks{align-items:center;display:flex}.subtask-item{justify-content:space-between;margin-top:5px}.subtasks ol{list-style-type:decimal;padding-left:20px}.add-subtask-button{align-items:center;background:none;border:none;color:#0078d4;cursor:pointer;display:flex;font-size:.875em;margin-top:10px}.add-subtask-button svg{margin-right:5px}.add-subtask-button:hover{color:#0056b3;font-weight:700}.task-details{color:#666;font-size:.75em;justify-content:space-between}.task-details,.task-repetition{align-items:center;display:flex}.task-repetition{gap:5px;justify-content:center}.task-form{align-items:center;gap:1rem;height:100vh;margin-top:60px;max-width:400px;width:90vw}.task-form,.task-form div{display:flex;flex-direction:column}.task-form div{gap:10px;justify-content:space-between;width:95%}.task-form label{align-self:flex-start;font-weight:700}.task-form button,.task-form input,.task-form select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:1rem;max-width:400px;padding:.75rem;width:100%}.task-form input:focus,.task-form select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.task-form button{background-color:#007bff;border:none;color:#fff;cursor:pointer;transition:background-color .3s ease}.task-form button:hover{background-color:#0056b3}.no-tasks-message{color:#666;font-size:1.2em;margin:20px 0;text-align:center}.bottom-nav{background-color:#fff;border-radius:12px 12px 0 0;border-top:1px solid #ddd;bottom:0;box-shadow:0 -2px 5px #0000001a;display:flex;justify-content:space-around;left:50%;max-width:400px;padding:12px 0;position:fixed;transform:translateX(-50%);width:95%}body.dark .bottom-nav{background-color:#333}.nav-item{background:none;border:none;color:#888;cursor:pointer;font-size:24px;text-decoration:none;transition:color .3s ease,transform .2s ease}.nav-item:hover{color:#555}.nav-item.active{color:#007bff;transform:scale(1.1)}@media (max-width:768px){.container{margin:10px;padding:15px}h1{font-size:1.5rem}.task-form button,.task-form input,.task-form select,li span{font-size:.9rem}.filter-buttons button{font-size:.85rem;padding:8px}}@media (max-width:480px){.container{padding:10px}li{padding:8px 10px}li span{font-size:.85rem}}.stats{align-items:center;display:flex;flex-direction:column;margin-top:50px}.stats h3{text-align:center}.stat-container{margin-bottom:50px;max-width:400px;width:90vw}.stat-item{background-color:#f0f0f0;border-radius:5px;display:flex;justify-content:space-between;padding:.5rem;transition:background-color .3s}.stat-item:hover{background-color:#e0e0e0}body.dark .stat-item{background-color:#333}.chart-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:10% 90%;margin:0 auto 50px;max-width:300px;width:100%}.chart-container h5{color:#007bff;margin-left:-15px;transform:skewY(-15deg)}.chart-container .column{--aspect-ratio:4/3;margin:1.5rem auto;transform:skewY(15deg)}.chart-container .column th{color:#007bff}.chart-container .column thead th{background-color:#f0f0f0;padding:.5rem}.chart-container .column tbody td{-webkit-margin-start:5px;-webkit-margin-end:10px;animation:revealing-bars 2s linear;box-shadow:1px -1px 1px #d3d3d3,2px -2px 1px #d3d3d3,3px -3px 1px #d3d3d3,4px -4px 1px #d3d3d3,5px -5px 1px #d3d3d3,6px -6px 1px #d3d3d3,7px -7px 1px #d3d3d3,8px -8px 1px #d3d3d3,9px -9px 1px #d3d3d3,10px -10px 1px #d3d3d3;margin-inline-end:10px;margin-inline-start:5px;transform-origin:bottom}@keyframes revealing-bars{0%{transform:scaleY(0)}30%{transform:scaleY(1)}}.achievements-container{margin-bottom:50px;margin-top:40px;padding:5px;text-align:center}.achievements-list{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.achievement-item{align-items:center;background-color:#f5f5f5;border-radius:8px;display:flex;justify-content:space-between;padding:10px;transition:.3s ease;width:100%}.achievement-content{display:flex;flex-direction:column;text-align:left}.achievement-title{font-weight:700}.achievement-condition{color:#666;font-size:.9em}.achievement-icon{font-size:1.5em}.unlocked{background-color:#fff8e1;border:2px solid gold;color:#d4a017;font-weight:700}.trophy{color:gold;font-size:1.8em}.locked{color:#000;opacity:.6}.locked-icon{color:#777;font-size:1.5em}.fade-in{animation:fadeIn .5s ease}.extras-container{margin:auto;max-width:600px;padding:20px;text-align:center}.extras-container h2{margin-top:50px}.extras-section{border-bottom:1px solid #ddd;margin:10px 0;padding:15px}.extras-section h3{margin-bottom:10px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.disabled-btn{background-color:#ccc;color:#666;cursor:not-allowed}.clear-btn,.disabled-btn{border:none;padding:10px 20px}.clear-btn{background-color:red;color:#fff;cursor:pointer}.clear-btn:hover{background-color:darkred}.policy-container,.terms-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;margin:40px auto;max-width:800px;padding:20px;transition:background .3s,color .3s}.policy-container h2,.terms-container h2{color:#333;font-size:26px;margin-bottom:15px;text-align:center}.policy-container p,.terms-container p{color:#555;font-size:16px;line-height:1.6}.policy-container h3,.terms-container h3{color:#222;font-size:20px;margin-top:20px}.policy-container section,.terms-container section{margin-bottom:20px}body.dark .policy-container,body.dark .terms-container{background:#1e1e1e;box-shadow:0 4px 10px #ffffff1a;color:#ddd}body.dark .policy-container h2,body.dark .terms-container h2{color:#f8f8f8}body.dark .policy-container h3,body.dark .terms-container h3{color:#e0e0e0}body.dark .policy-container p,body.dark .terms-container p{color:#ccc}@media (max-width:600px){.policy-container,.terms-container{padding:15px;width:90%}.policy-container h2,.terms-container h2{font-size:22px}.policy-container h3,.terms-container h3{font-size:18px}.policy-container p,.terms-container p{font-size:14px}}.loading-screen{align-items:center;animation:fadeOut 1s ease-in-out 4s forwards;background-color:#121212;color:#f1f1f1;display:flex;font-family:Arial,sans-serif;font-size:2.5rem;font-weight:700;height:100vh;justify-content:center;width:100vw}@keyframes fadeOut{to{opacity:0}}.alert{align-items:center;animation:fadeIn .5s ease-in-out;background-color:#007bff;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;left:50%;max-width:400px;padding:15px;position:fixed;top:20px;transform:translateX(-50%);width:60vw;z-index:1000}.alert span{margin-right:10px}.alert button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px}.alert button:hover{color:#fdd}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.d8c3f046.css.map*/