@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";html{--color-bg-dark: oklch(.16 0 0);--color-bg: oklch(.24 0 0);--color-bg-light: oklch(1 0 0);--color-text: oklch(1 0 0);--color-text-muted: oklch(.9 0 0);--color-border: oklch(from var(--color-bg-light) l c h / .3);--color-border-muted: oklch(from var(--color-bg-light) l c h / .2);--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: "Montserrat", 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-loose) 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) 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-text)}html a:hover{text-decoration:underline}html ul,html ol{padding-left:var(--spacing-m);line-height:var(--line-h-loose)}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;font-family:monospace}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}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-2xs);padding:var(--spacing-xs) var(--spacing-s);-webkit-user-select:none;user-select:none;cursor:pointer;font:var(--p);text-shadow:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition-property:color,background-color;--bg: var(--color-bg-light);background-color:var(--bg);color:var(--color-bg-dark)}button svg,.button svg{height:1.3em;width:1.3em}button.secondary,.button.secondary{--bg: var(--color-bg);color:var(--color-bg-light)}button:hover,.button:hover{background-color:oklch(from var(--bg) l c h / .8)}.error{color:var(--color-danger)}.success{color:var(--color-success)}
