@layer reset,variables,fonts,base,components;@layer reset{body{line-height:1.7}input,button,textarea,select{color:inherit;font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}body{margin:0}.visually-hidden{position:absolute;left:0;margin:-1px;border:0;height:1px;width:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none}:focus:not(:focus-visible){outline:none}:focus-visible,.skip-link:focus-visible{outline-width:var(--outline-w);outline-style:var(--outline-s);outline-color:var(--outline-c);outline-offset:var(--outline-o)}.skip-link:focus-visible{width:auto;height:auto;clip:unset;background-color:var(--invert-body-color);box-shadow:0 0 0 6px var(--invert-body-color);padding:10px;outline-offset:0;margin-left:6px;font-size:1.2rem}*{box-sizing:border-box}@media (prefers-reduced-motion: reduce){*,*:after,*:before{animation-duration:0ms;transition-duration:0ms;scroll-behavior:auto}}}@layer variables{:root{color-scheme:light dark;--white: oklch(1 0 307);--black: oklch(from var(--white) calc(l - 1) c h);--accent-color: oklch(.7 .2 307);--danger-color: oklch(from var(--accent-color) l c calc(h*0 - 10) );--success-color: oklch( from var(--accent-color) l calc(c - .06) calc(h*0 + 165) );--body-color: light-dark( oklch(from var(--white) calc(l - 1) c h), oklch(from var(--white) calc(l - .1) c h) );--invert-body-color: light-dark( var(--white), oklch(from var(--white) calc(l - .87) calc(c + .02) calc(h + 350) ) );--border-color: color-mix( in srgb, color-mix(in srgb, var(--body-color), var(--accent-color) 65%), var(--invert-body-color) 29% );--border: 2px solid var(--border-color);--border-color-light: color-mix( in srgb, color-mix(in srgb, var(--body-color), var(--accent-color) 80%), var(--invert-body-color) 50% );--border-hover-color: color-mix( in srgb, color-mix(in srgb, var(--body-color), var(--accent-color) 80%), var(--invert-body-color) 10% );--border-hover: 2px solid var(--border-hover-color);--radius: 6px;--short-transition: .15s;--body-font: "Inclusive Sans", sans-serif;--title-font: "Sono", sans-serif;--outline-w: 3px;--outline-s: dotted;--outline-c: var(--body-color);--outline-o: 3px}}@layer fonts{@font-face{font-family:Inclusive Sans;src:url("./media/InclusiveSans-VariableFont_wght-HSXPY42B.ttf");font-style:normal}@font-face{font-family:Inclusive Sans;src:url("./media/InclusiveSans-Italic-VariableFont_wght-MZ7JVWRO.ttf");font-style:italic}@font-face{font-family:Sono;src:url("./media/Sono-VariableFont_MONO,wght-AJES44TI.ttf");font-style:normal;font-variation-settings:"MONO" .8}}@layer base{body{font-family:var(--body-font);color:var(--body-color);background-color:color-mix(in srgb,var(--invert-body-color),oklch(from var(--black) l calc(c + .3) calc(h + 350)) 3%)}h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:400}h1{font-size:32px}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}*,*:after,*:before{transition:.1s linear}}}@layer components{button,.blink{--button__background-color: var(--accent-color);--darkness-multiplier: 1;--border-color: var(--border-color-light);--button__default__background-color: light-dark( oklch(from var(--button__background-color) calc(l + .35) c h), oklch( from var(--button__background-color) calc(l - var(--darkness-multiplier) * .35) c h ) );--button__hover__background-color: light-dark( oklch(from var(--button__background-color) calc(l + .4) calc(c - .05) h), oklch( from var(--button__background-color) calc(l - var(--darkness-multiplier) * .3) calc(c + .05) h ) );--button__active__background-color: light-dark( oklch(from var(--button__background-color) calc(l + .3) c h), oklch( from var(--button__background-color) calc(l - var(--darkness-multiplier) * .4) c h ) );--top-highlight-percentage: 50%;--bottom-shadow-percentage: 15%;--elevation-1: 1px;--elevation-2: 2px;--elevation-3: 3px;padding:.5rem 1rem;border:var(--border);border-radius:var(--radius);box-shadow:var(--elevation-1) var(--elevation-1) 0 0 var(--border-color),var(--elevation-2) var(--elevation-2) 0 0 var(--border-color),var(--elevation-3) var(--elevation-3) 0 0 var(--border-color);color:light-dark(var(--black),var(--white));font-size:1.1rem;letter-spacing:.1rem;background-color:var(--button__default__background-color);font-family:var(--title-font);font-weight:500;text-decoration:none;display:inline-block;cursor:pointer}:is(button,.blink).success{--button__background-color: var(--success-color)}:is(button,.blink).danger{--button__background-color: var(--danger-color)}:is(button,.blink).secondary{--button__background-color: oklch( from var(--white) l calc(c + .05) calc(h + 350) );--darkness-multiplier: 2}:is(button,.blink):hover,:is(button,.blink):focus-visible{--top-highlight-percentage: 90%;--bottom-shadow-percentage: 0%;scale:1.02;background-color:var(--button__hover__background-color)}:is(button,.blink):active{--top-highlight-percentage: 0%;--bottom-shadow-percentage: 50%;--elevation-1: 1px;--elevation-2: 0;--elevation-3: 0;scale:1 .95;translate:1px 1px;transform-origin:center bottom;background-color:var(--button__active__background-color)}}@layer components{a[href]{text-underline-offset:.15rem}}