@import"https://api.fontshare.com/v2/css?f[]=nunito@1,2&display=swap";html{--bg-hue: 300;--bg-chroma: .03;--bg-light: .25;--color-bg-dark: oklch(var(--bg-light) var(--bg-chroma) var(--bg-hue));--color-bg: oklch(calc(var(--bg-light) + .05) var(--bg-chroma) var(--bg-hue));--color-bg-light: oklch(calc(var(--bg-light) + .1) var(--bg-chroma) var(--bg-hue));--color-text: oklch(1 0 0);--color-text-muted: oklch(.85 0 0);--color-highlight: oklch(.5 .12 240);--color-border: oklch(0 0 0 / .5);--color-border-muted: oklch(0 0 0 / .2);--color-primary: oklch(.75 .13 276);--color-secondary: oklch(.25 .08 300);--color-danger: oklch(.7 .18 23);--color-warning: oklch(.7 .18 86);--color-success: oklch(.7 .18 151);--color-info: oklch(.7 .18 260);--font-f-heading: "Nunito", sans-serif;--font-f-text: var(--font-f-heading);--font-s-h1: 4.21rem;--font-s-h2: 3.158rem;--font-s-h3: 2.369rem;--font-s-h4: 1.777rem;--font-s-h5: 1.333rem;--font-s-h6: 1.125rem;--font-s-p: 1rem;--font-s-small: .875rem;--font-w-thin: 100;--font-w-extralight: 200;--font-w-light: 300;--font-w-normal: 400;--font-w-medium: 500;--font-w-semibold: 600;--font-w-bold: 700;--font-w-extrabold: 800;--font-w-black: 900;--line-h-tight: 1em;--line-h-base: 1.25em;--line-h-loose: 1.5em;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-s: .75rem;--spacing-m: 1rem;--spacing-l: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 1.75rem;--spacing-3xl: 2.5rem;--spacing-4xl: 3.75rem;--spacing-5xl: 6.25rem;--spacing-6xl: 10rem;--spacing-7xl: 15rem;--h1: var(--font-w-bold) var(--font-s-h1)/var(--line-h-tight) var(--font-f-heading);--h2: var(--font-w-bold) var(--font-s-h2)/var(--line-h-tight) var(--font-f-heading);--h3: var(--font-w-bold) var(--font-s-h3)/var(--line-h-base) var(--font-f-heading);--h4: var(--font-w-bold) var(--font-s-h4)/var(--line-h-base) var(--font-f-heading);--h5: var(--font-w-bold) var(--font-s-h5)/var(--line-h-loose) var(--font-f-heading);--h6: var(--font-w-bold) var(--font-s-h6)/var(--line-h-loose) var(--font-f-heading);--p: var(--font-w-normal) var(--font-s-p)/var(--line-h-base) var(--font-f-text);--small: var(--font-w-normal) var(--font-s-small)/var(--line-h-loose) var(--font-f-text);background-color:var(--color-bg-dark);color-scheme:dark;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-bg-light) var(--color-bg-dark);font-family:var(--font-f-text);color:var(--color-text)}html,html *{margin:0;border:0;padding:0;box-sizing:border-box}html h1{font:var(--h1);letter-spacing:-.02em;word-spacing:-.08em}html h2{font:var(--h2);letter-spacing:-.01em;word-spacing:-.04em}html h3{font:var(--h3);word-spacing:-.02em}html h4{font:var(--h4);word-spacing:-.01em}html h5{font:var(--h5)}html h6{font:var(--h6)}html p{font:var(--p)}html small{font:var(--small)}html a{text-decoration:none;color:var(--color-primary)}html a:hover{text-decoration:underline}html ul,html ol{padding-left:var(--spacing-m)}html input,html select,html textarea{font:var(--p);border-radius:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-bg);border:1px solid var(--color-border);color:inherit;accent-color:var(--color-primary)}html input[type=range],html select[type=range],html textarea[type=range]{padding:0}html input::placeholder,html select::placeholder,html textarea::placeholder{color:oklch(from var(--color-text-muted) l c h / .5)}html select{text-transform:capitalize}html code{white-space:pre;-moz-tab-size:2ch;tab-size:2ch;overflow:auto}html details summary{cursor:pointer}html hr{height:1px;background-color:var(--color-border-muted);margin-block:var(--spacing-xs) var(--spacing-m)}html:has(dialog:popover-open),html:has(dialog[open]){overflow:hidden;user-select:none;-webkit-user-select:none}html:has(dialog:popover-open){pointer-events:none}html dialog:popover-open{pointer-events:auto;-webkit-user-select:text;user-select:text}body{min-height:100dvh;position:relative;display:flex;flex-direction:column;z-index:0;padding-inline:var(--spacing-s)}button,.button{display:flex;gap:var(--spacing-xs);align-items:center;justify-content:center;width:fit-content;text-decoration:none!important;border-radius:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-s);-webkit-user-select:none;user-select:none;background-color:var(--color-bg-light);border:1px solid var(--color-border);transition-property:box-shadow,translate,color;transition-duration:.1s;cursor:pointer;font:var(--small);font-weight:var(--font-w-semibold);color:var(--color-text-muted);--box-shadow: rgba(0, 0, 0, .25) 0px 2px 2px, inset rgba(255, 255, 255, .15) 0px 1px 0px, inset rgba(0, 0, 0, .25) 0px 0px 0px, inset rgba(255, 255, 255, .05) 0px 20px 4px, inset rgba(0, 0, 0, .15) 0px -20px 20px, inset rgba(255, 255, 255, .05) 0px 20px 20px;--hover-box-shadow: rgba(0, 0, 0, .25) 0px 2px 2px, inset rgba(255, 255, 255, .25) 0px 1px 0px, inset rgba(0, 0, 0, .25) 0px 0px 0px, inset rgba(255, 255, 255, .05) 0px 20px 4px, inset rgba(0, 0, 0, .15) 0px -20px 20px, inset rgba(255, 255, 255, .05) 0px 20px 20px;--active-box-shadow: rgba(0, 0, 0, .25) 0px 0px 0px, inset rgba(255, 255, 255, 0) 0px 1px 0px, inset rgba(0, 0, 0, .5) 0px 0px 5px, inset rgba(255, 255, 255, .05) 0px 15px 4px, inset rgba(0, 0, 0, .15) 0px -20px 20px, inset rgba(255, 255, 255, .05) 0px 20px 20px;--text-shadow: 0px 1px 2px oklch(0 0 0 / .9);box-shadow:var(--box-shadow);text-shadow:var(--text-shadow)}button svg,.button svg{filter:drop-shadow(var(--text-shadow));height:1.5em;width:1.5em}button:hover,.button:hover{color:var(--color-text);box-shadow:var(--hover-box-shadow)}button:active,.button:active{translate:0 1px;box-shadow:var(--active-box-shadow)}.error{color:var(--color-danger)}.success{color:var(--color-success)}