@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:unset}button,input,textarea,select{font:inherit}img,picture,svg,canvas{display:block;max-inline-size:100%;block-size:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}:root{--step--2: clamp(.6331rem, .6087rem + .1223vw, .7035rem);--step--1: clamp(.844rem, .8113rem + .1631vw, .9377rem);--step-0: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--step-1: clamp(1.4996rem, 1.4417rem + .2898vw, 1.6663rem);--step-2: clamp(1.999rem, 1.9217rem + .3863vw, 2.2211rem);--step-3: clamp(2.6647rem, 2.5617rem + .5149vw, 2.9607rem);--step-4: clamp(3.552rem, 3.4147rem + .6864vw, 3.9467rem);--step-5: clamp(4.7348rem, 4.5518rem + .9149vw, 5.2609rem)}:root{--space-3xs: clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs: clamp(.5625rem, .5408rem + .1087vw, .625rem);--space-xs: clamp(.875rem, .8533rem + .1087vw, .9375rem);--space-s: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--space-m: clamp(1.6875rem, 1.6223rem + .3261vw, 1.875rem);--space-l: clamp(2.25rem, 2.163rem + .4348vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2446rem + .6522vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.3261rem + .8696vw, 5rem);--space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);--space-3xs-2xs: clamp(.3125rem, .2038rem + .5435vw, .625rem);--space-2xs-xs: clamp(.5625rem, .4321rem + .6522vw, .9375rem);--space-xs-s: clamp(.875rem, .7446rem + .6522vw, 1.25rem);--space-s-m: clamp(1.125rem, .8641rem + 1.3043vw, 1.875rem);--space-m-l: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);--space-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);--space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);--space-2xl-3xl: clamp(4.5rem, 3.4565rem + 5.2174vw, 7.5rem);--space-s-l: clamp(1.125rem, .6467rem + 2.3913vw, 2.5rem)}:root{--grid-max-width: 77.5rem;--grid-gutter: var( --space-m-l, clamp(1.125rem, .6467rem + 2.3913vw, 2.5rem) );--grid-columns: 12}.container{max-width:var(--grid-max-width);padding-inline:var(--grid-gutter);margin-inline:auto;margin-bottom:var(--space-l)}.grid{display:grid;gap:var(--grid-gutter)}:root{--input-height: 75px}body{background-color:var(--background);color:var(--text);transition:background-color 1s}body,input{color:var(--text);font-family:Rubik,sans-serif;font-weight:300}html,h1,h2,h3,h4{transition:color .8s}hr{border:0;border-top:var(--line) var(--text);padding:var(--space-s) 0}a,a:visited,a:hover,a:active{color:inherit}h1,h2,h3{color:var(--text)}h1{font-size:var(--step-5);text-align:center;margin-bottom:0;line-height:1}h2{font-size:var(--step-1);font-weight:300;margin-bottom:var(--space-s);line-height:1}h3{font-size:var(--step-0);font-weight:300;margin-bottom:var(--space-s);line-height:1}li{font-size:var(--step-0);line-height:var(--step-1)}li:nth-of-type(4n){margin-bottom:var(--space-m-l)}#timer{cursor:pointer}.working{background-color:var(--background-working)}.resting{background-color:var(--background-resting)}.resting .timer{color:#fff}.timer{padding:var(--space-l-xl) 0}.main-header{font-weight:600;padding-bottom:var(--space-3xl);text-align:center;display:flex;flex-direction:column;gap:1rem}.main-header input{font-size:var(--step-2);width:100%;text-align:center}.main-header textarea{font-size:1.2rem;padding:.5rem;width:100%;height:200px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.overlay .content{min-width:400px;min-height:100%;background-color:var(--background);padding:var(--space-l-xl);display:flex;flex-direction:column}.overlay header{margin-bottom:var(--space-m);border-bottom:var(--line) var(--text);padding-bottom:var(--space-2xs)}.clickable{cursor:pointer}:root{color-scheme:light dark;--background: #f4f6f7;--background-resting: #85c1e9;--background-working: #f7dc6f;--text: #000;--text-background: #a6acaf;--error: #e74c3c;--warning: #f1c40f;--dialog-backdrop: rgb(0 0 0 / 0%);--dialog-backdrop-open: rgb(0 0 0 / 25%);--line: 2px solid;--dark-text-working: #d0bcff;--dark-text-resting: #a6e1fa;--dark-background: #1e1e1e;--dark-text: #fce090}html{color-scheme:light}@media (prefers-color-scheme: dark){:root{--background: var(--dark-background);--background-resting: var(--dark-background);--background-working: var(--dark-background);--text: var(--dark-text);--text-background: #95a5a6;--error: #c0392b;--warning: #f39c12;--dialog-backdrop: rgb(25, 25, 25);--dialog-backdrop-open: rgb(1, 1, 1)}.working{--text: var(--dark-text-working)}.resting{--text: var(--dark-text-resting)}}.dark{--background: var(--dark-background);--background-resting: var(--dark-background);--background-working: var(--dark-background);--text: var(--dark-text);--text-background: #95a5a6;--error: #c0392b;--warning: #f39c12;--dialog-backdrop: rgb(25, 25, 25);--dialog-backdrop-open: rgb(1, 1, 1)}.dark .working{--text: var(--dark-text-working)}.dark .resting{--text: var(--dark-text-resting)}form input{font-size:var(--step-0);padding:var(--space-s);border:0;background:transparent;caret-color:var(--text);margin:2px 0}form input::selection{color:#fff;background:var(--text-background)}form input:focus{outline:var(--line) var(--text)}form label+label{margin-left:var(--space-s)}.import-input svg{stroke:var(--text);height:var(--space-m);width:var(--space-m)}.import-input .content{display:flex;flex-direction:row;gap:var(--grid-gutter);align-items:center}form#add{display:grid}@media (max-width: 850px){form#add{grid-template-rows:repeat(5,var(--input-height))}}@media (min-width: 850px){form#add{grid-template-columns:auto 1fr auto auto 85px}}.day{margin-bottom:var(--space-l)}.day h2{margin-bottom:var(--space-s)}td:has(>.fade){opacity:50%}.day table{font-family:Reddit Mono,monospace;font-optical-sizing:auto;font-style:normal}.day table th,.day table td{line-height:var(--step-1)}.day table tr:nth-of-type(4n) th,.day table tr:nth-of-type(4n) td{padding-bottom:var(--step-0)}.day table th{padding-right:var(--space-s);font-weight:300}.day table td{font-weight:400}.reddit-mono{font-family:Reddit Mono,monospace;font-optical-sizing:auto;font-weight:400;font-style:normal}form#edit{grid-template-rows:35px repeat(5 var(--input-height))}form#edit button.icon{justify-self:right;width:35px}form#edit svg{height:100%}@media (min-width: 790px){form#edit{grid-template-columns:35px auto 120px 120px 90px 104px}}form#edit input{width:100%}form#edit #edit-start,form#edit #edit-end{text-align:center}.modal-is-open{overflow:hidden;pointer-events:none;touch-action:none}.modal-is-open dialog{pointer-events:auto;touch-action:auto}dialog{margin:auto;padding:var(--space-l) var(--space-m);border:none;width:calc(100vw - var(--space-s) * 2);max-width:calc(10 * var(--space-3xl));background-color:var(--background)}dialog section{margin-bottom:var(--space-m)}dialog[open]{opacity:1;transform:translateY(0)}dialog{opacity:0;transform:translateY(8);transition:opacity .2s ease-out,transform .2s ease-out,overlay .2s ease-out allow-discrete,display .2s ease-out allow-discrete}@starting-style{dialog[open]{opacity:0;transform:translateY(8px)}}dialog::backdrop{background-color:var(--dialog-backdrop);transition:display .2s allow-discrete,overlay .2s allow-discrete,background-color .2s}dialog[open]::backdrop{background-color:var(--dialog-backdrop-open)}@starting-style{dialog[open]::backdrop{background-color:#0000}}.toast{border:2px solid black;position:absolute;right:var(--space-s);bottom:var(--space-m);opacity:1;transition:opacity .3s ease,transform .3s ease;transform:translatey(0)}.toast.hidden{transform:translatey(5px);opacity:0;transition:opacity .3s ease,transform .3s ease}.toast .content{padding:2rem 3rem;position:relative;display:flex;height:100%;border:1px solid green}.toast #close{position:absolute;top:5px;right:9px;cursor:pointer}button{background-color:transparent;border:var(--line) var(--text);color:var(--text);padding:var(--space-s);text-align:center;text-decoration:none;display:inline-block;font-size:var(--step-0);cursor:pointer}button+button{margin-left:var(--space-m)}button:focus{outline:var(--line) var(--text)}button.error{color:var(--error);border:var(--line) var(--error)}button.error svg{stroke:var(--error)}button.warning{color:var(--warning);border:var(--line) var(--warning)}button.icon{border:0;padding:0}.context-menu{position:fixed;background-color:var(--background);padding:var(--space-m) var(--space-s);box-shadow:0 2px 5px #0003;display:none;border:var(--line) var(--text)}.context-menu :is(&-item){cursor:pointer}.context-menu :is(&-item):hover{text-decoration:underline}