@import"https://api.fontshare.com/v2/css?f[]=nunito@1,2&display=swap";html{--bg-hue: 308;--color-bg-dark: oklch(.2 .04 var(--bg-hue));--color-bg: oklch(.25 .06 var(--bg-hue) / .8);--color-bg-light: oklch(.27 .08 var(--bg-hue));--color-text: oklch(1 0 0 / .9);--color-text-muted: oklch(.85 0 0 / .9);--color-highlight: oklch(.75 .2 308);--color-border: oklch(0 0 0 / .5);--color-border-muted: oklch(0 0 0 / .2);--color-primary: oklch(.4 .15 290);--color-secondary: oklch(.3 .05 308 / .8);--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:linear-gradient(var(--color-bg-dark),var(--color-bg-light) 100vh);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)}html h2{font:var(--h2)}html h3{font:var(--h3)}html h4{font:var(--h4)}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-highlight)}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-2xs);padding:var(--spacing-xs) var(--spacing-s);background-color:var(--color-bg-dark);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;padding-block:6px}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}html img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}body{min-height:100dvh;position:relative;display:flex;flex-direction:column;z-index:0;--max-page-width: 1300px}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;-webkit-user-drag:none;cursor:pointer;font:var(--small);font-weight:var(--font-w-semibold);color:var(--color-text-muted);--bg-color: var(--color-primary);background-color:var(--bg-color);transition-property:background-color,color;transition-duration:.1s}button svg,.button svg{filter:drop-shadow(var(--text-shadow));height:1.5em;width:1.5em}button:hover,.button:hover{background-color:oklch(from var(--bg-color) calc(l + .05) c h);color:var(--color-text)}button.secondary,.button.secondary{--bg-color: var(--color-secondary)}.error{color:var(--color-danger)}.success{color:var(--color-success)}