@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{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{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{background-color:var(--button-color-selected)}.entry .select.loading button{background-color:var(--button-color-base);color:#0000;text-shadow:0 0 3px rgba(from var(--text-color-highlight) r g b / 50%);pointer-events:none}}@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}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)}.calendar .flow-light .day button{background:radial-gradient(circle, var(--button-color-selected) 19.5%, var(--button-color-base) 20.5%)}.calendar .flow-light .day.today button{background:radial-gradient(circle, var(--button-color-selected) 19.5%, var(--button-color-today) 20.5%)}.calendar .flow-light .day button:hover,.calendar .flow-light .day button:focus-visible{background:radial-gradient(circle, var(--button-color-selected) 19.5%, var(--button-color-hover) 20.5%)}.calendar .flow-light .day button:active,.calendar .flow-light .day.selected button{background:var(--button-color-selected)}.calendar .flow-medium .day button{background:radial-gradient(circle, var(--button-color-selected) 34.5%, var(--button-color-base) 35.5%)}.calendar .flow-medium .day.today button{background:radial-gradient(circle, var(--button-color-selected) 34.5%, var(--button-color-today) 35.5%)}.calendar .flow-medium .day button:hover,.calendar .flow-medium .day button:focus-visible{background:radial-gradient(circle, var(--button-color-selected) 34.5%, var(--button-color-hover) 35.5%)}.calendar .flow-medium .day button:active,.calendar .flow-medium .day.selected button{background:var(--button-color-selected)}.calendar .flow-heavy .day button{background:radial-gradient(circle, var(--button-color-selected) 49.5%, var(--button-color-base) 50.5%)}.calendar .flow-heavy .day.today button{background:radial-gradient(circle, var(--button-color-selected) 49.5%, var(--button-color-today) 50.5%)}.calendar .flow-heavy .day button:hover,.calendar .flow-heavy .day button:focus-visible{background:radial-gradient(circle, var(--button-color-selected) 49.5%, var(--button-color-hover) 50.5%)}.calendar .flow-heavy .day button:active,.calendar .flow-heavy .day.selected button{background:var(--button-color-selected)}@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}}: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}}