@charset "UTF-8";@layer base,component,page,utility;@layer base{html{scroll-behavior:smooth;scroll-padding-top:var(--scroll-padding-top, 0);background-color:var(--clr-bg);color:var(--clr-fg);-webkit-text-size-adjust:none;text-size-adjust:none;box-sizing:border-box;font-family:sans-serif;color-scheme:light dark}body{background-color:Canvas;color:CanvasText}*{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,div,span,a,hr,figure,article,main,aside{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,article,main,dt,dd{font-size:inherit;font-weight:400}textarea,input,label{font-size:1rem;border-color:var(--clr-fg);border-radius:max(.2rem,2px)}input{padding:min(.2rem,3px);border-style:solid;border-width:1px}textarea{resize:vertical;width:100%;min-height:12em;padding:min(.5rem,10px)}button{position:relative;font-size:1rem;appearance:none;margin:0;padding:.25em .5em;background-color:var(--clr-btn-bg);color:var(--clr-btn-fg);display:flex;align-items:center;flex-wrap:wrap;border-radius:8px;overflow:hidden;border:2px dashed transparent;outline:none;&:disabled{background-color:color-mix(in srgb,var(--clr-btn-bg) 70%,transparent)}&:focus-visible{border-color:var(--clr-btn-fg)}@media (any-hover: hover){&:not(:disabled):hover{border-color:var(--clr-btn-fg)}}}svg{display:inline;max-width:100%;vertical-align:text-bottom}img,iframe{max-width:100%;height:auto}ul{list-style:none}table{position:relative;border-collapse:collapse;border:2px solid currentColor;max-width:100%}caption{text-align:left;font-weight:700;padding-left:.2em;padding-bottom:.2em}td,th{border:2px solid currentColor;padding:.2em .3em;background-color:var(--clr-bg);vertical-align:middle;box-sizing:content-box;text-align:left}th{font-weight:700;&[scope=col]{text-align:center}}picture{font-size:0;>img{font-size:1rem}}@media (hover: hover){button{cursor:pointer}}span{color:inherit;font-weight:inherit;font-style:inherit}strong{color:inherit;font-style:inherit}a[href],a[href]:is(:link,:visited,:active){color:inherit;text-decoration:underline}fieldset{padding:0;margin:0;border:none}#wrapper{container-name:outer-wrapper;container-type:inline-size;@media (width >= 80rem){display:grid;grid-template-columns:calc(300px + 2 * var(--space-outer)) 1fr calc(302px + 2 * var(--space-outer));min-height:100dvh;row-gap:5rem;grid-template-rows:1fr min-content;grid-template-areas:"head cnt aside" "head foot aside"}>.item{container-name:outer-element;container-type:inline-size;padding:var(--space-outer);@media (width >= 80rem){&:nth-child(1){grid-area:head;border-right:2px solid color-mix(in srgb,var(--clr-fg) 40%,transparent)}&:nth-child(2){grid-area:cnt;display:grid;height:100%;grid-template-columns:100%;grid-template-rows:min-content 1fr}&:nth-child(3){grid-area:aside;border-left:2px solid color-mix(in srgb,var(--clr-fg) 40%,transparent)}&:nth-child(4){border-top:2px solid color-mix(in srgb,var(--clr-fg) 20%,transparent);grid-area:foot}}@media (width < 80rem){&:nth-child(1){border-bottom:2px solid color-mix(in srgb,var(--clr-fg) 20%,transparent)}&:nth-child(3){display:none}&:nth-child(4){border-top:2px solid color-mix(in srgb,var(--clr-fg) 20%,transparent);margin-top:4rem}}}}:root{--clr-primary: CanvasText;--clr-secondary: CanvasText;--clr-bg: Canvas;--clr-fg: CanvasText;--animation-duration: .3s;--space-outer: min(1em, 20px);--clr-err: #dd0e1f;@media (prefers-color-scheme: dark){--clr-err: #ff6b6b}}button{--clr-btn-fg: var(--clr-bg);--clr-btn-bg: var(--clr-fg)}svg{--svg-clr-fg: var(--clr-fg);--svg-clr-bg: var(--clr-bg)}}