@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}:root{--task-opacity: .3;--background-color: #222;--text-color: #fff;--button-bg: #444;--button-bg-hover: #555;--button-text: #fff;--input-bg: #444;--input-text: #fff;--modal-bg: #333;--overlay-bg: #000000;--font-size-base: 14px;--font-size-heading: 16px;--padding-base: 8px;--button-size: 32px;--input-height: 32px}.light{--background-color: #fff;--text-color: #000;--button-bg: #ccc;--button-bg-hover: #bbb;--button-text: #000;--input-bg: #eee;--input-text: #000;--modal-bg: #ddd;--overlay-bg: #ffffff}.large{--font-size-base: 16.8px;--font-size-heading: 19.2px;--padding-base: 9.6px;--button-size: 38.4px;--input-height: 38.4px}body,html{margin:0;padding:0;font-family:Arial,sans-serif;height:100%;overflow:hidden;background:var(--background-color);color:var(--text-color)}.container{display:flex;flex-direction:column;height:100vh;max-width:100%;box-sizing:border-box;position:relative;z-index:1}.background-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--background-color);z-index:-2;transition:filter .2s ease}.background-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);opacity:.1;z-index:-1;transition:opacity .2s ease}.header{display:flex;flex-wrap:nowrap;justify-content:center;align-items:flex-end;padding:calc(var(--padding-base) * .75) var(--padding-base);background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 4px #0003;z-index:100;height:calc(var(--input-height) * 1.90625);box-sizing:border-box;position:fixed;top:-10px;left:0;right:0}.light .header{background:#ffffffe6;box-shadow:0 2px 4px #0000001a}.tabs{display:flex;overflow-x:auto;white-space:nowrap;align-items:center;gap:calc(var(--padding-base) * .75);padding:calc(var(--padding-base) * .5) var(--padding-base);box-sizing:border-box;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain}.tabs::-webkit-scrollbar{display:none}.tabs button{background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * .75) calc(var(--padding-base) * 1.5);margin:0;border-radius:8px;cursor:pointer;font-size:calc(var(--font-size-base) * .929);font-family:Arial,sans-serif;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:background .2s ease,transform .1s ease;line-height:1}.tabs button:hover{background:var(--button-bg-hover);transform:scale(1.02)}.tabs button.active{background:#0a0;color:var(--button-text)}.tabs .add-list,.tabs .filter-btn{width:var(--button-size);height:var(--button-size);font-size:calc(var(--font-size-base) * 1.29);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--button-bg);margin-left:var(--padding-base);transition:background .2s ease,transform .1s ease}.tabs .add-list:hover,.tabs .filter-btn:hover{background:var(--button-bg-hover);transform:scale(1.05)}.content{flex:1;overflow-y:auto;padding:calc(var(--padding-base) * 2);padding-top:calc(var(--input-height) * 1.875);padding-bottom:calc(var(--input-height) * 2.4375);box-sizing:border-box;z-index:10;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:absolute;top:0;bottom:0;left:0;right:0}.content::-webkit-scrollbar{display:none}.content::-webkit-scrollbar-track{background:var(--button-bg);border-radius:4px}.content::-webkit-scrollbar-thumb{background:var(--button-bg-hover);border-radius:4px}.content::-webkit-scrollbar-thumb:hover{background:var(--button-bg)}.pull-refresh-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height .2s ease;flex-shrink:0}.pull-refresh-icon{font-size:1.4rem;opacity:.7;display:inline-block;transition:transform .2s ease}.pull-refresh-icon.spinning{animation:pull-refresh-spin .7s linear infinite}@keyframes pull-refresh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bottom-nav{display:flex;justify-content:space-around;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:calc(var(--padding-base) * .75) 0;border-top:1px solid rgba(255,255,255,.1);position:fixed;bottom:0;left:0;right:0;z-index:2000;box-shadow:0 -2px 4px #0003;height:calc(var(--input-height) * 1.90625)}.light .bottom-nav{background:#ffffffe6;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 4px #0000001a}.bottom-nav .nav-btn{background:transparent;border:none;color:var(--button-text);font-family:Arial,sans-serif;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--padding-base) * .375);font-size:calc(var(--font-size-base) * .71);flex:1;transition:color .2s ease;height:calc(var(--input-height) * 1.90625);box-sizing:border-box}.bottom-nav .nav-btn .material-icons{font-size:calc(var(--font-size-base) * 1.29);margin-bottom:calc(var(--padding-base) * .25)}.bottom-nav .nav-btn.active,.bottom-nav .nav-btn.active .material-icons{color:#0a0}.bottom-nav .nav-btn:hover{color:var(--text-color)}.bottom-nav .nav-btn.active:hover{color:#0a0}.bottom-nav .nav-btn:hover .material-icons{color:var(--text-color)}.bottom-nav .nav-btn.active:hover .material-icons{color:#0a0}.bottom-nav .add-task-btn{background:#0a0;border:none;color:var(--button-text);font-size:calc(var(--font-size-base) * 1.71);cursor:pointer;display:flex;align-items:center;justify-content:center;width:calc(var(--button-size) * 1.25);height:calc(var(--button-size) * 1.25);border-radius:50%;transition:background .2s ease;position:relative;top:calc(var(--padding-base) * .625)}.bottom-nav .add-task-btn:hover{background:#0b0}.bottom-nav .add-task-btn .material-icons{font-size:calc(var(--font-size-base) * 1.71)}@media(max-width:768px){.content{padding-bottom:calc(132px + env(safe-area-inset-bottom,calc(var(--input-height) * 2.40625)))}}.task-header{display:flex;align-items:center;margin-bottom:var(--padding-base)}.task-header .spacer{flex:1}.task-header .meta-header{display:flex;padding-right:var(--padding-base);gap:var(--padding-base);margin-left:auto}.task-header .meta-header div{width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-base) * .86)}.task-header .search-bar{flex:2;padding:calc(var(--padding-base) * .75);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;box-sizing:border-box;margin-right:var(--padding-base)}.task{display:flex;align-items:center;color:var(--text-color);padding:var(--padding-base);margin:calc(var(--padding-base) * .5) 0;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;transform:translateY(0);transition:transform .2s ease,opacity .2s ease;position:relative;z-index:1}.task:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;z-index:-1;transition:opacity .2s ease;opacity:var(--task-opacity)}.task.dragging{opacity:.5;transition:none}.drag-placeholder{height:2px;background:#0a0;opacity:.5;margin:calc(var(--padding-base) * .5) 0;border-radius:2px}.task input[type=checkbox]{margin-right:var(--padding-base)}.task .meta{display:flex;gap:var(--padding-base);margin-left:auto;flex:0 0 auto}.task .meta div{width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;overflow:hidden}.task .priority-1{background:#ff6b6b;color:var(--button-text)}.task .priority-2{background:#ff9f43;color:var(--button-text)}.task .priority-3{background:#f1c453;color:#000}.task .priority-4{background:#54a0ff;color:var(--button-text)}.task .priority-5{background:#00d4b4;color:var(--button-text)}.task .complexity-1{background:#ff6b6b;color:var(--button-text)}.task .complexity-2{background:#ff9f43;color:var(--button-text)}.task .complexity-3{background:#f1c453;color:#000}.task .complexity-4{background:#54a0ff;color:var(--button-text)}.task .complexity-5{background:#00d4b4;color:var(--button-text)}.task .due-days-none{background:var(--button-bg);color:var(--button-text)}.task .due-days-overdue{background:red;color:var(--button-text)}.task .due-days-0{background:#ff6b6b;color:var(--button-text)}.task .due-days-1{background:#ff9f43;color:var(--button-text)}.task .due-days-2{background:#f1c453;color:#000}.task .due-days-3{background:#54a0ff;color:var(--button-text)}.task .due-days-4,.task .due-days-high{background:#00d4b4;color:var(--button-text)}.task .actions{display:flex;gap:var(--padding-base);margin-left:var(--padding-base);flex:0 0 auto}.task .actions button{background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.completed-actions{display:flex;gap:var(--padding-base);margin-left:auto;height:calc(var(--button-size) * .625);align-items:center}.completed-actions button{padding:calc(var(--padding-base) * .25) var(--padding-base);height:calc(var(--button-size) * .625);font-size:calc(var(--font-size-base) * .86);line-height:calc(var(--button-size) * .625)}.task .reactivate-btn{background:#0a0;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.task .delete-btn{background:red;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.task .actions .reactivate-btn{background:#0a0;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.task .actions .delete-btn{background:red;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.delete-task-btn{background:red;border:none;color:var(--button-text);padding:var(--padding-base) calc(var(--padding-base) * 2);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;margin-top:calc(var(--padding-base) * 2);width:100%;text-align:center}.new-subtask-container{display:flex;align-items:center;margin:calc(var(--padding-base) * .5) 0;width:100%}.subtask-item{display:flex;align-items:center;margin:calc(var(--padding-base) * .5) 0;padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;position:relative;z-index:1;justify-content:space-between;min-height:calc(var(--input-height) * .75);line-height:calc(var(--font-size-base) * 1.14)}.subtask-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;z-index:-1;opacity:var(--task-opacity)}.subtask-label span{font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;overflow:hidden;text-overflow:ellipsis}.delete-subtask{background:red;border:none;color:var(--button-text);width:calc(var(--button-size) * .5);height:calc(var(--button-size) * .5);border-radius:50%;font-size:calc(var(--font-size-base) * .71);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0;line-height:1}.subtask-item.dragging{opacity:.5;transition:none}.subtask-drag-placeholder{height:2px;background:#0a0;opacity:.5;margin:calc(var(--padding-base) * .5) 0;border-radius:2px}.task-list-item{display:flex;align-items:center;margin:calc(var(--padding-base) * .5) 0;padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;position:relative;z-index:1;justify-content:space-between;min-height:calc(var(--input-height) * .75);line-height:calc(var(--font-size-base) * 1.14)}.task-list-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;z-index:-1;opacity:var(--task-opacity)}.task-list-label span{font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;overflow:hidden;text-overflow:ellipsis}.task-lists,.subtask-list{display:flex;flex-direction:column;padding:0;margin:0;width:100%;box-sizing:border-box}.task-list-item.dragging{opacity:.5;transition:none}.task-list-drag-placeholder{height:2px;background:#0a0;opacity:.5;margin:calc(var(--padding-base) * .5) 0;border-radius:2px}.task-lists-section{margin:var(--padding-base) 0;padding:0}.new-list-container{display:flex;align-items:center;margin:0;width:100%;box-sizing:border-box}.new-list-container input{width:100%;padding:calc(var(--padding-base) * .75);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;box-sizing:border-box}.task-list-label{display:flex;align-items:center;flex:1;overflow:hidden}.task-list-label input[type=checkbox]{margin:0;margin-right:var(--padding-base);flex-shrink:0;width:calc(var(--button-size) * .5);height:calc(var(--button-size) * .5);vertical-align:middle}.subtask-label{display:flex;align-items:center;flex:1;overflow:hidden}.subtask-label input[type=checkbox]{margin:0;margin-right:var(--padding-base);flex-shrink:0;width:calc(var(--button-size) * .5);height:calc(var(--button-size) * .5);vertical-align:middle}.task-lists{display:flex;flex-direction:column;gap:0}.task-lists.task-lists-export{gap:var(--padding-base);margin:calc(var(--padding-base) * .5) 0}.task-lists label{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color);display:flex;align-items:center}.task-lists input[type=checkbox]{margin:0 var(--padding-base) 0 0;width:calc(var(--button-size) * .5);height:calc(var(--button-size) * .5);flex-shrink:0;vertical-align:middle}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:100000;justify-content:center;pointer-events:auto}.modal.modal-center,.modal.modal-top{display:flex}.modal-container{z-index:inherit}.modal-content{background:var(--modal-bg);padding:var(--padding-base);border-radius:10px;width:90%;max-width:340px;max-height:66vh;overflow-y:auto;box-sizing:border-box;color:var(--text-color);position:relative;scrollbar-width:none;-ms-overflow-style:none;z-index:100050;touch-action:pan-y;-webkit-overflow-scrolling:touch;pointer-events:auto;transition:transform .3s ease;transform-origin:center center}.swipe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100040;pointer-events:none;transition:opacity .3s ease}.swipe-overlay[data-color=red]{background:#ff000080}.swipe-overlay[data-color=green]{background:#00aa0080}.reorder-lists-modal .modal-content{padding:calc(var(--padding-base) * .5)}.modal-content::-webkit-scrollbar{display:none}.modal-content input,.modal-content textarea,.modal-content select{width:100%;padding:calc(var(--padding-base) * .75);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;box-sizing:border-box;height:var(--input-height)}.modal-content input::placeholder,.modal-content textarea::placeholder{color:var(--input-text);opacity:.7}.modal-content textarea{height:calc(var(--input-height) * 2.5);resize:vertical}.modal-content strong{padding-left:0;margin-left:0;display:block}.modal-content .slider-container{display:flex;flex-direction:column;gap:calc(var(--padding-base) * .5);width:100%;margin:calc(var(--padding-base) * 1.5) 0;padding:0 calc(var(--padding-base) * .5)}.modal-content .slider-container .slider-labels{display:flex;justify-content:space-between;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;color:var(--text-color);margin-bottom:calc(var(--padding-base) * .75)}.modal-content .slider-container .slider-labels span{flex:0 0 auto}.modal-content .slider-container .slider-labels span:first-child{text-align:left}.modal-content .slider-container .slider-labels span:last-child{text-align:right}.modal-content .slider-container input[type=range]{width:100%;height:calc(var(--padding-base) * 1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--input-bg);border-radius:5px;transition:background .2s ease}.modal-content .slider-container input[type=range]:hover{background:var(--button-bg-hover)}.modal-content .slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--button-size) * .5);height:calc(var(--button-size) * .5);background:#00d4b4;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background .2s ease,transform .1s ease}.modal-content .slider-container input[type=range]::-webkit-slider-thumb:hover{background:#0af;transform:scale(1.1)}.modal-content .submenu{margin-top:calc(var(--padding-base) * .5);background:var(--modal-bg);padding:var(--padding-base);border-radius:5px;border:1px solid var(--button-bg-hover);width:100%;box-sizing:border-box;color:var(--text-color)}.modal-content .submenu input,.modal-content .submenu textarea,.modal-content .submenu select{width:100%}.modal-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--padding-base) 0;flex-wrap:nowrap;background:var(--modal-bg);padding:0;width:100%;box-sizing:border-box;pointer-events:auto;z-index:100060}.modal-title{color:var(--text-color);font-size:var(--font-size-heading);font-family:Arial,sans-serif;font-weight:700;padding:0;pointer-events:auto}.modal-actions{display:flex;gap:var(--padding-base);flex-shrink:0;padding:0;margin:0}.modal-actions button{background:var(--button-bg)!important;width:var(--button-size)!important;height:var(--button-size)!important;min-width:var(--button-size)!important;min-height:var(--button-size)!important;border-radius:50%!important;border:none!important;display:inline-flex!important;align-items:center;justify-content:center;padding:0!important;box-sizing:border-box!important;line-height:1!important;cursor:pointer;transition:background .2s ease,transform .1s ease;position:relative;pointer-events:auto}.export-list-selection .modal-actions button{background:var(--button-bg)!important;width:var(--button-size)!important;height:var(--button-size)!important;min-width:var(--button-size)!important;min-height:var(--button-size)!important;border-radius:50%!important;border:none!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center}.modal-actions button:hover{transform:scale(1.05)}.modal-actions button .material-icons{font-size:calc(var(--font-size-base) * 1.14);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;padding:0;text-align:center}.modal-actions .save-btn{color:#0a0!important}.modal-actions .save-btn:hover{background:#0b0!important}.modal-actions .cancel-btn{color:red!important;background:var(--button-bg)!important}.modal-actions .cancel-btn:hover{background:#e60000!important}.modal-actions .save-btn.apply-btn{background:#54a0ff!important;color:var(--button-text)!important;width:auto!important;min-width:unset!important;padding:calc(var(--padding-base) * .5) var(--padding-base)!important;border-radius:5px!important}.modal-actions .save-btn.apply-btn:hover{background:#4682b4!important}.modal-center{align-items:center;justify-content:center}.modal-top{align-items:flex-start;justify-content:center;padding-top:0}.modal-top .modal-content{margin-top:25vh;transform:translateY(-50%)}.warning-modal-content{background:var(--modal-bg);padding:calc(var(--padding-base) * 2);border-radius:10px;width:90%;max-width:300px;box-sizing:border-box;color:var(--text-color);position:relative;scrollbar-width:none;-ms-overflow-style:none;z-index:300050;pointer-events:auto;text-align:center}.warning-modal-content::-webkit-scrollbar{display:none}.warning-modal-title{color:var(--text-color);font-size:var(--font-size-heading);font-family:Arial,sans-serif;font-weight:700;margin:0 0 var(--padding-base) 0;padding:0}.background-adjust-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:transparent!important;z-index:150000;align-items:center;justify-content:center;pointer-events:auto}.background-adjust-modal.modal-center{display:flex}.background-adjust-modal .modal-header{background:#3330!important;padding:0}.background-adjust-modal-content{background:#3336!important;padding:calc(var(--padding-base) * 2);border-radius:12px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;box-sizing:border-box;color:var(--text-color);position:relative;scrollbar-width:none;-ms-overflow-style:none;z-index:150050;pointer-events:auto;box-shadow:0 4px 12px #0000004d}.background-adjust-modal-content::-webkit-scrollbar{display:none}.background-adjust-modal-content .slider-container{width:100%;margin:calc(var(--padding-base) * 2) 0;padding:0}.background-adjust-modal-content .slider-container .slider-labels{display:flex;justify-content:space-between;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;color:var(--text-color);margin-bottom:var(--padding-base)}.background-adjust-modal-content .slider-container .slider-labels span:first-child{text-align:left;flex:0 0 auto}.background-adjust-modal-content .slider-container .slider-labels span:last-child{text-align:right;flex:0 0 auto}.background-adjust-modal-content .slider-container input[type=range]{width:100%;height:calc(var(--padding-base) * 1.25);background:var(--input-bg);border-radius:5px;transition:background .2s ease}.background-adjust-modal-content .slider-container input[type=range]:hover{background:var(--button-bg-hover)}.background-adjust-modal-content .slider-container input[type=range]::-webkit-slider-thumb{width:calc(var(--button-size) * .5625);height:calc(var(--button-size) * .5625);background:#00d4b4;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background .2s ease,transform .1s ease}.background-adjust-modal-content .slider-container input[type=range]::-webkit-slider-thumb:hover{background:#0af;transform:scale(1.1)}.task-details-content-wrapper{display:flex;flex-direction:column;gap:var(--padding-base)}.task-details-modal-content{max-width:400px}.description-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:calc(var(--padding-base) * .5)}.description-readonly{background:var(--input-bg);border-radius:5px;padding:var(--padding-base);font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--input-text);min-height:calc(var(--input-height) * 2.5);opacity:var(--task-opacity)}.edit-description-btn{background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer}.edit-description-btn:hover{background:var(--button-bg-hover)}.more-options-btn{background:var(--button-bg);border:none;color:var(--button-text);padding:var(--padding-base);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;display:flex;align-items:center;gap:var(--padding-base);width:100%;text-align:left}.more-options-btn:hover{background:var(--button-bg-hover)}.more-options-btn .material-icons{font-size:calc(var(--font-size-base) * 1.14)}.more-options-submenu{display:none;margin-top:calc(var(--padding-base) * .5);background:var(--modal-bg);padding:var(--padding-base);border-radius:5px;border:1px solid var(--button-bg-hover);max-width:100%;box-sizing:border-box;color:var(--text-color)}.more-options-submenu.active{display:block}.title-achievement-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:52000;display:none;align-items:center;justify-content:center}.title-achievement-modal.active{display:flex}.title-achievement-modal-content{background:var(--modal-bg);padding:calc(var(--padding-base) * 2);border-radius:10px;width:90%;max-width:340px;max-height:66vh;overflow-y:auto;box-sizing:border-box;color:var(--text-color);scrollbar-width:none;-ms-overflow-style:none;text-align:center}.title-achievement-modal-content::-webkit-scrollbar{display:none}.title-achievement-modal{justify-content:center;margin-bottom:calc(var(--padding-base) * 1.5)}.title-achievement-modal .modal-title{justify-content:center;font-size:calc(var(--font-size-heading) * 1.125);color:#00d4b4;display:flex;align-items:center;gap:var(--padding-base)}.title-achievement-modal .achievement-message{justify-content:center;font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color);margin:var(--padding-base) 0}.title-achievement-modal .achievement-title{font-size:var(--font-size-heading);font-family:Arial,sans-serif;font-weight:700;color:#54a0ff;margin:var(--padding-base) 0;transition:transform .3s ease}.title-achievement-modal .achievement-title:hover{transform:scale(1.05)}.title-achievement-modal .continue-btn{background:#00d4b4;border:none;color:var(--button-text);padding:var(--padding-base) calc(var(--padding-base) * 2);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;margin-top:calc(var(--padding-base) * 1.5);width:100%;transition:background .2s ease,transform .1s ease}.title-achievement-modal .continue-btn:hover{background:#0af;transform:scale(1.02)}.markdown-content{background:var(--input-bg);border-radius:5px;padding:var(--padding-base);font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--input-text);min-height:calc(var(--input-height) * 2.5);line-height:1.5;white-space:normal}.markdown-content h1{font-size:calc(var(--font-size-heading) * 1.25);font-weight:700;margin:calc(var(--padding-base) * .5) 0}.markdown-content h2{font-size:calc(var(--font-size-heading) * 1.125);font-weight:700;margin:calc(var(--padding-base) * .5) 0}.markdown-content h3{font-size:var(--font-size-heading);font-weight:700;margin:calc(var(--padding-base) * .5) 0}.markdown-content p{margin:calc(var(--padding-base) * .5) 0}.markdown-content ul,.markdown-content ol{margin:calc(var(--padding-base) * .5) 0;padding-left:calc(var(--padding-base) * 2.5)}.markdown-content li{margin:calc(var(--padding-base) * .25) 0}.markdown-content strong{font-weight:700}.markdown-content em{font-style:italic}.markdown-content code{background:var(--button-bg);padding:2px calc(var(--padding-base) * .5);border-radius:3px;font-family:Courier New,monospace}.markdown-content pre{background:var(--button-bg);padding:var(--padding-base);border-radius:5px;overflow-x:auto;margin:calc(var(--padding-base) * .5) 0}.markdown-content pre code{background:none;padding:0}.markdown-content a{color:#0af;text-decoration:underline}.markdown-content a:hover{color:#0cf}.markdown-content hr{border:none;border-top:1px solid var(--button-bg);margin:calc(var(--padding-base) * .5) 0}.markdown-content .markdown-table{border-collapse:collapse;width:100%;margin:calc(var(--padding-base) * .5) 0}.markdown-content .markdown-th,.markdown-content .markdown-td{border:1px solid var(--button-bg);padding:var(--padding-base);text-align:left}.markdown-content .markdown-th{background:var(--button-bg);font-weight:700}.markdown-content>*:last-child{margin-bottom:0}.delete-list-menu{position:fixed;background:var(--modal-bg);border-radius:5px;padding:var(--padding-base);width:160px;box-shadow:0 2px 5px #00000080;z-index:2000}.delete-list-menu button{display:block;width:100%;background:var(--button-bg);color:var(--button-text);padding:calc(var(--padding-base) * .75);margin:2px 0;border:none;border-radius:3px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;text-align:left;pointer-events:auto}.delete-list-menu button:hover{background:var(--button-bg-hover)}.reorder-lists{display:flex;flex-direction:column;gap:calc(var(--padding-base) * .25);padding:0;margin:calc(var(--padding-base) * .5) 0}.reorder-list-item{display:flex;align-items:center;color:var(--text-color);padding:calc(var(--padding-base) * .5);margin:calc(var(--padding-base) * .25) 0;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;position:relative;z-index:1;transition:opacity .2s ease}.reorder-list-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;z-index:-1;opacity:var(--task-opacity)}.reorder-list-item.dragging{opacity:.5}.delete-list-warning-content,.delete-list-confirm-content{display:flex;flex-direction:column;gap:calc(var(--padding-base) * 1.5);font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color)}.delete-list-warning-content p,.delete-list-confirm-content p{margin:0;line-height:1.5}.delete-list-warning-content .delete-list-actions,.delete-list-confirm-content .delete-list-actions{display:flex;flex-direction:column;gap:var(--padding-base);margin-top:calc(var(--padding-base) * 1.5)}.delete-list-warning-content button,.delete-list-confirm-content button{background:var(--button-bg);color:var(--button-text);padding:var(--padding-base);border:none;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;transition:background .2s ease;pointer-events:auto;z-index:300060}.delete-list-warning-content button:hover,.delete-list-confirm-content button:hover{background:var(--button-bg-hover)}.delete-list-warning-content .delete-btn,.delete-list-confirm-content .delete-btn{background:#e60000}.delete-list-warning-content .delete-btn:hover,.delete-list-confirm-content .delete-btn:hover{background:#c00}.delete-list-warning-content .cancel-btn,.delete-list-confirm-content .cancel-btn{background:var(--modal-bg)}.delete-list-warning-content .cancel-btn:hover,.delete-list-confirm-content .cancel-btn:hover{background:var(--button-bg-hover)}@media(min-width:601px){.modal-center,.modal-top{align-items:center}.modal-top{align-items:flex-start}.modal-top .modal-content{margin-top:25vh;transform:translateY(-50%)}}@media(max-width:600px){.title-achievement-modal-content{width:90%;max-width:300px;padding:calc(var(--padding-base) * 1.5)}.title-achievement-modal .modal-title{font-size:var(--font-size-heading)}.title-achievement-modal .achievement-message{font-size:calc(var(--font-size-base) * .86)}.title-achievement-modal .achievement-title{font-size:var(--font-size-base)}.title-achievement-modal .continue-btn{padding:calc(var(--padding-base) * .75) calc(var(--padding-base) * 1.5);font-size:calc(var(--font-size-base) * .86)}.warning-modal-content{max-width:280px;padding:calc(var(--padding-base) * 1.5)}.background-adjust-modal-content{max-width:320px;padding:calc(var(--padding-base) * 1.5)}.background-adjust-modal-content .slider-container .slider-labels{font-size:calc(var(--font-size-base) * .71)}}.analytics-page{color:var(--text-color);position:relative;z-index:10;overflow:visible}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:calc(var(--padding-base) * 1.25);margin-bottom:calc(var(--padding-base) * 1.25);z-index:10;position:relative}.stat-box{padding:var(--padding-base);border-radius:5px;text-align:center;position:relative;color:var(--text-color);z-index:1}.stat-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;opacity:var(--task-opacity);z-index:-1}.streak-box{grid-column:1 / -1;position:relative}.stat-box h3{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color);margin:0 0 calc(var(--padding-base) * .5) 0}.stat-box p{font-size:calc(var(--font-size-base) * 1.29);font-family:Arial,sans-serif;color:var(--text-color);margin:0}.chart-container{padding:var(--padding-base);border-radius:5px;margin-bottom:0;position:relative;color:var(--text-color);z-index:1}.chart-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;opacity:var(--task-opacity);z-index:-1}.chart-container h3{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color);margin:0 0 calc(var(--padding-base) * .5) 0}.streak-progress{background:var(--input-bg);height:calc(var(--padding-base) * 1);border-radius:4px;overflow:hidden;margin:var(--padding-base) 0 calc(var(--padding-base) * .5) 0}.streak-bar{background:#ff6b6b;height:100%;transition:width .5s ease-in-out}.chart-selector{margin-top:var(--padding-base);max-width:100%;display:flex;justify-content:center}.chart-selector select{background:var(--input-bg);border:none;color:var(--input-text);padding:calc(var(--padding-base) * .5);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer}.templates-page{padding:calc(var(--padding-base) * 2);color:var(--text-color);height:100%;display:flex;flex-direction:column}.templates-header{margin-bottom:calc(var(--padding-base) * 2)}.program-list{flex:1;position:relative;z-index:1}.program-item{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-base)}.program-item span{font-size:var(--font-size-base);font-family:Arial,sans-serif}.program-item button{background:#54a0ff;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer}.program-item button:hover{background:#4682b4}.program-item.task{display:flex;align-items:center;color:var(--text-color);padding:var(--padding-base);margin:calc(var(--padding-base) * .5) 0;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;position:relative;z-index:1}.program-item.task span{flex:1}.program-item.task:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;z-index:-1;opacity:var(--task-opacity)}.program-item.task .meta{display:flex;gap:var(--padding-base);padding-right:0}.program-item.task .meta div{width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);background:var(--button-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-base) * .71);font-family:Arial,sans-serif;color:var(--button-text)}.program-item.task button{background:#54a0ff;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer}.program-item.task button:hover{background:#4682b4}.program-item.task .meta .meta-duration{background:#ff6b6b}.program-item.task .meta .meta-commitment{background:#54a0ff}.program-item.task .apply-btn{background:#54a0ff;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .25) var(--padding-base);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer;margin-right:var(--padding-base);height:calc(var(--button-size) * .625);display:flex;align-items:center;justify-content:center}.program-modal-content{display:flex;flex-direction:column;gap:var(--padding-base)}.program-modal-content p{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color);margin:0 0 var(--padding-base) 0}.program-task-item{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-base);margin:calc(var(--padding-base) * .5) 0;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color);position:relative;z-index:1}.program-task-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;z-index:-1;opacity:var(--task-opacity)}.program-task-item span{flex:1}.program-task-item .meta{display:flex;gap:var(--padding-base)}.program-task-item .meta div{width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif}.program-task-header{display:flex;align-items:center;margin-bottom:var(--padding-base);padding:0 var(--padding-base)}.program-task-header .spacer{flex:1}.program-task-header .meta-header{display:flex;gap:var(--padding-base);flex:0 0 auto;padding-right:var(--padding-base)}.program-task-item.task{display:flex;align-items:center;color:var(--text-color);padding:var(--padding-base);margin:calc(var(--padding-base) * .5) 0;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;position:relative;z-index:1;box-sizing:border-box}.program-task-item.task:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;z-index:-1;opacity:var(--task-opacity)}.program-task-item.task .spacer{flex:1}.program-task-item.task .meta{display:flex;gap:var(--padding-base);flex:0 0 auto;padding-right:var(--padding-base)}.program-task-item.task .meta div{width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;overflow:hidden}.program-task-item.task.task-header:before{content:none}.program-task-item.task.task-header{display:flex;align-items:center;padding:var(--padding-base);margin:0 0 calc(var(--padding-base) * .5) 0;font-size:var(--font-size-base);font-family:Arial,sans-serif}.program-task-item.task.task-header .meta .header-circle{width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);border-radius:50%;background:var(--button-bg);color:var(--button-text);display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;overflow:hidden}.program-task-item.task span{margin-right:var(--padding-base);flex:0 1 auto}.calendar-page{color:var(--text-color);height:100%;display:flex;flex-direction:column}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--padding-base) * 2);gap:var(--padding-base);padding:0 var(--padding-base)}.calendar-header-title{flex:1;height:calc(var(--font-size-base) + var(--padding-base) * 1.5);position:relative;z-index:1;text-align:center}.calendar-header-title:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--button-bg);border-radius:5px;opacity:var(--task-opacity);z-index:-1}.calendar-header h3{font-size:var(--font-size-heading);font-family:Arial,sans-serif;margin:0;color:var(--text-color);line-height:calc(var(--font-size-base) + var(--padding-base) * 1.5)}.calendar-header button{position:relative;background:transparent;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .75) calc(var(--padding-base) * 1.5);border-radius:5px;font-size:var(--font-size-base);cursor:pointer;transition:transform .1s ease;z-index:1}.calendar-header button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;opacity:var(--task-opacity);z-index:-1}.calendar-header button:hover:before{background:var(--button-bg-hover)}.calendar-header button:hover{transform:scale(1.05)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:calc(var(--padding-base) * .5);margin-bottom:calc(var(--padding-base) * 2)}.calendar-day-header{text-align:center;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;color:var(--text-color);padding:calc(var(--padding-base) * .5);position:relative;z-index:1}.calendar-day-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;opacity:var(--task-opacity);z-index:-1}.calendar-day{position:relative;border-radius:5px;padding:var(--padding-base);text-align:center;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;min-height:calc(var(--input-height) * .625);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.calendar-day:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;opacity:var(--task-opacity);z-index:-1}.calendar-day:hover:before{background:var(--button-bg-hover)}.calendar-day.selected:before{background:#0a0;opacity:1}.calendar-day span{display:block;color:var(--text-color)}.calendar-day .task-count{position:absolute;top:calc(var(--padding-base) * .25);right:calc(var(--padding-base) * .25);background:#ff6b6b;color:var(--button-text);font-size:calc(var(--font-size-base) * .71);padding:calc(var(--padding-base) * .25) calc(var(--padding-base) * .5);border-radius:50%}.calendar-tasks{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--button-bg-hover) var(--button-bg)}.calendar-tasks::-webkit-scrollbar{width:calc(var(--padding-base) * 1)}.calendar-tasks::-webkit-scrollbar-track{background:var(--button-bg);border-radius:4px}.calendar-tasks::-webkit-scrollbar-thumb{background:var(--button-bg-hover);border-radius:4px}.calendar-tasks::-webkit-scrollbar-thumb:hover{background:var(--button-bg)}.calendar-tasks h4{font-size:var(--font-size-base);font-family:Arial,sans-serif;margin:0 0 var(--padding-base) 0;padding:calc(var(--padding-base) * .5) calc(var(--padding-base) * .75);position:relative;z-index:1;color:var(--text-color);display:inline-block}.calendar-tasks h4:before{content:"";position:absolute;top:calc(var(--padding-base) * .25);left:calc(var(--padding-base) * .25);right:calc(var(--padding-base) * .25);bottom:calc(var(--padding-base) * .25);background:var(--button-bg);border-radius:5px;opacity:var(--task-opacity);z-index:-1}.calendar-tasks p{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color)}.today-btn{position:relative;background:transparent;border:none;color:var(--button-text);padding:calc(var(--padding-base) * .75) calc(var(--padding-base) * 1.5);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;transition:transform .1s ease;z-index:1}.today-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-bg);border-radius:5px;opacity:var(--task-opacity);z-index:-1}.today-btn:hover:before{background:var(--button-bg-hover)}.today-btn:hover{transform:scale(1.05)}@media(max-width:768px){.stats-container{gap:var(--padding-base);margin-bottom:var(--padding-base)}.stat-box{padding:calc(var(--padding-base) * .75)}.stat-box h3{font-size:calc(var(--font-size-base) * .86);margin-bottom:calc(var(--padding-base) * .25)}.stat-box p{font-size:calc(var(--font-size-base) * 1.14)}.streak-progress{margin:calc(var(--padding-base) * .5) 0 calc(var(--padding-base) * .25) 0}.chart-selector{margin-top:calc(var(--padding-base) * .5)}.chart-selector select{padding:calc(var(--padding-base) * .25);font-size:calc(var(--font-size-base) * .86)}.chart-container{padding:calc(var(--padding-base) * .75);margin-bottom:0}.chart-container h3{font-size:var(--font-size-base);font-family:Arial,sans-serif;margin:0 0 calc(var(--padding-base) * .5) 0}}.filter-submenu{position:absolute;background:var(--modal-bg);border-radius:5px;padding:var(--padding-base);width:120px;box-shadow:0 2px 5px #00000080;z-index:2500}.filter-submenu.active{display:block}.filter-submenu button{display:flex;align-items:center;width:100%;background:var(--button-bg);color:var(--button-text);padding:calc(var(--padding-base) * .75);margin:2px 0;border:none;border-radius:3px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;text-align:left}.filter-submenu button:hover{background:var(--button-bg-hover)}.filter-submenu button .material-icons{font-size:calc(var(--font-size-base) * .86);margin-left:var(--padding-base)}.task-header .filter-btn{width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);font-size:var(--font-size-base);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--button-bg);border:none;color:var(--button-text);cursor:pointer;margin-right:var(--padding-base)}.tooltip{display:flex;align-items:center;position:fixed;background:var(--modal-bg);color:var(--text-color);padding:2px calc(var(--padding-base) * 1);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;white-space:nowrap;z-index:90000;opacity:0;pointer-events:none;transition:opacity .2s ease;height:calc(var(--input-height) * .625);line-height:calc(var(--input-height) * .5);min-width:50px}.tooltip.visible{opacity:1;pointer-events:auto}.streak-freezes-tooltip{background:var(--modal-bg);color:var(--text-color);padding:2px calc(var(--padding-base) * 1);border-radius:5px;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;white-space:nowrap;height:calc(var(--input-height) * .625);line-height:calc(var(--input-height) * .5);min-width:50px;position:fixed;z-index:2600;font-style:normal;font-weight:400;text-decoration:none}.streak-freezes-badge-container{position:absolute;top:var(--padding-base);right:var(--padding-base);z-index:20}.streak-freezes-badge{background:#54a0ff;color:var(--button-text);width:calc(var(--button-size) * .75);height:calc(var(--button-size) * .75);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif}.side-menu{position:fixed;top:0;right:-250px;width:250px;height:100%;background:var(--modal-bg);padding:calc(var(--padding-base) * 2);box-sizing:border-box;transition:transform .3s ease;z-index:2100;color:var(--text-color)}.side-menu.active{right:0}.side-menu button{display:flex;align-items:center;width:100%;background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * 1.25);margin:var(--padding-base) 0;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;text-align:left;position:relative}.side-menu button:hover{background:var(--button-bg-hover)}.side-menu button span.material-icons{margin-right:var(--padding-base);font-size:calc(var(--font-size-base) * 1.14)}.side-menu .cancel-btn{background:red;color:var(--button-text);width:var(--button-size);height:var(--button-size);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:auto}.theme-settings{position:fixed;top:0;right:-250px;width:250px;height:100%;background:var(--modal-bg);padding:calc(var(--padding-base) * 2);box-sizing:border-box;transition:right .3s ease;z-index:2000;color:var(--text-color)}.theme-settings.active{right:0}.theme-settings-content{display:flex;flex-direction:column;gap:var(--padding-base)}.theme-settings-content label{font-size:var(--font-size-base);font-family:Arial,sans-serif}.theme-settings-content input[type=file],.theme-settings-content input[type=range],.theme-settings-content input[type=color]{width:100%;background:var(--input-bg);border:none;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--input-text)}.theme-settings-content input[type=color]{padding:0;height:calc(var(--input-height) * .75)}.theme-settings-content input[type=range]{height:calc(var(--padding-base) * 1);-webkit-appearance:none;-moz-appearance:none;appearance:none}.theme-settings-content input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--button-size) * .5);height:calc(var(--button-size) * .5);background:#00f;border-radius:50%;cursor:pointer}.theme-settings-content button{background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * .75);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;text-align:center}.theme-settings-content button:hover{background:var(--button-bg-hover)}.background-controls{display:flex;gap:var(--padding-base)}.background-controls button{background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * .75);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;text-align:center;flex:1}.background-controls .remove-btn{background:red}.background-controls button:hover{background:var(--button-bg-hover)}.background-controls .remove-btn:hover{background:#e60000}.color-control{display:flex;align-items:center;gap:var(--padding-base)}.color-control input[type=color]{width:calc(var(--button-size) * 1.25);height:calc(var(--input-height) * .75)}.color-control input[type=range]{flex:1}.theme-options{background:var(--modal-bg);padding:var(--padding-base);border-radius:5px;margin:var(--padding-base) 0;display:flex;flex-direction:column;gap:var(--padding-base)}.theme-options label{font-size:var(--font-size-base);font-family:Arial,sans-serif}.theme-options input[type=range],.theme-options input[type=color]{width:100%;background:var(--input-bg);border:none;border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--input-text)}.theme-options input[type=range]{height:calc(var(--padding-base) * 1);-webkit-appearance:none;-moz-appearance:none;appearance:none}.theme-options input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:calc(var(--button-size) * .5);height:calc(var(--button-size) * .5);background:#00f;border-radius:50%;cursor:pointer}.theme-options input[type=color]{padding:0;height:calc(var(--input-height) * .75)}.theme-options .background-controls{display:flex;gap:var(--padding-base)}.theme-options .background-controls button{background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * .75);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;text-align:center;flex:1}.theme-options .background-controls .remove-btn{background:red}.theme-options .background-controls button:hover{background:var(--button-bg-hover)}.theme-options .background-controls .remove-btn:hover{background:#e60000}.theme-options .color-control{display:flex;align-items:center;gap:var(--padding-base)}.theme-options .color-control input[type=color]{width:calc(var(--button-size) * 1.25);height:calc(var(--input-height) * .75)}.theme-options .color-control input[type=range]{flex:1}.theme-options .preset-select{width:100%;padding:calc(var(--padding-base) * .75);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer}.toggle-container{display:flex;gap:calc(var(--padding-base) * .5)}.toggle-button{background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * .5) calc(var(--padding-base) * .75);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;flex:1;text-align:center;transition:background .2s ease,color .2s ease;height:calc(var(--font-size-base) + var(--padding-base) * 1.5);line-height:1}.toggle-button.active{background:#0a0;color:var(--button-text)}.toggle-button:hover{background:var(--button-bg-hover)}.toggle-button.active:hover{background:#0b0}.icon-row{display:flex;justify-content:space-around;margin:var(--padding-base) 0;gap:var(--padding-base)}.icon-row .submenu-btn{background:var(--button-bg);width:var(--button-size);height:var(--button-size);border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .2s ease,transform .1s ease}.icon-row .submenu-btn:hover{background:var(--button-bg-hover);transform:scale(1.05)}.icon-row .submenu-btn span.material-icons{font-size:calc(var(--font-size-base) * 1.14);color:var(--button-text)}.submenu{display:none;margin-top:calc(var(--padding-base) * .5);background:var(--modal-bg);padding:var(--padding-base);border-radius:5px;border:1px solid var(--button-bg-hover);max-width:100%;box-sizing:border-box;color:var(--text-color)}.submenu.active{display:block}.submenu label,.submenu strong{color:var(--text-color);font-family:Arial,sans-serif;font-size:var(--font-size-base);display:block;margin-bottom:calc(var(--padding-base) * .5)}.submenu input[type=checkbox]{margin-right:var(--padding-base);width:calc(var(--button-size) * .5);height:calc(var(--button-size) * .5)}.submenu input[type=range]{width:100%}.submenu .slider-container{display:flex;align-items:center;gap:var(--padding-base)}.submenu .slider-container span{font-family:Arial,sans-serif;font-size:var(--font-size-base);color:var(--text-color)}.submenu .new-subtask-container,.submenu .new-list-container{position:relative;margin:calc(var(--padding-base) * .5) 0}.submenu .new-subtask-container input,.submenu .new-list-container input{width:100%;padding:calc(var(--padding-base) * .75) calc(var(--padding-base) * 3) calc(var(--padding-base) * .75) var(--padding-base);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;box-sizing:border-box}.submenu .new-subtask-container input::placeholder,.submenu .new-list-container input::placeholder{color:var(--input-text);opacity:.7}.submenu .new-subtask-container:after,.submenu .new-list-container:after{content:"+";position:absolute;right:var(--padding-base);top:50%;transform:translateY(-50%);color:#0a0;font-size:var(--font-size-base);pointer-events:none}.submenu .task-due-date input[type=date]{padding-right:calc(var(--padding-base) * 3.75)}.submenu .task-due-date .due-date-container{position:relative;display:flex;align-items:center;gap:var(--padding-base)}.submenu .task-due-date input[type=date]{width:100%;padding-right:calc(var(--padding-base) * 3.75)}.submenu .task-due-date button{position:absolute;right:calc(var(--padding-base) * .75);top:50%;transform:translateY(-50%);background:var(--button-bg);border:none;color:var(--button-text);width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);border-radius:50%;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center}.input-container{margin:var(--padding-base) 0}.input-container label{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color);display:block;margin-bottom:calc(var(--padding-base) * .5)}.input-container input,.input-container select{width:100%;padding:calc(var(--padding-base) * .75);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;box-sizing:border-box;height:var(--input-height)}.input-container input::placeholder{color:var(--input-text);opacity:.7}.search-bar{background:var(--input-bg);border:none;color:var(--input-text);padding:calc(var(--padding-base) * .75);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;flex:1;margin-right:var(--padding-base)}.spacer{flex:1}.meta-header{display:flex;gap:calc(var(--padding-base) * .5)}.meta-header div{width:calc(var(--button-size) * .625);height:calc(var(--button-size) * .625);background:var(--button-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:calc(var(--font-size-base) * .86);font-family:Arial,sans-serif;color:var(--button-text)}.due-date-container{display:flex;align-items:center;gap:var(--padding-base);cursor:pointer}.due-date-container input[type=date]{flex-grow:1}.date-input{display:flex;flex-direction:column;gap:calc(var(--padding-base) * .5);margin:var(--padding-base) 0}.date-input label{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color)}.date-input input[type=date]{width:100%;padding:calc(var(--padding-base) * .75);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif}.select-container{margin:var(--padding-base) 0}.select-container label{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color);display:block;margin-bottom:calc(var(--padding-base) * .5)}.select-container select{width:100%;padding:calc(var(--padding-base) * .75);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer}.streak-title{font-size:var(--font-size-base);font-family:Arial,sans-serif;font-weight:700;color:#00d4b4;margin:calc(var(--padding-base) * .5) 0 var(--padding-base) 0;text-align:center;transition:color .3s ease,transform .3s ease}.streak-title:hover{color:#0af;transform:scale(1.05)}.export-options{background:var(--modal-bg);padding:var(--padding-base);border-radius:5px;margin:var(--padding-base) 0;display:flex;flex-direction:column;gap:var(--padding-base)}.export-options label{font-size:var(--font-size-base);font-family:Arial,sans-serif}.export-options select{width:100%;padding:calc(var(--padding-base) * .75);background:var(--input-bg);border:none;color:var(--input-text);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer}.export-options .export-btn{background:var(--button-bg);border:none;color:var(--button-text);padding:calc(var(--padding-base) * .75);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;text-align:center;flex:1;transition:background .2s ease,transform .1s ease}.reset-options{background:var(--modal-bg);padding:var(--padding-base);border-radius:5px;margin:var(--padding-base) 0;display:flex;flex-direction:column;gap:var(--padding-base);border-left:3px solid #e53935}.reset-options-final{border-left-color:#b71c1c}.reset-options label{font-size:var(--font-size-base);font-family:Arial,sans-serif;color:var(--text-color)}.reset-btn-row{display:flex;gap:var(--padding-base)}.reset-continue-btn,.reset-cancel-btn{flex:1;border:none;padding:calc(var(--padding-base) * .75);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;text-align:center;transition:background .2s ease}.reset-continue-btn{background:var(--button-bg);color:var(--button-text)}.reset-continue-btn:hover{background:var(--button-bg-hover)}.reset-cancel-btn{background:var(--input-bg);color:var(--text-color)}.reset-cancel-btn:hover{background:var(--button-bg-hover)}.reset-danger-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;border:none;padding:calc(var(--padding-base) * .75);border-radius:5px;font-size:var(--font-size-base);font-family:Arial,sans-serif;cursor:pointer;background:#e53935;color:#fff;transition:background .2s ease}.reset-danger-btn:hover{background:#b71c1c}.reset-danger-btn .material-icons{font-size:calc(var(--font-size-base) * 1.1)}@media(max-width:768px){.tooltip,.streak-freezes-tooltip{font-size:calc(var(--font-size-base) * .71);padding:2px calc(var(--padding-base) * .75);height:calc(var(--input-height) * .5625);line-height:calc(var(--input-height) * .4375);min-width:40px}.streak-title{font-size:calc(var(--font-size-base) * .86);margin:calc(var(--padding-base) * .25) 0 calc(var(--padding-base) * .75) 0}}