:root{--primary: #5C6BC0;--primary-dark: #3949AB;--accent: #FF5252;--background-light: #F8F9FA;--background-dark: #1E1E2E;--text-light: #333333;--text-dark: #E4E6EB;--gray-light: #CFD8DC;--gray-dark: #37383E;--success: #4CAF50;--border-radius: 12px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--transition: all .3s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.6;font-weight:400;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;scrollbar-width:thin;scrollbar-color:var(--primary) transparent;--background-color: var(--background-light);--text-color: var(--text-light);--card-bg: #FFFFFF;--border-color: #E0E0E0;--checkbox-bg: #FFFFFF;--checkbox-border: #BDBDBD;--task-hover: #F5F5F5;--progress-bg: #E0E0E0}.dark-theme{--background-color: var(--background-dark);--text-color: var(--text-dark);--card-bg: #2A2A3A;--border-color: #414151;--checkbox-bg: #343444;--checkbox-border: #4B4B5A;--task-hover: #2F2F3F;--progress-bg: #37383E}body{margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);transition:var(--transition)}.home{max-width:800px;margin:0 auto;padding:16px;box-sizing:border-box}*::selection{background-color:var(--accent);color:#fff}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--primary);border-radius:20px}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 0}.app-title h1{font-size:var(--text-xl);font-weight:700;margin:0;color:var(--text-color)}.app-title p{font-size:var(--text-sm);color:var(--gray-light);margin:4px 0 0}.theme-toggle{width:40px;height:40px;border-radius:50%;background-color:var(--card-bg);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow);cursor:pointer;transition:transform .3s ease}.theme-toggle:hover{transform:scale(1.1)}#install-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;margin-bottom:20px;background-color:#5c6bc01a;color:var(--primary);border:none;border-radius:var(--border-radius);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition)}#install-button:hover{background-color:#5c6bc033}.download-icon:before{content:"↓";font-size:14px}.progress-container{margin:24px 0}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.progress-label{font-size:var(--text-sm);font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--primary);margin:0}.progress-count{font-size:var(--text-xs);color:var(--text-color-light)}.progress-bar{height:8px;background-color:var(--progress-bg);border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;background-color:var(--primary);border-radius:4px;width:0%;transition:width .5s ease-in-out}.task-section{margin-bottom:24px;background-color:var(--card-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:max-height .5s ease,opacity .3s ease;max-height:max-content;opacity:1;box-sizing:border-box;border:1px solid rgb(125 125 125 / 10%)}.task-content{max-height:500px;overflow:hidden;transition:max-height .5s ease,opacity .3s ease;opacity:1}.task-content.collapsed{max-height:0;opacity:0;margin-bottom:0;padding:0}.titleSection{display:flex;align-items:center;padding:16px;font-size:var(--text-lg);font-weight:500;color:var(--text-color);position:relative;cursor:pointer;transition:var(--transition);border-bottom:1px solid var(--border-color)}.titleSection.collapsed{border-color:transparent}.section-icon{width:24px;height:24px;margin-right:12px;display:flex;align-items:center;justify-content:center}.titleSection:before{content:"";font-family:Material Icons;margin-right:12px;font-size:20px;color:var(--primary)}.titleSection.general:before{content:"event"}.titleSection.night:before{content:"nights_stay"}.delete-icon:before{font-family:Material Icons;font-size:20px;color:var(--accent);content:"delete"}.task-count{margin-left:auto;font-size:var(--text-sm);color:var(--primary);font-weight:600;padding:4px 8px;background-color:#5c6bc01a;border-radius:12px}.titleSection.completed{opacity:.5}.titleSection.active:after{transform:rotate(180deg)}.titleSection:after{font-family:Material Icons;content:"keyboard_arrow_down";font-size:20px;margin-left:8px;transition:transform .3s ease}.titleSection.collapsed:after{content:"keyboard_arrow_up"}.titleSection.calendar:before{content:"event"}.titleSection.morning:before{content:"wb_sunny"}.titleSection.afternoon:before{content:"wb_twilight"}.task-content{padding:8px}.tasksList{list-style:none;padding:0;margin:0}.task{position:relative;overflow:hidden;margin-bottom:4px;border-radius:8px;background-color:var(--card-bg);box-shadow:0 1px 2px #0000000d;transition:var(--transition)}.task:hover{box-shadow:0 2px 4px #0000001a}.task li{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:var(--transition);background-color:var(--card-bg)}.task li:hover{background-color:var(--task-hover)}.checkbox{min-width:22px;height:22px;border:2px solid var(--checkbox-border);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;transition:var(--transition);background-color:var(--checkbox-bg);position:relative}.checkbox.checked{background-color:var(--primary);border-color:var(--primary)}.checkbox.checked:before{content:"✓";color:#fff;font-size:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.task p{font-size:var(--text-base);color:var(--text-color);word-break:break-word;margin:0;flex:1;text-align:left}.task p.completed{text-decoration:line-through;color:var(--text-color);opacity:.6}.remove-task-btn{background:none;border:none;cursor:pointer;color:var(--accent);font-size:18px;margin-left:auto;padding:0 8px;opacity:0;transition:opacity .3s ease}.task:hover .remove-task-btn{opacity:1}@media (max-width: 768px){.remove-task-btn{opacity:1}}.task li.active{transform:translate(-80px)}.new-task-display{display:none;align-items:center;padding:12px 16px;background-color:var(--card-bg);border-radius:8px;margin-bottom:4px;animation:fadeIn .3s ease-out}.new-task-input{flex:1;border:none;background:transparent;outline:none;font-size:var(--text-base);color:var(--text-color);padding:0}.new-task-input::placeholder{color:var(--gray-light)}.new-task{display:flex;align-items:center;padding:12px 16px;background-color:var(--card-bg);border-radius:8px;cursor:pointer;transition:var(--transition)}.new-task:hover{background-color:var(--task-hover)}.add-icon{min-width:22px;height:22px;border:2px solid var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:12px;position:relative;color:var(--primary);box-sizing:border-box}.add-icon:before{content:"+";font-size:16px;font-weight:700;color:var(--primary);height:27px}.new-task p{color:var(--primary);margin:0;font-size:var(--text-base);text-align:left}.empty-state{text-align:center;padding:16px;color:var(--gray-light);font-size:var(--text-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.home{padding:12px}.task-section{margin-bottom:16px}.titleSection{padding:14px}.task li,.new-task-display,.new-task{padding:10px 14px}.checkbox{min-width:20px;height:20px;margin-right:10px}}.checkbox-wrapper-12{position:relative;margin-right:6px}.checkbox-wrapper-12>svg{position:absolute;top:-130%;left:-170%;width:110px;pointer-events:none}.checkbox-wrapper-12 *{box-sizing:border-box}.checkbox-wrapper-12 input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;margin:0}.checkbox-wrapper-12 input[type=checkbox]:focus{outline:0}.checkbox-wrapper-12 .cbx{width:20px;height:20px;top:90px;left:90px}.checkbox-wrapper-12 .cbx input{position:absolute;top:0;left:0;width:20px;height:20px;border:2px solid #bfbfc0;border-radius:50%}.checkbox-wrapper-12 .cbx label{width:20px;height:20px;background:none;border-radius:50%;position:absolute;top:0;left:0;transform:trasnlate3d(0,0,0);pointer-events:none}.checkbox-wrapper-12 .cbx svg{position:absolute;top:4px;left:3px;z-index:1;pointer-events:none;width:14px;height:12px}.checkbox-wrapper-12 .cbx svg path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:19;stroke-dashoffset:19;transition:stroke-dashoffset .3s ease;transition-delay:.2s}.checkbox-wrapper-12 .cbx input:checked+label{animation:splash-12 .6s ease forwards}.checkbox-wrapper-12 .cbx input:checked+label+svg path{stroke-dashoffset:0}@-moz-keyframes splash-12{40%{background:var(--primary);box-shadow:0 -15px 0 -7px var(--primary),13px -7px 0 -7px var(--primary),13px 7px 0 -7px var(--primary),0 15px 0 -7px var(--primary),-13px 7px 0 -7px var(--primary),-13px -7px 0 -7px var(--primary)}to{background:var(--primary);box-shadow:0 -30px 0 -9px transparent,26px -14px 0 -9px transparent,26px 14px 0 -9px transparent,0 30px 0 -9px transparent,-26px 14px 0 -9px transparent,-26px -14px 0 -9px transparent}}@-webkit-keyframes splash-12{40%{background:var(--primary);box-shadow:0 -15px 0 -7px var(--primary),13px -7px 0 -7px var(--primary),13px 7px 0 -7px var(--primary),0 15px 0 -7px var(--primary),-13px 7px 0 -7px var(--primary),-13px -7px 0 -7px var(--primary)}to{background:var(--primary);box-shadow:0 -30px 0 -9px transparent,26px -14px 0 -9px transparent,26px 14px 0 -9px transparent,0 30px 0 -9px transparent,-26px 14px 0 -9px transparent,-26px -14px 0 -9px transparent}}@-o-keyframes splash-12{40%{background:var(--primary);box-shadow:0 -15px 0 -7px var(--primary),13px -7px 0 -7px var(--primary),13px 7px 0 -7px var(--primary),0 15px 0 -7px var(--primary),-13px 7px 0 -7px var(--primary),-13px -7px 0 -7px var(--primary)}to{background:var(--primary);box-shadow:0 -30px 0 -9px transparent,26px -14px 0 -9px transparent,26px 14px 0 -9px transparent,0 30px 0 -9px transparent,-26px 14px 0 -9px transparent,-26px -14px 0 -9px transparent}}@keyframes splash-12{40%{background:var(--primary);box-shadow:0 -15px 0 -7px var(--primary),13px -7px 0 -7px var(--primary),13px 7px 0 -7px var(--primary),0 15px 0 -7px var(--primary),-13px 7px 0 -7px var(--primary),-13px -7px 0 -7px var(--primary)}to{background:var(--primary);box-shadow:0 -30px 0 -9px transparent,26px -14px 0 -9px transparent,26px 14px 0 -9px transparent,0 30px 0 -9px transparent,-26px 14px 0 -9px transparent,-26px -14px 0 -9px transparent}}nav{display:flex;align-items:center;justify-content:center;position:relative;height:50px;padding:10px 15px}nav img{height:100%}.theme-container{cursor:pointer;position:absolute;left:10px;padding:0;background-color:transparent}.helpBtn{cursor:pointer;position:absolute;right:10px;padding:0;background-color:transparent;border-radius:24px;overflow:hidden}.helpBtn i{display:flex;position:relative;background-repeat:no-repeat;background-position:bottom;background-size:24px;width:24px;height:24px;background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>')}.helpContainer{display:flex;border-radius:8px;position:absolute;z-index:999;width:calc(100% - 20px);height:auto;min-height:10vh;left:0;right:0;top:20px;bottom:0;margin:20px auto;box-shadow:0 10px 10px -10px #0003;background-color:var(--background-color);overflow:auto;padding:0 10px 10px;flex-direction:column;place-content:flex-start;box-sizing:border-box}.helpContainer h2{display:flex;place-items:center;place-content:center}.helpContainer h2 i{display:flex;position:relative;background-repeat:no-repeat;background-position:bottom;background-size:24px;width:24px;height:24px;margin-right:5px;background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>')}.helpContainer h3{display:flex;place-items:center;font-size:1.1rem;margin:0}.helpContainer h3 small{font-size:.75rem;margin-right:5px}.helpContainer p{font-size:.95rem;margin-top:0;text-align:justify;line-height:1.2rem}.helpContainer .close{cursor:pointer;background-color:#ee2737;padding:5px 15px;border-radius:5px;color:#fff;font-weight:500;text-transform:lowercase;position:relative;width:100%;bottom:0;box-sizing:border-box}.importExport{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px;margin-top:25px;margin-bottom:15px}.importExport .message{width:100%;text-align:center}.importExport h4{width:100%;margin:0}.importExport input{width:calc(100% - 43px);border-radius:5px;height:30px;padding:3px 5px;box-sizing:border-box;border:1px solid #333}.importExport .copyBtn{display:flex;align-items:center;justify-content:center;width:40px;padding:0;box-sizing:border-box;background-color:#ee2737;border:none}.importExport .copyBtn i{display:flex;position:relative;background-repeat:no-repeat;background-position:bottom;background-size:100%;width:20px;height:20px;background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-clipboard-copy"><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/><path d="M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"/><path d="M16 4h2a2 2 0 0 1 2 2v4"/><path d="M21 14H11"/><path d="m15 10-4 4 4 4"/></svg>')}.importExport button{width:calc(50% - 1.5px);background-color:#fff;color:#333;border:1px solid #333;padding:10px;border-radius:5px}@media (prefers-color-scheme: dark){.dark-theme .helpBtn i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>')!important}.dark-theme .helpContainer{background-color:var(--background-color);box-shadow:0 10px 10px -10px var(--border-color);border:1px solid var(--text-color-dark);color:var(--text-color)}.dark-theme .helpContainer h2 i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help"><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>')}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;width:450px;max-width:90%;padding:12px 16px;border-radius:6px;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;align-items:center;animation:toast-in .3s ease-out forwards;opacity:1;transition:transform .3s ease,opacity .3s ease}.toast.toast-exit{animation:toast-out .3s ease forwards}@keyframes toast-in{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toast-out{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-20px);opacity:0}}.toast-content{display:flex;align-items:center;flex:1}.toast-icon{margin-right:12px;display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;max-width:24px;max-height:24px;border-radius:24px;box-sizing:border-box;text-align:center}.toast-message{font-size:14px;font-weight:500;text-align:left}.toast-close{background:none;border:none;font-size:18px;cursor:pointer;margin-left:8px;opacity:.7;transition:opacity .2s}.toast-close:hover{opacity:1}.toast.success{background-color:#f0fff4;border-left:4px solid #48bb78;color:#2f855a}.toast.success .toast-icon{background-color:#c6f6d5;color:#2f855a}.toast.error{background-color:#fff5f5;border-left:4px solid #f56565;color:#c53030}.toast.error .toast-icon{background-color:#fed7d7;color:#c53030}.toast.info{background-color:#ebf8ff;border-left:4px solid #4299e1;color:#2b6cb0}.toast.info .toast-icon{background-color:#bee3f8;color:#2b6cb0}body.dark-theme .toast.success{background-color:#1e1e2e;border-left:4px solid #48bb78;color:#c6f6d5}body.dark-theme .toast.success .toast-icon{background-color:#2f855a;color:#f0fff4}body.dark-theme .toast.error{background-color:#1e1e2e;border-left:4px solid #f56565;color:#fed7d7}body.dark-theme .toast.error .toast-icon{background-color:#c53030;color:#fff5f5}body.dark-theme .toast.info{background-color:#1e1e2e;border-left:4px solid #4299e1;color:#bee3f8}body.dark-theme .toast.info .toast-icon{background-color:#2b6cb0;color:#ebf8ff}#root{max-width:480px;width:100%;margin:0 auto;padding:0;text-align:center}*{box-sizing:border-box}.mainContainer{position:relative}.scroll{overflow:hidden}.tasksList:empty{margin:0 0 10px}.titleSection.active~.tasksList{max-height:0;transition:max-height .3s;overflow:hidden}.titleSection{display:flex}.titleSection i{position:relative;display:block;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-size:16px}.titleSection small{line-height:1;font-size:.75rem;display:flex;align-items:flex-end;padding-bottom:3px;font-weight:700;right:20px;position:absolute;bottom:3px}.titleSection.general i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>')}.titleSection.morning i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>')}.titleSection.afternoon i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/></svg>')}.titleSection.night i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>')}.tasksList{display:flex;flex-direction:column;align-items:flex-start;padding:0;overflow-x:hidden;max-height:max-content;transition:max-height .5s ease-in;transform:translate(0)!important}.tasksList .task{display:flex;flex-direction:row;width:100%;position:relative;z-index:1;transition:all .5s;margin-bottom:3px}.tasksList li{position:relative;display:inline-flex;align-items:center;list-style:none;padding:10px 16px;margin:0;cursor:pointer;width:100%;box-sizing:border-box;transition:all .5s;transform:translate(0)!important}.tasksList li.active{background-color:#ff00000d}@media screen and (min-width: 480px){.tasksList li:hover .checkbox:not(.nt) i{background-color:#ee2737;background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><path d="M20 6 9 17l-5-5"/></svg>');background-repeat:no-repeat;background-position:center;background-size:70%;border-color:#ee2737;opacity:.5}}.tasksList li .checkbox{margin-right:10px;transform:translate(0)!important}.tasksList li .checkbox i{width:20px;height:20px;display:block;border:1px solid #333;border-radius:20px;box-sizing:border-box}.tasksList li .checkbox.checked i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check"><path d="M20 6 9 17l-5-5"/></svg>');background-repeat:no-repeat;background-position:center;background-size:70%;background-color:#ee2737;border-color:#ee2737}.tasksList li p{margin:0;padding:0;text-align:left;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform:translate(0)!important}.tasksList li p:first-letter{text-transform:uppercase;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.tasksList .remove{cursor:pointer;position:absolute;text-align:left;color:#fff;display:flex;align-items:center;justify-content:center;right:-100px;background-color:#ee2737;width:100px;height:100%;padding:0 10px;box-sizing:border-box;font-size:.85rem;font-weight:300;transition:all .5s}.tasksList .remove.active{right:0}.new-taskButton{width:50px;height:50px;border-radius:50px;background-color:#ee2737;border:none;margin:0;padding:0;box-sizing:border-box;cursor:pointer;position:absolute;bottom:20px;right:10px}.new-taskButton i{width:50px;height:50px;display:block;background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-fading-plus"><path d="M12 2a10 10 0 0 1 7.38 16.75"/><path d="M12 8v8"/><path d="M16 12H8"/><path d="M2.5 8.875a10 10 0 0 0-.5 3"/><path d="M2.83 16a10 10 0 0 0 2.43 3.4"/><path d="M4.636 5.235a10 10 0 0 1 .891-.857"/><path d="M8.644 21.42a10 10 0 0 0 7.631-.38"/></svg>');background-repeat:no-repeat;background-position:center}.new-task{width:100%}.new-task i{width:20px;height:20px;background-color:#333;border-radius:20px;margin-right:10px;display:block;background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus"><path d="M5 12h14"/><path d="M12 5v14"/></svg>');background-repeat:no-repeat;background-size:80%;background-position:center}.new-task:hover p{font-weight:700}.new-task p{-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;width:100%}.new-task-input{width:100%;padding:0;margin:0;font-size:1rem;background:transparent;border:none;line-height:1.5;box-sizing:border-box;border-bottom:1px solid transparent;border-radius:0;outline:none}.new-task-input:focus{outline:none;border-bottom:1px solid #333;box-sizing:border-box}li.new-task-display{display:none;width:100%}.points{margin-bottom:15px;position:sticky;top:0;background-image:url(data:image/png;base64,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);background-color:#f8f9fa;z-index:1;padding:10px 5px}.points p{margin:0;font-weight:700;text-transform:uppercase;font-size:.75rem}.points i{position:absolute;display:block;width:16px;height:16px;left:5px;background-repeat:no-repeat;background-position:center;background-size:100%;background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(0 255 234)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>');mix-blend-mode:difference;z-index:1}.points span{font-size:.75rem;font-weight:700;letter-spacing:1px;color:#00ffea;mix-blend-mode:difference;margin:0 auto;left:0;right:0;padding:0;position:absolute;z-index:1}.points .progress{width:100%;height:20px;border-radius:20px;border:1px solid #333;box-sizing:border-box;display:flex;position:relative;overflow:hidden}.points .progress .progress-bar{height:100%;box-sizing:border-box;border-radius:20px 10px 10px 20px;background-color:#ee2737;transform:translate(0)!important;transition:all .5s}.points .progress .complete{background:linear-gradient(-90deg,#ee2737,#b52b37,#b52b37,#b52b37,#ee2737);background-color:#ee2737;background-size:600% 600%;animation:gradient 5s ease infinite}@keyframes gradient{0%{background-position:100% 150%}50%{background-position:100% 50%}to{background-position:0% 0%}}#install-button{background-color:#000!important;color:#fff!important;position:relative;place-items:center;place-content:center;width:max-content;display:flex;margin:0 auto;border:none}#install-button i{background-image:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAsMCwyNTYsMjU2Ij48ZyBmaWxsPSIjRkZGRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0iYnV0dCIgc3Ryb2tlLWxpbmVqb2luPSJtaXRlciIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2UtZGFzaGFycmF5PSIiIHN0cm9rZS1kYXNob2Zmc2V0PSIwIiBmb250LWZhbWlseT0ibm9uZSIgZm9udC13ZWlnaHQ9Im5vbmUiIGZvbnQtc2l6ZT0ibm9uZSIgdGV4dC1hbmNob3I9Im5vbmUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogbm9ybWFsIj48ZyB0cmFuc2Zvcm09InNjYWxlKDQsNCkiPjxwYXRoIGQ9Ik0zMiwzLjAyMzQ0Yy0wLjUyMiwwIC0xLjA0NDkyLDAuMTg4NDEgLTEuNDE5OTIsMC41NjY0MWwtNyw3LjA1MDc4Yy0wLjc3OCwwLjc4NCAtMC43NzIyOCwyLjA1MDEyIDAuMDExNzIsMi44MjgxM2MwLjc4MywwLjc3OCAyLjA1MTEyLDAuNzczMjMgMi44MjgxMywtMC4wMDk3N2wzLjU4MDA4LC0zLjYwNTQ3djIyLjE5NzI3YzAsMS4xMDQgMC44OTYsMiAyLDJjMS4xMDQsMCAyLC0wLjg5NiAyLC0ydi0yMi4xOTcyN2wzLjU4MDA4LDMuNjA1NDdjMC4zOTEsMC4zOTQgMC45MDQ5MiwwLjU5MTggMS40MTk5MiwwLjU5MThjMC41MSwwIDEuMDE5MiwtMC4xOTUwMyAxLjQwODIsLTAuNTgyMDNjMC43ODQsLTAuNzc5IDAuNzg5NzIsLTIuMDQ0MTIgMC4wMTE3MiwtMi44MjgxMmwtNywtNy4wNTA3OGMtMC4zNzUsLTAuMzc4IC0wLjg5NzkyLC0wLjU2NjQxIC0xLjQxOTkyLC0wLjU2NjQxek0xNSwxN2MtMy4zMDksMCAtNiwyLjY5MSAtNiw2djIyYzAsMy4zMDkgMi42OTEsNiA2LDZoMzRjMy4zMDksMCA2LC0yLjY5MSA2LC02di0yMmMwLC0zLjMwOSAtMi42OTEsLTYgLTYsLTZoLTEydjRoMTJjMS4xMDMsMCAyLDAuODk3IDIsMnYyMmMwLDEuMTAzIC0wLjg5NywyIC0yLDJoLTM0Yy0xLjEwMywwIC0yLC0wLjg5NyAtMiwtMnYtMjJjMCwtMS4xMDMgMC44OTcsLTIgMiwtMmgxMnYtNHoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==);background-repeat:no-repeat;background-position:center;background-size:24px;width:24px;height:24px;margin-right:10px;position:relative;display:inline-block}@media (prefers-color-scheme: dark){.dark-theme .progress-count{font-size:var(--text-xs);color:var(--text-color-dark)}.dark-theme .titleSection.general i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>')}.dark-theme .titleSection.morning i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sun"><circle cx="12" cy="12" r="4"/><path d="M12 2v2"/><path d="M12 20v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="m17.66 17.66 1.41 1.41"/><path d="M2 12h2"/><path d="M20 12h2"/><path d="m6.34 17.66-1.41 1.41"/><path d="m19.07 4.93-1.41 1.41"/></svg>')}.dark-theme .titleSection.afternoon i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"/></svg>')}.dark-theme .titleSection.night i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-moon"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>')}.dark-theme .tasksList li .checkbox i{border-color:var(--text-color-dark)}.dark-theme .tasksList li .checkbox.checked i{border-color:#ee2737}.dark-theme .new-task i{background-color:#fff;background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="rgb(0, 0, 0)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus"><path d="M5 12h14"/><path d="M12 5v14"/></svg>')}.dark-theme .points{background-color:var(--background-color-dark);background-image:none}.dark-theme .points i{background-image:url('data:image/svg+xml;svg,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="rgb(255, 255, 255)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-flame"><path d="M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z"/></svg>');mix-blend-mode:normal}.dark-theme .points span{color:var(--text-color-dark);mix-blend-mode:normal}.dark-theme .points .progress{border-color:var(--text-color-dark)}}.confetti{position:fixed;left:0;width:100%;z-index:10}