@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";html{--hue:295;--color-bg-dark:oklch(.18 .05 var(--hue));--color-bg:oklch(.28 .05 var(--hue));--color-bg-light:oklch(.33 .05 var(--hue));--color-text:oklch(.95 .05 var(--hue));--color-text-muted:oklch(from var(--color-text) l c h / .8);--color-accent:oklch(50% .25 300);--color-danger:oklch(70% .18 30);--color-warning:oklch(70% .18 100);--color-success:oklch(70% .18 160);--color-info:oklch(70% .18 260);--font-f-heading:"Roboto", sans-serif;--font-f-text:"Inter", sans-serif;--font-s-h1:2.5rem;--font-s-h2:2.25rem;--font-s-h3:1.777rem;--font-s-h4:1.333rem;--font-s-h5:1.125rem;--font-s-h6:1rem;--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-3xs:.125rem;--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-semibold) var(--font-s-h1)/var(--line-h-tight) var(--font-f-heading);--h2:var(--font-w-semibold) var(--font-s-h2)/var(--line-h-tight) var(--font-f-heading);--h3:var(--font-w-semibold) var(--font-s-h3)/var(--line-h-tight) var(--font-f-heading);--h4:var(--font-w-semibold) var(--font-s-h4)/var(--line-h-tight) var(--font-f-heading);--h5:var(--font-w-semibold) var(--font-s-h5)/var(--line-h-base) var(--font-f-heading);--h6:var(--font-w-semibold) var(--font-s-h6)/var(--line-h-base) 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-base) var(--font-f-text);background-color:var(--color-bg-dark);--lightningcss-light: ;--lightningcss-dark:initial;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 *{box-sizing:border-box;outline-color:var(--color-text);border:0;margin:0;padding:0}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 code{font:var(--p);font-family:monospace}html a{color:inherit;text-decoration:none;transition:color .1s}html details summary{cursor:pointer}html hr{background-color:var(--color-bg-light);height:1px;margin-block:var(--spacing-xs);opacity:.5}:is(html:has(dialog:popover-open),html:has(dialog[open])){-webkit-user-select:none;user-select:none;overflow:hidden}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;width:100%}body{z-index:0;--circle-color:oklch(24.896% .05062 294.356);background-image:radial-gradient(circle at 10% 20%, var(--circle-color), transparent 50%), radial-gradient(circle at 90% 40%, var(--circle-color), transparent 45%), radial-gradient(circle at 50% 80%, var(--circle-color), transparent 60%);--max-readable-width:80ch;--card-border-radius:0 var(--spacing-2xs) var(--spacing-2xs) 0;--card-border:1px solid var(--color-bg-light);--card-bg:linear-gradient(var(--color-bg-light), var(--color-bg) 50%);--card-bg-transparent:linear-gradient(oklch(from var(--color-bg-light) l c h / .9), oklch(from var(--color-bg) l c h / .9) 50%);background-attachment:fixed;flex-direction:column;min-height:100dvh;display:flex;position:relative}main{margin-inline:auto;max-width:1200px;padding-inline:var(--spacing-2xs);margin-bottom:auto}button,.button{cursor:pointer;-webkit-user-select:none;user-select:none;gap:var(--spacing-2xs);width:fit-content;padding:var(--spacing-3xs) var(--spacing-xs);font-family:var(--font-f-text);font-size:var(--font-s-h6);font-weight:var(--font-w-medium);text-wrap-mode:nowrap;color:var(--color-text);--bg-color:var(--color-accent);--bg-color-light:oklch(from var(--bg-color) calc(l + .1) c h);background-image:linear-gradient(var(--bg-color-light), var(--bg-color) 50%);border:2px solid var(--bg-color-light);border-radius:var(--spacing-2xs);--text-shadow:0 2px 2px oklch(0% 0 0/.3);text-shadow:var(--text-shadow);align-items:center;transition-property:border-color,box-shadow,translate;transition-duration:30ms;display:inline-flex;box-shadow:0 2px 4px oklch(0% 0 0/.3)}:is(button,.button).secondary{--bg-color:var(--color-bg-light)}:is(button,.button):active{translate:0 1px;box-shadow:0 1px 1px oklch(0% 0 0/.2)}:is(button,.button)>svg{width:1em;height:1em;filter:drop-shadow(var(--text-shadow))}select{background-color:var(--color-bg-dark);color:var(--color-text);font:var(--p);font-size:var(--font-s-h6);padding:var(--spacing-2xs) var(--spacing-xs);border:1px solid var(--color-bg-light);border-radius:var(--spacing-2xs);min-width:150px}select option:checked{background-color:var(--color-accent)}