@import"https://api.fontshare.com/v2/css?f[]=synonym@400&f[]=chillax@600&display=swap";html{--color-bg-dark: oklch(0 0 0);--color-bg: oklch(.14 0 0);--color-bg-light: oklch(.18 0 0);--color-text: oklch(1 0 0);--color-text-muted: oklch(.75 .01 261);--color-highlight: oklch(.5 .12 240);--color-border: oklch(.4 .03 259 / .5);--color-border-muted: oklch(.4 .03 259 / .1);--color-primary: oklch(.55 .22 263);--color-secondary: oklch(.63 .23 304);--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: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, 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-text-muted) 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:focus-visible,html *:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}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-s);padding:var(--spacing-xs) var(--spacing-s);background-color:transparent;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:var(--color-text-muted)}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}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-s);padding:var(--spacing-s) var(--spacing-l);transition-property:background-color,translate;transition-duration:.2s;--bg-color: var(--color-text);--muted: oklch(from var(--bg-color) calc(l - .1) c h);color:var(--color-bg-dark);background-color:var(--bg-color);border:1px solid var(--muted);border-top:none}button.blue,.button.blue{color:var(--color-text);--bg-color: var(--color-primary)}button.transparent,.button.transparent{color:var(--color-text);--bg-color: oklch(from var(--color-text) l c h / .05)}button:not(:disabled),.button:not(:disabled){cursor:pointer}button:not(:disabled):hover,.button:not(:disabled):hover{background-color:var(--muted)}button:not(:disabled):active,.button:not(:disabled):active{translate:0 1px}button:disabled,.button:disabled{filter:brightness(.5);cursor:not-allowed}button svg,.button svg{width:1.2em;height:1.2em}.error-msg{color:var(--color-danger)}
