@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@layer defaults{.calendar{color:var(--text-color-base);grid-template-columns:repeat(7,min-content);justify-items:center;row-gap:1.5rem;display:grid}.calendar .header{font-size:1.4rem}.calendar .header.today{color:var(--text-color-highlight)}.calendar .day{flex-flow:column;align-items:center;gap:.5rem;padding:0 1.5rem;display:flex;position:relative}.calendar .day button{background-color:var(--button-color-base);border-width:0;border-radius:100%;width:6rem;height:6rem}.calendar .day.today button{background-color:var(--button-color-today)}.calendar .day button:hover,.calendar .day button:focus-visible{background-color:var(--button-color-hover)}.calendar .day button:active,.calendar .day.selected button{background-color:var(--button-color-selected)}.calendar .day.selected button:active{background-color:var(--button-color-base)}.calendar .day button:hover+label,.calendar .day button:focus-visible+label,.calendar .day button:active+label,.calendar .day.selected label{color:var(--text-color-highlight)}.calendar .day.selected button:active+label{color:var(--text-color-base)}.calendar .day label{font-size:1.3rem}.calendar .day svg{pointer-events:none;width:2.5rem;height:7.5rem;position:absolute;top:-1rem;left:-1.25rem}.calendar .day svg text{fill:var(--text-color-base);dominant-baseline:middle;text-anchor:middle}.calendar .day svg line{stroke:var(--text-color-base);stroke-linecap:round;stroke-dasharray:6 8}.entry{color:var(--text-color-highlight);flex-flow:column;display:flex}.entry .header{font-weight:thick;font-size:2rem}.entry label{margin:.8rem 0 .4rem;font-size:1.4rem}.entry .select{gap:.5rem;max-width:100%;display:flex;overflow-x:auto}.entry .select button{background-color:var(--button-color-base);color:var(--text-color-highlight);border-width:0;border-radius:2rem;padding:.8rem;font-size:1rem}.entry .select button:hover,.entry .select button:focus-visible{background-color:var(--button-color-hover)}.entry .select button.selected,.entry .select button:active,.entry .select.required button.selected:active{background-color:var(--button-color-selected);color:var(--text-color-inverted)}.entry .select button.selected:hover,.entry .select button.selected:focus-visible{background-color:var(--button-color-selected-hover)}.entry .select button.selected:active{background-color:var(--button-color-base);color:var(--text-color-highlight)}.entry .select.required button.selected:hover,.entry .select.required button.selected:focus-visible{background-color:var(--button-color-selected)}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--button-color-base:var(--lightningcss-light,oklab(95% 0 0))var(--lightningcss-dark,oklab(25% 0 0));--button-color-hover:var(--lightningcss-light,oklab(95% .1 -.28))var(--lightningcss-dark,oklab(45% .16 -.16));--button-color-selected:var(--lightningcss-light,oklab(80% .14 -.3))var(--lightningcss-dark,oklab(65% .2 -.34));--button-color-selected-hover:var(--lightningcss-light,oklab(85% .12 -.3))var(--lightningcss-dark,oklab(55% .18 -.2));--button-color-today:var(--lightningcss-light,oklab(85% 0 0))var(--lightningcss-dark,oklab(40% 0 0));--text-color-base:var(--lightningcss-light,oklab(65% 0 0))var(--lightningcss-dark,oklab(45% 0 0));--text-color-highlight:var(--lightningcss-light,oklab(40% 0 0))var(--lightningcss-dark,oklab(75% 0 0));--text-color-inverted:var(--lightningcss-light,oklab(97.5% 0 0))var(--lightningcss-dark,oklab(97.5% 0 0))}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{font-family:ui-sans-serif,system-ui,sans-serif}:focus{outline-color:var(--text-color-highlight)}#root>.header{color:var(--text-color-highlight);padding:.6rem;font-size:2rem;position:absolute;top:0;left:0}dialog{border-width:0;position:relative}dialog button.close{background-color:var(--button-color-base);border-width:0;border-radius:100%;width:1.5rem;height:1.5rem;position:absolute;right:1.2rem}dialog button.close:hover,dialog button.close:focus-visible{background-color:var(--button-color-hover)}dialog button.close:active{background-color:var(--button-color-selected)}dialog .entry .date{font-size:1.5rem}@media (orientation:landscape){dialog{border-radius:1rem;max-width:60%;max-height:60%}}@media (orientation:portrait){dialog{border-radius:.5rem .5rem 0 0;width:auto;height:auto;margin-top:40%}}.paginator{flex-flow:column;align-items:center;display:flex}.paginator>button{background-color:var(--button-color-base);color:var(--text-color-base);border-width:0;border-radius:100%}.paginator>button:hover,.paginator>button:focus-visible{background-color:var(--button-color-hover);color:var(--text-color-highlight)}.paginator>button:active{background-color:var(--button-color-selected)}@property --fill{syntax:"<percentage>";inherits:false;initial-value:0%}.calendar .day button{--fill:0%;background:radial-gradient(circle, var(--button-color-selected) calc(var(--fill) - 0.5%), var(--button-color-base) calc(var(--fill) + 0.5%));transition:--fill .5s}.calendar .day.today button{background:radial-gradient(circle, var(--button-color-selected) calc(var(--fill) - 0.5%), var(--button-color-today) calc(var(--fill) + 0.5%))}.calendar .day button:hover,.calendar .day button:focus-visible,.calendar .day.selected button{background:radial-gradient(circle, var(--button-color-selected) calc(var(--fill) - 0.5%), var(--button-color-hover) calc(var(--fill) + 0.5%))}.calendar .flow-light .day button{--fill:20%}.calendar .flow-medium .day button{--fill:35%}.calendar .flow-heavy .day button{--fill:50%}.calendar .day.selected button{--fill:100%}@media (width>=1000px) and (height>=800px){#root>.header{padding:.6rem;font-size:2rem}.paginator{gap:1.5rem}.paginator>button{width:3rem;height:3rem;font-size:1.3rem}}@media ((width>=500px) and (width<=1000px)) or ((height>=400px) and (height<=800px)){#root>.header{padding:.4rem;font-size:1.5rem}.paginator{gap:1rem}.paginator>button{width:2rem;height:2rem;font-size:.9rem}.calendar{row-gap:1rem}.calendar .day{padding:0 .8rem}.calendar .day button{width:3rem;height:3rem}.calendar .day label{position:absolute;top:27.5%}.calendar .day.today label{color:var(--text-color-highlight)}.calendar .day svg{width:2.5rem;height:3.25rem;top:-.25rem;left:-1.25rem}.calendar .day svg text{font-size:.8rem}.calendar .day svg line{stroke-dasharray:4 6}}@media (width<=500px) or (height<=400px){#root>.header{padding:.2rem;font-size:1rem}.paginator{gap:.5rem}.paginator>button{width:1.25rem;height:1.25rem;font-size:.5rem}.calendar{row-gap:.5rem}.calendar .header{font-size:.8rem}.calendar .day{padding:0 .35rem}.calendar .day button{width:1.5rem;height:1.5rem}.calendar .day label{font-size:.8rem;position:absolute;top:25%}.calendar .day.today label{color:var(--text-color-highlight)}.calendar .day svg{width:2.5rem;height:1.75rem;top:-.25rem;left:-1.25rem}.calendar .day svg text{font-size:.4rem}.calendar .day svg line{stroke-dasharray:3 4}}