:root{--toggler-button-height: 2rem;--toggler-button-width: var(--toggler-button-height);--slightly-brighten: rgb(255, 255, 255, .25);--root-dark-bg: #111;--root-light-bg: #ccc;color-scheme:light;background-color:var(--root-light-bg);color:#000}:root:has(.dark-theme){color-scheme:dark;background-color:var(--root-dark-bg);color:#fff}html,body{margin:0;padding:0}ul{padding:0;list-style:none;margin:0}.flex-container,.column-stretch-container,.row-container,.column-container,.main-with-others-grouped-row-container{display:flex;gap:1rem}.flex-container *,.column-stretch-container *,.row-container *,.column-container *,.main-with-others-grouped-row-container *{margin:0}.flex-container{align-items:center}.column-stretch-container{flex-flow:column nowrap;align-items:stretch}.row-container{flex-flow:row wrap;justify-content:center}.column-container{flex-flow:column nowrap;align-items:center}.main-with-others-grouped-row-container{align-items:center}.main-with-others-grouped-row-container>.main-item{flex-grow:1}.main-with-others-grouped-row-container>*:not(.main-item){flex-shrink:0}.sun-color{color:#ff0}.moon-color{color:gray}.toggler-icon-only{box-sizing:border-box;width:var(--toggler-button-height);aspect-ratio:1;font-size:1rem!important}.toggler-text-and-icon{display:flex;align-items:center;gap:.5rem}.toggler-transition{background-color:transparent;border:0;transition:background-color .2s;border-radius:.25rem}.toggler-transition:hover{background-color:var(--slightly-brighten)}.unselectable{-webkit-user-select:none!important;user-select:none!important}.styled-as-p{font-size:inherit;font-weight:400}#root{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}#checklist *:not(h1,h2,h3,h4,h5,h6),#visualizer *:not(h1,h2,h3,h4,h5,h6),#home *:not(h1,h2,h3,h4,h5,h6),#top-header *:not(h1,h2,h3,h4,h5,h6){font-size:inherit}#top-header{padding:1rem;border-bottom:1rem solid black;font-size:1rem;background-color:#ff00ff80}#top-header>.main-item{text-align:end}#logo a{color:inherit;text-decoration:none}#theme-toggler{height:var(--toggler-button-height);box-sizing:border-box}main{position:relative}#menu{width:fit-content;height:100%;padding:1rem;box-sizing:border-box;overflow-y:auto;position:absolute;top:0;text-align:center;--indigo-as-hsl: 240, 20%;background-color:hsl(var(--indigo-as-hsl),60%);z-index:10}#menu li{padding:0 .25rem;background-color:#fff}.dark-theme #menu{background-color:hsl(var(--indigo-as-hsl),35%)}.dark-theme #menu li{background-color:#000}#menu .place-content-at-the-end{order:10;flex-grow:1;display:flex;flex-flow:column nowrap;gap:1rem;justify-content:end;align-items:stretch}#checklist,#visualizer,#home,#data-error{width:90%;min-width:min-content;padding:1rem 0;margin:0 auto;max-width:1000px;text-align:center;font-size:1.25rem}#checklist h1,#visualizer h1,#home h1,#data-error h1{font-size:1.25em}#checklist *,#visualizer *,#home *,#data-error *{margin:0}#checklist #todos{width:100%;--text-input-size: 10ch;--checkbox-input-size: 1.5rem;--biggest-helper-wrapper-size: ( 1rem + var(--biggest-input-size) + 1rem + var(--toggler-button-width) )}#checklist #todos input[type=checkbox]{width:var(--checkbox-input-size);aspect-ratio:1}#checklist #todos input[type=time]{max-width:var( --text-input-size )}#checklist #todos input[type=text],#checklist #todos input[type=number]{width:var(--text-input-size)}#checklist #todos:has(.main-with-others-grouped-row-container input[type=checkbox]){--biggest-input-size: var(--checkbox-input-size)}#checklist #todos:has(.main-with-others-grouped-row-container input:is([type=text],[type=number],[type=time])){--biggest-input-size: var(--text-input-size) + 2rem}#checklist .todo{width:100%;padding:.5rem;box-sizing:border-box;background-color:#ff282880}#checklist .todo p,#checklist .todo h1,#checklist .todo h2,#checklist .todo h3,#checklist .todo h4,#checklist .todo h5,#checklist .todo h6{overflow-wrap:anywhere}#checklist .todo .main-with-others-grouped-row-container{width:100%;flex-flow:row nowrap;justify-content:space-between}#checklist .todo .main-with-others-grouped-row-container>.main-item{width:calc(100% - var(--biggest-helper-wrapper-size));flex-grow:0}#checklist .todo .frequency-menu-wrapper{position:relative}#checklist .todo .frequency-menu-wrapper .frequency-menu{--padding-frequency-toggler-label: .25rem;--height-of-frequency-toggler-label: calc( var(--padding-frequency-toggler-label) * 2 + max(1rem, var(--checkbox-input-size)) );display:flex;flex-direction:column;overflow-y:auto;scrollbar-gutter:stable;max-height:calc(5 * var(--height-of-frequency-toggler-label));align-items:stretch;position:absolute;left:50%;translate:-50%;top:100%;z-index:1;background-color:var(--root-light-bg);border:1px solid var(--root-dark-bg)}#checklist .todo .frequency-menu-wrapper .frequency-menu.over-the-button{flex-direction:column-reverse}#checklist .todo .frequency-menu-wrapper .frequency-menu .frequency-toggler-label{width:100%;box-sizing:border-box;padding:var(--padding-frequency-toggler-label);justify-content:space-between}#checklist .todo .frequency-menu-wrapper .frequency-menu.over-the-button{top:unset;bottom:100%}.dark-theme :is(#checklist .todo .frequency-menu-wrapper .frequency-menu){background-color:var(--root-dark-bg);border:1px solid var(--root-light-bg)}@media (max-width: 500px){#checklist .todo .main-with-others-grouped-row-container{flex-flow:row wrap;justify-content:center}#checklist .todo .main-with-others-grouped-row-container>.main-item{width:auto;flex-grow:1}}#visualizer .day{padding:.25rem;border:1px solid black}.dark-theme :is(#visualizer .day){border-color:#fff}#visualizer .checked{color:green}#visualizer .unchecked{color:red}footer{background-color:#000;height:1rem}@media (prefers-reduced-motion){.toggler-transition{transition:none!important}}