@layer base;@layer theme{:root{--p:8px;--g:calc(var(--p)*.5);--font:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;--font-size:150%;--fg-rgb:0,0,0;--bg-oklch:97% .001 106.424;--brand-oklch:49.1% .27 292.581;--red-oklch:50.5% .213 27.518;--green-oklch:50.8% .118 165.612;--yellow-oklch:55.5% .163 48.998;--blue-oklch:50% .134 242.749;--bg:oklch(var(--bg-oklch));--fg:rgb(var(--fg-rgb));--brand:oklch(var(--brand-oklch));--yellow:oklch(var(--yellow-oklch));--red:oklch(var(--red-oklch));--green:oklch(var(--green-oklch));--blue:oklch(var(--blue-oklch));--error:var(--red);--warning:var(--yellow);--info:var(--blue);--success:var(--green)}@media (prefers-color-scheme:dark){:root{--bg-oklch:14.7% .004 49.25;--fg-rgb:255,255,255;--brand-oklch:60.6% .25 292.717;--red-oklch:70.4% .191 22.216;--green-oklch:76.5% .177 163.223;--yellow-oklch:87.9% .169 91.605;--blue-oklch:82.8% .111 230.318}}*{box-sizing:border-box;margin:0}body{font-size:var(--font-size);font-family:var(--font);height:100dvh;min-height:100dvh;max-height:100dvh;color:var(--fg);background-color:var(--bg);flex-direction:column;margin:0;display:flex;overflow:hidden}#root,#app{scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;flex-grow:1;display:flex;overflow:auto}#app::-webkit-scrollbar{display:none}#root::-webkit-scrollbar{display:none}#main-column{padding:var(--p);gap:var(--g);flex-direction:column;flex-grow:1;flex-shrink:0;width:100vw;min-width:100vw;max-width:100vw;display:flex;position:relative;overflow-y:scroll}#app>nav{padding:var(--p);gap:var(--g);scroll-snap-align:start;flex-direction:column-reverse;flex-shrink:0;width:20ch;padding-right:0;display:flex;position:relative}.button.active,button.active{opacity:.5;cursor:inherit}a[href],a[href]:visited{color:var(--brand)}#app>nav>a{color:var(--fg);align-items:center;display:flex}#app>#main{gap:var(--g);padding:var(--p);scroll-snap-align:start;flex-direction:column;justify-items:flex-end;display:flex;overflow:visible auto}textarea,input,.text-input{font:inherit;text-align:inherit;padding:var(--p)var(--p);box-shadow:none;border-radius:var(--p);color:inherit;border:solid 2px color-mix(in srgb,currentColor,transparent 60%);background-color:color-mix(in srgb,currentColor,transparent 80%)}.error textarea,.error input,.error .text-input{border:solid 2px color-mix(in srgb,currentColor,transparent 60%)}img.avatar{border-radius:var(--p);width:1.5em;height:1.5em;color:color-mix(in srgb,currentColor,transparent 50%);overflow:hidden}a[href]:visited.button,a[href].button{color:var(--fg)}select,input[type=button],input[type=submit],button,.button{font:inherit;padding:var(--p)calc(var(--p)*2);box-shadow:none;border-radius:var(--p);align-items:center;gap:var(--g);color:var(--fg);border:solid 2px color-mix(in srgb,currentColor,transparent 60%);background-color:color-mix(in srgb,currentColor,transparent 80%);text-decoration:none;transition:background-color .1s,opacity .1s;display:flex;cursor:pointer!important}input[type=button],input[type=submit],button,.button{text-align:center;justify-content:center;justify-items:center}select:disabled,input[type=button]:disabled,input[type=submit]:disabled,button:disabled,.button:disabled{cursor:not-allowed;color:var(--error);text-decoration:line-through}.badge{opacity:.75;background-color:color-mix(in srgb,currentColor,transparent 80%);border-radius:1ch;align-items:center;padding:2px 4px;font-size:80%;display:inline-flex}select:not(:disabled):hover,input[type=button]:not(:disabled):hover,input[type=submit]:not(:disabled):hover,button:not(:disabled):hover,.button:not(:disabled):hover{background-color:color-mix(in srgb,currentColor,transparent 80%)}main,main>section{gap:var(--g);flex-direction:column;display:flex}main>section:not(:first-child),main>h3:not(:first-child),main>h2:not(:first-child),main>h1:not(:first-child){margin-top:1em}main>.form,main>form{gap:var(--g);padding:var(--p);border-radius:var(--p);background-color:color-mix(in srgb,currentColor,transparent 90%);border:solid 2px color-mix(in srgb,currentColor,transparent 60%);flex-direction:column;display:flex}main>.form>label,main>form>label{gap:var(--g);flex-direction:column;display:flex}hr{margin:var(--p);border:none;border-top:solid 2px color-mix(in srgb,currentColor,transparent 85%)}.spinner{border:5px solid var(--fg);border-bottom-color:var(--red);box-sizing:border-box;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#toaster{opacity:.8;gap:var(--g);bottom:1em;top:inherit;text-align:left;z-index:10;pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed;left:1em;right:1em}#toaster>li{padding:0;padding-left:var(--p);border:solid 2px color-mix(in srgb,currentColor,transparent 85%);background-color:color-mix(in oklch,currentColor,var(--bg)95%);border-radius:var(--p);justify-content:flex-start;margin:0;display:flex}#toaster>li>aside{display:flex}aside{gap:var(--g);display:flex}#toaster>li>aside>button{pointer-events:all;opacity:.5;background-color:#0000;border:0;transition:opacity .1s}#toaster>li>aside>button:hover{opacity:1}#toaster>li>aside{margin-left:auto}.row{gap:var(--g);flex-flow:wrap;display:flex}.column{gap:var(--g);flex-flow:column wrap;display:flex}.grow{flex-grow:1}.desktop-only{display:none!important}@media only screen and (min-width:1200px){.desktop-hidden{display:none!important}.desktop-only{display:inherit!important}body{max-width:100vw}#main-column{width:auto;min-width:inherit}#app>nav{flex-direction:column}#app>#main-column{position:initial;width:auto;min-width:inherit;flex-direction:column;flex-grow:0;flex-shrink:inherit;gap:var(--g);flex-grow:1;width:auto}#toaster{justify-items:flex-end}}}@layer component{.success{color:var(--success)}.info{color:var(--info)}.warning{color:var(--warning)}.error{color:var(--error)}.strikethrough{text-decoration:line-through}}#tsparticles{pointer-events:none}