:root{--font-xs: clamp(.75rem, .7rem + .2vw, .8rem);--font-sm: clamp(.875rem, .85rem + .3vw, .95rem);--font-md: clamp(1rem, .95rem + .4vw, 1.125rem);--font-lg: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);--font-xl: clamp(1.5rem, 1.25rem + 1vw, 2rem);--font-2xl: clamp(2rem, 1.75rem + 1.5vw, 2.75rem);--font-3xl: clamp(2.5rem, 2rem + 2vw, 3.5rem)}h1{font-size:var(--font-3xl);font-weight:700}h2{font-size:var(--font-2xl);font-weight:600}h3{font-size:var(--font-md);font-weight:600}p,small{font-size:var(--font-sm)}.poppins-thin{font-family:Poppins,sans-serif;font-weight:100;font-style:normal}.poppins-extralight{font-family:Poppins,sans-serif;font-weight:200;font-style:normal}.poppins-light{font-family:Poppins,sans-serif;font-weight:300;font-style:normal}.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.poppins-medium{font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.poppins-semibold{font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.poppins-bold{font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.poppins-extrabold{font-family:Poppins,sans-serif;font-weight:800;font-style:normal}.poppins-black{font-family:Poppins,sans-serif;font-weight:900;font-style:normal}.poppins-thin-italic{font-family:Poppins,sans-serif;font-weight:100;font-style:italic}.poppins-extralight-italic{font-family:Poppins,sans-serif;font-weight:200;font-style:italic}.poppins-light-italic{font-family:Poppins,sans-serif;font-weight:300;font-style:italic}.poppins-regular-italic{font-family:Poppins,sans-serif;font-weight:400;font-style:italic}.poppins-medium-italic{font-family:Poppins,sans-serif;font-weight:500;font-style:italic}.poppins-semibold-italic{font-family:Poppins,sans-serif;font-weight:600;font-style:italic}.poppins-bold-italic{font-family:Poppins,sans-serif;font-weight:700;font-style:italic}.poppins-extrabold-italic{font-family:Poppins,sans-serif;font-weight:800;font-style:italic}.poppins-black-italic{font-family:Poppins,sans-serif;font-weight:900;font-style:italic}.mochiy-pop-one-regular{font-family:Mochiy Pop One,sans-serif;font-weight:400;font-style:normal}.teko-700{font-family:Teko,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.teko-400{font-family:Teko,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}#root{display:none;max-width:1440px;height:100%;flex-grow:1;overflow:hidden;position:relative;box-sizing:border-box;padding:var(--space-sm)}.logo{height:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo img{height:100%}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.subText{min-height:1.2em;font-size:var(--font-xs);color:var(--text-light)}.disabled{color:var(--text-light);pointer-events:none}.strike{text-decoration:line-through;color:var(--text-light)}.main-container{position:relative;width:100%;height:100%}.hidden{visibility:hidden;transition:visibility .45s cubic-bezier(.33,1.3,.66,1) 1}.canvasContainer{width:100%;height:100%;pointer-events:none}.bottom-tool-container,.top-tool-container{position:absolute;z-index:10}.bottom-tool-container{bottom:0%;left:50%;transform:translate(-50%);border-radius:1.75rem;background-color:var(--contrast-bg);color:var(--text)}.timer_tools,.setTime_tools{width:fit-content;display:flex;justify-content:center;gap:.5rem;padding:.5rem}.setTime_tools{padding:.75rem}.bottom-tool-container.hidden{visibility:hidden}.top-tool-container{width:100%;top:0%;left:0%;display:flex;align-items:center;justify-content:space-between;padding:0rem .25rem;gap:.5rem}.top-tool-container .modeBtnContainer,.topToggleContainer{width:auto;display:flex;gap:.5rem}.top-tool-container.exit-up.hidden{visibility:hidden;transition:visibility .42s}.glass{background-color:hsl(from var(--accent-border) h s l / .25);backdrop-filter:blur(4px) saturate(120%);-webkit-backdrop-filter:blur(4px) saturate(120%);border:1px solid hsl(from var(--accent-border) h s l / .35);border-radius:24px}.playContainer{display:flex;align-items:center;gap:.25rem;padding:.25rem;background-color:var(--accent);border-radius:1.25rem}.digital-time{font-size:var(--font-xs);color:var(--accent)}.playBtn{display:flex;flex-direction:column;gap:.5rem}#modalWrapper{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;z-index:var(--z-modal);display:flex;justify-content:center;align-items:end;background-color:transparent}#modalContent{max-width:100vw;max-height:100dvh}.setTimerModal{width:100vw;height:100dvh;display:flex;flex-direction:column}.setTimerModal .progress{padding:1.5rem;width:100%;height:25%;text-align:start}.setTimerModal .progress .value{font-size:var(--font-3xl)}.setTimerModal .input_container{width:100%;height:40%;overflow:hidden;position:relative}.setTimerModal .info_card{width:fit-content;margin-inline:auto;margin-top:auto;background-color:color-mix(in oklab,var(--text) 10%,transparent 90%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-self:flex-end;display:flex;gap:1.25rem;padding:1rem 2rem;border-radius:.5rem}.cardWrapper{text-align:start;padding:.25rem;color:var(--text)}.cardWrapper .card_head{font-weight:500;font-size:x-large}.cardWrapper .card_body{font-size:medium}.divider{width:2px;flex-grow:1;background:radial-gradient(var(--text) 10%,rgba(2,2,2,0) 90%)}.highlight{padding-inline:.25rem;font-style:italic;position:relative}.highlight:after{content:"";position:absolute;top:0;left:0;background-color:hsl(from var(--accent) h s l / 100%);width:100%;height:100%;z-index:-1;transform:skew(-25deg)}.settingModal{width:100%;max-width:680px;height:auto;max-height:100dvh;overflow-y:auto;background-color:hsl(from var(--bg-light) h s l / 90%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);--webkit-backdrop-filter: blur(8px);border:1px solid var(--border-color);box-shadow:0 3px 8px var(--shadow),0 6px 20px var(--shadow);border-radius:.75rem;text-align:left}.settingModal::-webkit-scrollbar{appearance:none;width:0}.setting_mdl_header{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-lg);position:sticky;top:0;background-color:var(--bg-light);border-bottom:1px solid var(--border-color);padding-inline:var(--space-lg)}.setting_mdl_header .title{display:flex;align-items:center;gap:.5rem}.setting_mdl_body{padding:var(--space-lg)}.timerForm{margin:var(--space-md) var(--space-lg);margin-bottom:var(--space-xl)}.timerForm-head{font-size:var(--font-xs);margin-bottom:1rem}.timerForm_body{overflow-x:auto}.section-breaker{border:none;height:1px;background-color:var(--border-color);margin-block:var(--space-lg)}.soundSelect-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;max-width:368px;padding:10px 40px 10px 12px;font-size:var(--font-md);line-height:1.2;color:var(--text);background-color:var(--bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 1px #10182808;cursor:pointer;transition:border-color .12s,box-shadow .12s}.soundSelect-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath fill='%23343A40' d='M7 8L0 0h14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:14px 8px}.soundSelect-field select:focus{outline:none;border-color:var(--accent-border);box-shadow:0 0 0 4px var(--accent-20)}.soundSelect-field select:disabled{opacity:.55;cursor:not-allowed;background-color:#f9fafb}.field{display:inline-block;width:100%}.label{display:block;font-size:var(--font-sm);margin-bottom:6px;color:var(--text-light)}.volume-container{margin-block:var(--space-lg)}.volume-bar{width:100%;margin-inline:auto}#volume-progress{flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:.5rem;background:linear-gradient(90deg,var(--accent) var(--progress),var(--bg) var(--progress))}#volume-progress:hover{height:9px}#volume-progress::-webkit-slider-thumb{appearance:none;width:8px;height:8px;background-color:transparent;cursor:pointer}.volume-indicator{width:2rem;text-align:center}.soundSelect{margin-block:var(--space-sm);padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--space-sm)}.soundSelect-header{border-bottom:1px solid var(--border-color);padding-block:var(--space-sm)}.soundSelect-label{color:var(--text-light);font-size:var(--font-sm)}.soundSelect-body{padding:var(--space-md) var(--space-sm);display:grid;row-gap:var(--space-md)}.soundSelect-field{display:flex;flex-direction:column;gap:6px}.soundSelect-toggle{width:48px;height:24px;background:var(--contrast-bg);border-radius:24px;border:none;cursor:pointer;position:relative;transition:background .2s}.soundSelect-toggle[aria-pressed=true]{background:var(--accent)}.soundSelect-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s}.soundSelect-toggle[aria-pressed=true]:after{transform:translate(24px)}.customScrollBar::-webkit-scrollbar{width:var(--space-xs)}.customScrollBar::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:var(--space-xs)}.xsText{font-size:var(--font-xs)}.mode-timeline-cont{display:flex;align-items:center;-webkit-user-select:none;user-select:none}.mode-timeline{font-size:var(--font-xs);color:var(--text-light);padding:var(--space-xs) var(--space-sm);overflow:hidden;text-wrap:nowrap}.mode-timeline.active{font-size:var(--font-md);color:var(--accent);border-right:2px solid var(--border-color)}@keyframes pulse-pop{0%{transform:scale(1)}50%{transform:scale(1.16)}to{transform:scale(1)}}.pulse-pop{animation:pulse-pop .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}@keyframes jump-settle{0%{transform:translateY(0)}35%{transform:translateY(-8px)}60%{transform:translateY(1px)}to{transform:translateY(0)}}.jump-settle{animation:jump-settle .45s cubic-bezier(.33,1.3,.66,1) 1;will-change:transform}@keyframes slide-up{0%{transform:translateY(50px);opacity:0}70%{transform:translateY(-5px)}to{transform:translateY(0);opacity:1}}.slide-up{animation:slide-up .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}@keyframes enter-right{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes enter-left{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes exit-left{0%{transform:translate(0);opacity:0}to{transform:translate(-50px);opacity:1}}@keyframes exit-right{0%{transform:translate(0);opacity:0}to{transform:translate(50px);opacity:1}}@keyframes exit-up{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes enter-down{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pop-down-setting-modal{to{transform:translateY(100%);opacity:0}}@keyframes pop-up-setting-modal{0%{transform:translateY(100%)}}@keyframes animateText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseOut{0%{transform:scale(1);box-shadow:0 0 hsl(from var(--level-low) h s l / .45)}40%{transform:scale(1.04);box-shadow:0 0 0 14px hsl(from var(--level-low) h s l / .25)}70%{transform:scale(1.01);box-shadow:0 0 0 26px hsl(from var(--level-low) h s l / .08)}to{transform:scale(.98);box-shadow:0 0 0 40px transparent}}.animate-text{display:inline-block;animation:animateText .18s ease-out}.exit-setting-modal{animation:pop-down-setting-modal .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}.enter-setting-modal{animation:pop-up-setting-modal .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}.enter-right{animation:enter-right .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}.enter-left{animation:enter-left .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}.exit-right{animation:exit-right .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}.exit-left{animation:exit-left .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}.exit-up{animation:exit-up .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}.enter-down{animation:enter-down .42s cubic-bezier(.2,1,.3,1) 1;will-change:transform}@keyframes to-left{}.toLeft{animation:to-left .42s cubic-bezier(.2,1,.3,1) 1}@media screen and (min-width:480px){:root{font-size:15px}}@media screen and (min-width:768px){:root{font-size:16px}}@media screen and (min-width:1024px){:root{font-size:17px}}@media screen and (min-width:1440px){:root{font-size:18px}}@media screen and (min-width:1920px){:root{font-size:19px}}:root{font-family:Poppins,sans-serif;font-style:normal;line-height:1.5;font-weight:400;color-scheme:light dark;--accent: #ff6347;--black:#0c0c0c;--white:#fafafa;--accent-dark: #cc5038;--accent-light: #ffa375;--accent-hover: #ff7a5e;--accent-20: hsl(from var(--accent) h s 75% / 20%);--bg: light-dark(var(--white), var(--black));--bg-light: light-dark(#F1F1F1, #161616);--border-color: light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .08));--shadow: light-dark(rgba(0, 0, 0, .12), rgba(0, 0, 0, .6));--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-xxl: 2rem;--text: light-dark(#000, #fff);--text-light: light-dark(#606060, #c0c0c0);--accent-border: hsl(from var(--accent) h s 85%);--contrast-bg: light-dark(#e9e9e9, #060606);--orange: light-dark(var(--accent-light), var(--accent-dark));--z-base: 0;--z-header: 100;--z-sidebar: 200;--z-panel: 300;--z-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-max: 9999;--level-low: #4caf50;--level-medium: #2196f3;--level-high: orange;--level-extreme: var(--accent);--success:#4caf50;--info: #2196f3;--warning: orange;--error: #D32F2F;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;color-scheme:light}html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{width:100vw;height:100dvh;overflow:hidden;display:flex;justify-content:center;padding-block:var(--space-md);background-color:var(--bg);color:var(--text)}body,#root{transition:background-color .6s cubic-bezier(.4,0,.2,1)}button{border:unset;outline:unset;background-color:transparent}@media screen and (max-width:1440px){body{padding-block:0}}.bigDigit{width:100%;height:100%;position:absolute;top:0%;left:50%;transform:translate(-50%) translateY(-4%);font-size:16rem;opacity:.5;padding:1rem;color:var(--orange);-webkit-user-select:none;user-select:none;display:flex;justify-content:space-around;text-align:center;flex-direction:column}@media screen and (min-width:1024px){.bigDigit{height:fit-content;justify-content:center;flex-direction:row;gap:4rem}}@media screen and (min-width:1920px){.bigDigit{font-size:18rem}}@media screen and (min-width:2560px){.bigDigit{font-size:28rem}}@media screen and (max-height:700px){.bigDigit{height:100dvh;font-size:clamp(8rem,12vh,16rem)}}.btn{--btn-bg:transparent;width:fit-content;color:inherit;outline:unset;border:unset;cursor:pointer;background:var(--btn-bg);transition:background-color .22s cubic-bezier(.2,.9,.2,1);white-space:nowrap;font-weight:inherit;padding:.5rem .75rem;font-size:1rem;border-radius:1.25rem;display:flex;justify-content:center;align-items:center;gap:.4rem;-webkit-user-select:none;user-select:none}.btn:hover{background-color:hsl(from var(--text) h s l / 10%)}.btn:disabled{cursor:not-allowed}.btn:active{scale:.975}.btn.is-active{background-color:var(--accent)}.btn-small{padding:var(--space-xs);font-size:var(--space-sm)}.btn_text{display:none}.btn-hero{--btn-bg:var(--accent)}.btn-theme{font-size:medium;font-weight:300;color:hsl(from var(--text) h s 40%)}.btn-theme.is-active{background-color:color-mix(in oklab,var(--theme) 30%,var(--bg) 70%);color:var(--theme);box-shadow:0 0 0 .55px var(--theme)}.btn-border{border:2px solid var(--border-color)}.btn-border.is-active{border-color:var(--accent);background-color:var(--accent-20)}.center-icon{display:grid;place-items:center}@media screen and (min-width:768px){.btn_text{display:block}}.todoContainer{width:100%;height:100dvh;position:fixed;top:0%;right:0%;display:flex;flex-direction:column;background-color:var(--bg-light);padding:0 var(--space-xs);border-radius:var(--space-md);z-index:50}.panel{--offset: 100%;transform:translate(var(--offset));transition:transform .25s ease}.panel.open{--offset: 0%}.todoContainer_head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.todoContainer_head h4{color:var(--accent)}.todoContainer_date{font-size:var(--font-xs);color:var(--text-light)}.todoContainer_body{flex-grow:1;overflow-y:auto;scrollbar-gutter:stable}.todoContainer_foot{padding:var(--space-md) 0;border-top:1px solid var(--border-color);display:flex;justify-content:center;align-items:center}.todo{position:relative;margin-block:var(--space-xs);border-radius:var(--space-sm);display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-sm) var(--space-md) var(--space-lg);gap:var(--space-md)}.todo:hover{background-color:var(--border-color)}.todo.is-active{background-color:var(--accent-20)}.todo_title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--font-sm)}.todo_status{width:fit-content;font-size:var(--font-xs);padding:0 var(--space-xs);border-radius:var(--space-sm)}.todo_status[data-status=pending]{color:var(--level-high);background-color:hsl(from var(--level-high) h s l / 20%)}.todo_status[data-status=completed]{color:var(--level-low);background-color:hsl(from var(--level-low) h s l / 20%)}.todo_status[data-status=active]{color:var(--level-medium);background-color:hsl(from var(--level-medium) h s l / 20%)}.todo_actions{margin-left:auto;color:var(--text-light)}.todo_actions:hover{color:var(--text);cursor:pointer}.todo_actionModal{position:absolute;top:0%;right:var(--space-md);z-index:60;background-color:var(--bg);border-radius:var(--space-sm);box-shadow:2px 2px 10px 2px var(--shadow)}.contextBtn{border-bottom:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);font-size:var(--font-xs);cursor:pointer;-webkit-user-select:none;user-select:none}.contextBtn:hover{background-color:var(--bg-light)}.todo-modal{width:100%;height:fit-content;max-width:100vw;max-height:100vh;background-color:var(--bg);border-radius:var(--space-sm);box-shadow:2px 2px 10px 4px var(--shadow)}.todo-modal_head{padding:var(--space-md);border-bottom:1px solid var(--border-color)}.todo-modal_body{flex-grow:1;overflow-y:auto;padding:var(--space-md)}.todo-modal_foot{padding:var(--space-md) var(--space-lg)}.todo-modal .todo_title{--border-col: var(--border-color);outline:none;border:none;display:block;width:100%;border-radius:var(--space-sm);font-size:var(--font-md);margin-bottom:var(--space-md);padding:var(--space-sm);background-color:var(--border-color);border-bottom:2px solid var(--border-col)}.todo_title:focus{--border-col: var(--accent)}.stepper{margin-block:var(--space-md)}.stepper_step{width:2rem;height:4rem;border-radius:1rem;background-color:var(--contrast-bg);text-align:center;font-weight:600;position:relative;overflow:hidden;z-index:0;cursor:pointer;-webkit-user-select:none;user-select:none}.stepper_step:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:0%;background-color:hsl(from var(--level-color) h s l / 75%);transition:height .2s ease;z-index:-1}.stepper_step.is-active:before{height:100%}.stepper_step span{margin-bottom:0;transition:margin-bottom .21s ease}.stepper_step.is-active span{margin-bottom:100%;color:hsl(from var(--level-color) h s 25%)}.noTodos{width:100%;height:100%;display:flex;justify-content:center;align-items:center;color:var(--text-light)}.noTodos_body{width:fit-content;height:fit-content;text-align:center}.noTodos_body p{font-size:var(--font-xs)}.taskFocusDurationSelector{font-size:var(--font-sm);border:1px solid var(--border-color);border-radius:var(--space-sm);padding:var(--space-xs) var(--space-md);margin-block:var(--space-md)}.taskFocusDurationSelector .head{color:var(--accent)}.taskFocusDurationSelector input[type=radio]{margin-right:var(--space-sm);cursor:pointer}.active-task-holder{position:absolute;min-width:320px;max-width:520px;left:50%;bottom:125%;transform:translate(-50%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--space-sm);font-size:var(--font-sm);line-height:125%;border:2px dashed var(--border-color)}.active-task-holder .no-active-task{padding:var(--space-sm);color:var(--text-light);font-size:var(--font-xs);text-align:center}.no-active-task_link{font-size:var(--font-sm);font-weight:400;color:var(--accent)}.no-active-task_link:hover{opacity:.8}.active-task-holder.is-active{border:unset}.task{width:100%;padding:var(--space-sm) var(--space-lg);background-color:hsl(from var(--border-color) h s 30%);border-radius:var(--space-sm);overflow:hidden}.task-completed{display:grid;grid-template-columns:20% 80%;padding-block:var(--space-xs);background:var(--bg-light);border-radius:var(--space-sm);animation:pulseOut .7s cubic-bezier(.2,.8,.2,1) forwards;will-change:transform,box-shadow,opacity}.task-completed_icon{color:var(--level-low);grid-area:1 / 1 / 3 / 2;place-content:center}.task-completed_label{font-size:var(--font-xs)}.task-completed_title{grid-area:2 / 2}.task_progress{flex-shrink:0;letter-spacing:-.1em}.task_progress_done{color:var(--accent)}.task_content{width:100%;min-width:0;padding-inline:var(--space-sm)}.task_title{align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:0}.task_actions{display:flex;gap:var(--space-sm);align-items:center;padding-left:var(--space-sm);border-left:1px solid var(--border-color)}.task_meta{font-size:var(--font-xs);color:var(--text-light)}.task_remove{position:absolute;top:0%;right:0%;transform:translate(50%,-50%);background-color:var(--contrast-bg)}.task_remove:hover{background-color:var(--level-extreme)}@media screen and (min-width:1024px){.todoContainer{top:10dvh;right:var(--space-lg);height:80dvh;max-width:360px}}.loaderWrapper{width:100%;height:100%;display:grid;place-content:center}.loaderWrapper svg{width:4rem;height:4rem}.loaderWrapper .app-logo{width:5rem;margin:var(--space-xl)}.loaderWrapper .app-logo img{width:100%}.loader-text{font-weight:700;text-align:center}.loader-subtext{color:var(--text-light)}.rotateNeedle{transform-origin:120px 131px;transform:rotate(0);animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotateNeedle-base{transform-origin:120px 131px;transform:rotate(0);animation:rotate-base 4s linear infinite}@keyframes rotate-base{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notify-host{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;display:flex;flex-direction:column;justify-content:center;gap:.5rem}.notify,.notify-countdown{pointer-events:auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);min-width:280px;max-width:420px;padding:var(--space-sm) var(--space-md);border-radius:var(--space-md);background:var(--bg-light);color:var(--text-primary);box-shadow:0 12px 32px #00000040;will-change:transform,opacity}.notify-countdown{border:1px solid var(--text)}.countdown{color:var(--accent);font-size:var(--font-xl)}.notify-title{font-weight:600;font-size:var(--font-sm)}.notify-message{font-size:var(--font-xs)}.notify--success{border:1px solid var(--success)}.notify--success .notify-title{color:var(--success)}.notify--info{border:1px solid var(--info)}.notify--info .notify-title{color:var(--info)}.notify--warning{border:1px solid var(--warning)}.notify--warning .notify-title{color:var(--warning)}.notify--error{border:1px solid var(--error)}.notify--error .notify-title{color:var(--error)}