:root{--white: #ffffff;--white-soft: #f8f8f8;--white-mute: #f2f2f2;--black: #181818;--black-soft: #222222;--black-mute: #282828;--primary: #0066ff;--primary-light: #3385ff;--primary-dark: #0047b3;--primary-bg-light: hsl(216, 100%, 95%);--primary-bg-dark: hsl(216, 100%, 15%);--secondary: #ff4081;--secondary-dark: #c60055;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-light: #00000075;--shadow-dark: #000000cc;--divider-light-1: #3c3c3c4a;--divider-light-2: #3c3c3c1f;--divider-dark-1: #545454a6;--divider-dark-2: #5454547a;--text-light-1: var(--black);--text-light-2: #3c3c3ca8;--text-dark-1: var(--white);--text-dark-2: #ebebeba3;--text-dark-3: #929292a3}body{--color-bg: var(--white);--color-bg-soft: var(--gray-50);--color-bg-mute: var(--gray-100);--color-bg-primary: var(--primary-bg-light);--color-border: var(--gray-200);--color-border-strong: var(--gray-400);--color-text: var(--gray-900);--color-text-mute: var(--gray-600);--color-text-invert: var(--white);--color-heading: var(--gray-900);--color-primary: var(--primary);--color-primary-hover: var(--primary-dark);--color-secondary: var(--secondary);--color-secondary-hover: var(--secondary-dark);--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--error);--color-info: var(--info);--color-shadow: var(--shadow-light);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .25)}body.dark{--color-bg: var(--gray-900);--color-bg-soft: var(--gray-800);--color-bg-mute: var(--gray-700);--color-bg-primary: var(--primary-bg-dark);--color-border: var(--gray-700);--color-border-strong: var(--gray-500);--color-text: var(--gray-100);--color-text-mute: var(--gray-400);--color-text-invert: var(--black);--color-heading: var(--white);--color-primary: var(--primary-light);--color-primary-mute: var(--primary-light);--color-primary-hover: var(--primary);--color-secondary: var(--secondary-light);--color-secondary-hover: var(--secondary);--color-success: #4ade80;--color-warning: #fbbf24;--color-error: #f87171;--color-info: #60a5fa;--color-shadow: var(--shadow-dark);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3)}body.high{--color-bg: var(--white);--color-bg-soft: var(--gray-100);--color-bg-mute: var(--gray-200);--color-bg-primary: var(--primary-bg-light);--color-border: var(--gray-400);--color-border-strong: var(--gray-600);--color-text: var(--black);--color-text-mute: var(--gray-900);--color-text-invert: var(--white);--color-heading: var(--black);--color-primary: var(--primary-dark);--color-primary-hover: var(--gray-700);--color-secondary: var(--secondary);--color-secondary-hover: var(--secondary-dark);--color-success: hsl(142, 71%, 40%);--color-warning: hsl(38, 92%, 40%);--color-error: hsl(0, 84%, 40%);--color-info: hsl(217, 91%, 40%);--color-shadow: var(--shadow-dark);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);font-weight:600}body.high .icon{stroke-width:2.5px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font:inherit;-webkit-tap-highlight-color:transparent}body{color:var(--color-text);background:var(--color-bg);line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*::selection{background-color:var(--color-primary);color:var(--color-text-invert)}a,a:visited{color:var(--color-text);text-decoration:none}.link,.link:visited{text-decoration:underline;color:var(--color-primary)}.page{max-width:1000px;width:100%;margin:0 auto;padding:16px;min-height:200vh}h1{font-size:2.5em;line-height:2.5rem;margin-bottom:1rem}h2{font-size:2em;line-height:2rem;margin-bottom:1rem}h3{font-size:1.5em;line-height:1.5rem;margin-bottom:1rem}h1,h2,h3,h4{color:var(--color-heading);font-weight:bolder}p{margin-bottom:1rem;line-height:1.6rem}.mb-4{margin-bottom:16px}.text-field{outline:none;border:1px solid var(--color-border);border-radius:99px;color:var(--color-text);background-color:transparent;padding:4px 8px}.text-field::placeholder,.text-area::placeholder{color:var(--color-text-mute);-webkit-user-select:none;user-select:none}.text-field:focus,.text-area:focus{outline:2px solid var(--color-border-strong);outline-offset:0px}.text-area{outline:none;border:1px solid var(--color-border);border-radius:1.25em;color:var(--color-text);background-color:transparent;padding:4px 8px;resize:none;field-sizing:content;min-height:12rem}.switch{position:relative;appearance:none;-moz-appearance:none;-webkit-appearance:none;height:1.25em;width:2.75em;background-color:var(--color-bg-mute);border:none;border-radius:99px;transition:background-color .3s;cursor:pointer;outline:2px solid var(--color-border-strong);outline-offset:0px}.switch:before{content:"";position:absolute;width:1em;height:1em;background-color:var(--color-border-strong);left:.25em;top:.125em;border-radius:99px;transition:all .3s}.switch:checked:before{left:1.5em;background-color:var(--color-bg-mute)}.switch:checked{background-color:var(--color-primary);outline-color:var(--color-primary)}.switch:focus-visible{outline-color:var(--color-text)}.dropdown{-webkit-user-select:none;user-select:none;outline:none;border:1px solid var(--color-border);border-radius:99px;color:var(--color-text);background-color:transparent;padding:4px 24px 4px 8px;appearance:none;background:url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="gray" class="size-6"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" /></svg>') 90%/15% no-repeat}.dropdown:focus{outline:2px solid var(--color-border-strong);outline-offset:0px}.dropdown option{background-color:var(--color-bg-soft);color:var(--color-text)}.btn,a.btn{-webkit-user-select:none;user-select:none;outline:none;border:none;border-radius:4px;color:var(--color-text-invert);background-color:var(--color-primary);padding:4px 16px;cursor:pointer;transition:background-color .3s,color .3s,filter .3s;font-weight:700}.btn-icon{display:flex;align-items:center;width:fit-content;gap:.5rem}.btn-icon svg{stroke:none}.btn:hover{box-shadow:var(--shadow-md)}.btn:active{background-color:var(--color-primary-hover)}.btn.fade{background-color:transparent;color:var(--color-primary);box-shadow:unset}.btn.cancel{background-color:transparent;color:var(--color-error);box-shadow:unset}.btn.fade:hover,.btn.cancel:hover{background-color:var(--color-bg-soft)}.btn.fade:active,.btn.cancel:active{background-color:var(--color-bg-mute)}.btn.danger{background-color:var(--color-error)}.btn.danger:active{filter:brightness(.8)}.btn:focus-visible{outline:2px solid var(--color-text);outline-offset:0px}code{padding:4px;border-radius:4px;background-color:var(--color-bg-mute);font-family:monospace;-webkit-user-select:text;user-select:text}code *{background-color:var(--color-bg-mute)}.icon{height:1.375rem;stroke:var(--color-text)}.icon.fill{fill:var(--color-text-mute);stroke:none}.icon.highlight{fill:var(--color-primary)}.icon-btn{display:flex;justify-content:center;border:none;background-color:transparent;padding:.5rem;cursor:pointer;color:inherit;border-radius:99px;transition:background-color .2s}.icon-btn:hover{background-color:var(--color-border)}.icon-btn:disabled,.icon-btn:disabled:hover{cursor:not-allowed;background-color:transparent;opacity:.7!important}.slider{overflow:hidden;width:10em;height:1.25em;-webkit-appearance:none;background-color:var(--color-bg-mute);border:1px solid var(--color-border-strong);border-radius:99px}.slider::-webkit-slider-runnable-track{height:1em;-webkit-appearance:none;color:var(--color-primary);margin-top:-2px}.slider::-webkit-slider-thumb{width:1.15em;-webkit-appearance:none;border-radius:.5em;height:1.15em;cursor:ew-resize;background:var(--color-primary-hover);position:relative;box-shadow:0 0 16px #ffffff4d,-10.5rem 0 0 10rem var(--color-primary);outline:.25em solid var(--color-primary-hover);outline-offset:-.25em;transition:all .3s}.slider::-webkit-slider-thumb:active{box-shadow:0 0 16px 16px #ffffff80,-10.5rem 0 0 10rem var(--color-primary);outline-offset:-.1em}.slider::-moz-range-progress{background-color:var(--color-primary)}.slider::-moz-range-track{background-color:var(--color-border)}.slider::-ms-fill-lower{background-color:var(--color-primary)}.slider::-ms-fill-upper{background-color:var(--color-border)}.toast-stack{position:fixed;top:12px;right:12px;list-style-type:none;display:flex;flex-direction:column;gap:12px;max-width:300px;width:100%;z-index:5}.toast{position:relative;background-color:var(--color-bg);display:block;flex:1;box-shadow:var(--shadow-md);border-radius:4px;border:1px solid var(--color-border);border-left:4px solid var(--color-info);color:var(--color-info)}.toast.success{border-left:4px solid var(--color-success);color:var(--color-success)}.toast.warning{border-left:4px solid var(--color-warning);color:var(--color-warning)}.toast.error{border-left:4px solid var(--color-error);color:var(--color-error)}.toast__actions{right:2px;top:2px;display:flex;justify-content:end;align-items:center;position:absolute;opacity:0;transition:opacity .3s}.toast:hover>.toast__actions,.toast:focus-within>.toast__actions{opacity:1}.toast__status{padding:4px 12px 0;display:block;font-weight:700;text-transform:uppercase}.toast__text{padding:0 12px 4px;margin:0;color:var(--color-text)}.toast__progress{display:block;height:.25em;width:100%;background-color:var(--color-border);border-top-right-radius:.5em}.toast__progress{animation:progress 3s linear}.toast__progress.--preserved{animation:progress 15s linear 2s}.icon--toast{fill:var(--color-text);height:1em}@keyframes progress{0%{width:0%}to{width:100%}}.toast-enter-from,.toast-leave-to{margin-top:-73px;opacity:0}.toast-enter-active,.toast-leave-active{transition:.3s ease all}@media (prefers-reduced-motion: reduce){.toast-enter-active,.toast-leave-active{transition:none}}.search__container{position:fixed;top:.5em;right:.5em;max-width:80vw;max-height:80vh;z-index:8}.searchbar{display:flex;align-items:center;background-color:var(--color-bg);overflow:hidden;border-radius:.5em .5em 0 0;box-shadow:var(--shadow-md);padding:.75em}.searchbar input{flex:1;border:none;outline:none;background-color:transparent;min-width:2em}.searchbar input::-webkit-search-cancel-button{display:none}.searchbar:has(input:focus-visible){outline:2px solid var(--color-border-strong)}.search__results{list-style-type:none;margin-top:.5em;background-color:var(--color-bg);border-radius:0 0 .5em .5em;box-shadow:var(--shadow-md);overflow:auto;max-height:80vh}.search__results a{display:block;padding:.25em .5em;border-bottom:1px solid var(--color-border)}.search__results a:hover{background-color:var(--color-bg-mute)}.search__results a:focus{background-color:var(--color-bg-mute);outline:1px solid var(--color-border);outline-offset:-1px}.search__error{display:flex;flex-direction:column;gap:.25em;align-items:center;padding:.5em}.search__error p{margin:0}.search__error svg{height:2em}.search__shadow{position:fixed;top:0;left:0;background-color:var(--color-shadow);height:100vh;width:100vw;z-index:7}@media (max-width: 550px){.search__results{max-width:100%}.search__container{top:0;left:0;right:0;max-width:100%;width:100%}.searchbar{border-radius:0}.search__results{border-top:2px solid var(--color-border);margin-top:0}}.search-fade-enter-from,.search-fade-leave-to{scale:0;opacity:0;transform-origin:100% 0%}.shadow-fade-enter-from,.shadow-fade-leave-to{opacity:0}.search-fade-enter-active,.search-fade-leave-active,.search-list-enter-active,.search-list-leave-active,.shadow-fade-enter-active,.shadow-fade-leave-active{transition:all .3s}.search-list-enter-from,.search-list-leave-to{opacity:0;margin-top:-2.15em}.search-list-enter-from:has(svg),.search-list-leave-to:has(svg){margin-top:-4.75em}@media (prefers-reduced-motion: reduce){.search-fade-enter-active,.search-fade-leave-active,.search-list-enter-active,.search-list-leave-active,.shadow-fade-enter-active,.shadow-fade-leave-active{transition:none}}header{position:sticky;left:0;top:0;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:1.125em;color:var(--color-text);background-color:var(--color-bg-primary);padding:.75em .5em;transition:all .3s;z-index:5;font-weight:bolder}header.shadow{box-shadow:var(--shadow-md)}footer{padding:2em 2em 8em;background-color:var(--color-bg-mute);color:var(--color-text-mute);font-size:.875em}footer strong{font-weight:bolder}footer .link,footer .link:visited{color:var(--color-primary-hover)}footer ul{list-style-type:none}.confirm{position:fixed;top:2em;left:50%;transform:translate(-50%);transform-origin:0%;padding:1em;max-width:32em;width:100%;border:1px solid var(--color-border);border-radius:.25em;box-shadow:var(--shadow-lg);background-color:var(--color-bg);z-index:20;transition:all .2s ease-in}.confirm__title{font-size:1.25em;line-height:1.6em;margin-bottom:.25em}.confirm__description{color:var(--color-text-mute);margin-bottom:1.5em}.confirm__cta{display:flex;justify-content:flex-end;gap:8px}.confirm::backdrop{background-color:var(--color-shadow);animation:fade-shadow .2s ease-out;transition:background-color .2s ease-in}.confirm.close::backdrop{background-color:transparent}body:has(.confirm[open]){overflow:hidden}.confirm[open]:not(.close){animation:fade-in .3s cubic-bezier(.175,.885,.32,1.275)}.confirm.close{opacity:0;transform:translate(-50%) translateY(-2em)}@keyframes fade-in{0%{opacity:0;transform:translate(-50%) translateY(-2em)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 500px){.confirm{top:unset;max-width:unset;width:100%;bottom:0;left:50%;padding:2em 2em 4em;border:none;border-top:1px solid var(--color-border);border-radius:1.5em 1.5em 0 0;box-shadow:0 200px 0 var(--color-bg)}.confirm.close{opacity:0;transform:translate(-50%) translateY(100%);transform-origin:100% 100%;scale:1 0}@keyframes fade-in{0%{opacity:0;transform:translate(-50%) translateY(100%);scale:1 0;transform-origin:100% 100%}to{opacity:1;transform:translate(-50%) translateY(0);transform-origin:center}}}@keyframes fade-shadow{0%{opacity:0}to{opacity:1}}.mobile-nav{position:fixed;bottom:0;right:0;width:100%;max-width:30em;background-color:var(--color-bg);box-shadow:var(--shadow-lg);border-top:1px solid var(--color-border);border-radius:1em 1em 0 0;-webkit-user-select:none;user-select:none;overflow:hidden;z-index:5}.mobile-nav__list{display:flex;list-style-type:none}.mobile-nav__item{flex:1}.mobile-nav__link{display:flex;flex-direction:column;align-items:center;padding:1em .5em;transition:background-color .3s}.mobile-nav__link:active{background-color:var(--color-bg-primary)}.mobile-nav__link span{color:var(--color-text-mute);transition:color .3s}.mobile-nav__link.router-link-active span{color:var(--color-primary)}.mobile-nav .icon{fill:var(--color-text-mute);stroke:none;transition:fill .3s}.mobile-nav__link.router-link-active .icon{fill:var(--color-primary)}.navbar{z-index:11;position:fixed;border-right:1px solid var(--color-border);border-radius:0 1.5em 1.5em 0;width:80vw;max-width:380px;top:0;left:-100%;height:100vh;height:100dvh;background-color:var(--color-bg);transition:all .25s;display:flex;flex-direction:column;overflow-y:auto}.navbar.open{left:0}.navbar-shadow{border:none;z-index:10;position:fixed;width:100vw;height:100vh;top:0;right:100vw;background-color:transparent;transition:background-color .3s,right 0s .3s}.navbar-shadow.open{background-color:var(--color-shadow);right:0;transition:background-color .3s}.close-icon{margin-left:auto;padding:1rem}.navbar-seperator{border-bottom:2px solid var(--color-border);height:0;margin-block:1rem}.sidenav__item a{padding:6px 16px;display:flex;align-items:center;gap:4px}.sidenav__item a:hover{background-color:var(--color-bg-mute)}.sidenav__item a.highlight{color:var(--color-primary-hover)}.sidenav__item span{flex:1}.sidenav__copyright{color:var(--color-text-mute);padding:0 16px;font-size:.875rem;margin-top:32px;flex:1;display:flex;align-items:end;justify-content:center;text-align:center}@media (min-width: 1000px){.navbar{z-index:1;position:sticky;top:4rem;transform:translate(-100%);margin-bottom:1rem;width:0;height:calc(100vh - 4rem)}.navbar.open{transform:translate(0);width:300px}.navbar-shadow{display:none!important}}@media (max-width: 999px){body:has(.navbar.open){overflow:hidden}}.page__container{display:flex}.page__background{position:relative;width:100%;background-color:var(--color-bg-soft)}.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active{transition:all .3s ease-out}body:has(.slide-left-enter-active),body:has(.slide-left-leave-active),body:has(.slide-right-enter-active),body:has(.slide-right-leave-active){overflow-x:hidden}.slide-left-enter-active,.slide-right-leave-active{z-index:3}.slide-left-enter-to,.slide-left-enter-from,.slide-left-leave-to,.slide-left-leave-from,.slide-right-enter-to,.slide-right-enter-from,.slide-right-leave-to,.slide-right-leave-from{position:absolute;width:100%;background-color:var(--color-bg)}.slide-left-enter-from,.slide-right-leave-to{transform:translate(100vw)}.slide-left-enter-to,.slide-right-leave-from{transform:translate(0)}.slide-left-leave-to,.slide-right-enter-from{transform:translate(-20vw);filter:brightness(.5)}.slide-left-leave-from,.slide-right-enter-to{transform:translate(0)}@media (min-width: 1000px){.slide-right-enter-active,.slide-left-enter-active,.slide-left-leave-active,.slide-right-leave-active{transform:unset;filter:unset;position:unset;transition:opacity .3s ease-in-out}.slide-right-enter-from,.slide-right-leave-to,.slide-left-enter-from,.slide-left-leave-to{opacity:0}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:0}@media (prefers-reduced-motion: reduce){.slide-left-enter-active,.slide-left-leave-active,.slide-right-enter-active,.slide-right-leave-active,.fade-enter-active,.fade-leave-active{transition:none}}.task__item{padding:.5rem 1rem;display:flex;align-items:center;border-bottom:1px solid var(--color-border);touch-action:pan-y;transition:transform .1s}.task__item:has(.task__list-toggle){align-items:start}.task__checkmark{width:2rem;height:2rem;margin-right:.5rem;border:1px solid var(--color-border);border-radius:50%;cursor:pointer;background-color:transparent;overflow:hidden;flex-shrink:0}.task__checkmark:focus{outline-color:var(--color-border-strong)}.task__checkmark.small{width:1.2rem;height:1.2rem}.task__checkmark.small svg{transform:scale(1.2)}.task__checkmark svg{background-color:transparent;stroke:transparent;fill:transparent;transition:all .2s}.task__checkmark.visible svg{background-color:var(--color-primary);stroke:var(--color-bg);fill:var(--color-bg)}.task__checkmark.visible:focus{outline-color:var(--color-text)}.task__item svg{flex-shrink:0}.task__content{flex:1;overflow:hidden}.task__header{display:flex;align-items:center}.task__header h3{margin:0;margin-right:.5rem}.task__recurring-indicator-icon{stroke:var(--color-primary)}.task__header .task__edit-btn{margin-left:auto}.task__long-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;padding:1px}.list__open .task__long-text{white-space:wrap;text-overflow:unset}.task__detail{display:flex;align-items:center;gap:.5rem}.task__detail span{margin:0;margin-right:1rem}.task__detail span{white-space:nowrap}.task__subtask-list{list-style-type:none;padding-inline-start:2rem}.task__subtask{display:flex;align-items:center}.task__section{background-color:var(--color-bg);border-radius:.5rem;box-shadow:var(--shadow-sm);margin-bottom:2rem;overflow:hidden}.section__header{display:flex;align-items:center;padding:.5rem 1rem}.section__header h2{margin:0;margin-left:.2rem}.task__list{list-style-type:none}.main-add-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-block:4rem;text-align:center}.main-add-empty-indicator{height:5rem;fill:var(--color-primary-hover)}.task__list_reveal-enter-active,.task__list_reveal-leave-active,.task__fade-enter-active,.task__fade-leave-active{transition:all .2s;overflow:hidden;interpolate-size:allow-keywords}.task__list_reveal-enter-from,.task__list_reveal-leave-to{height:0px;opacity:0}.task__list_reveal-enter-to,.task__list_reveal-leave-from{height:auto;opacity:1}.task__fade-enter-to,.task__fade-leave-from{transform:translate(0)!important;height:auto;opacity:1}.task__fade-enter-from,.task__fade-leave-to{transform:translate(100%)!important;height:0px;opacity:0}@media (prefers-reduced-motion: reduce){.task__list_reveal-enter-active,.task__list_reveal-leave-active,.task__fade-enter-active,.task__fade-leave-active{transition:none}}.list-fab{position:fixed;bottom:6rem;right:1rem;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary);border-radius:3rem;box-shadow:var(--shadow-lg)}.list-fab svg{stroke:var(--color-bg);fill:var(--color-bg)}@media (min-width: 1000px){.list-fab{bottom:1rem}}