html{--hue:300;--chroma:.02;--color-bg-dark:oklch(.25 var(--chroma) var(--hue));--color-bg:oklch(.75 var(--chroma) var(--hue));--color-bg-light:oklch(.9 var(--chroma) var(--hue));--color-text:oklch(0% 0 0);--color-text-muted:oklch(from var(--color-text) l c h / .75);--font-f-heading:Helvetica, sans-serif;--font-f-text:var(--font-f-heading);--font-s-h1:1.75rem;--font-s-h2:1.5rem;--font-s-h3:1.25rem;--font-s-h4:1.125rem;--font-s-p:1rem;--font-s-small:.75rem;--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.125em;--line-h-loose:1.25em;--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);--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);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:var(--color-bg-dark) var(--color-bg-light);font-family:var(--font-f-text);color:var(--color-text)}html,html *{box-sizing:border-box;border:0;margin:0;padding:0}html h1{font:var(--h1)}html h2{font:var(--h2)}html h3{font:var(--h3)}html h4,html h5,html h6{font:var(--h4)}html p{font:var(--p)}html small{font:var(--small)}html a{color:inherit;font-family:monospace, var(--font-f-heading);transition:color .1s}html ul,html ol{list-style:inside square}html details summary{cursor:pointer}html hr{background-color:var(--color-text);height:1px;margin-block:var(--spacing-xs);opacity:.3}: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;max-width:100%}body{z-index:0;--max-readable-width:80ch;--border-main:3px outset var(--color-bg-light);--border-secondary:2px outset var(--color-bg-light);grid-template-rows:auto 1lh;grid-template-columns:min-content auto;min-height:100dvh;display:grid;position:relative}body>main{grid-area:span 2/2;max-height:100dvh;overflow-y:scroll}body>header,body>footer small{padding:0 var(--spacing-3xs)}body>header>a{font:var(--h1)}body>header dl dt{font:var(--small)}body>header dl dd{line-height:var(--line-h-tight)}body>header dl dd:before{content:"| "}body>header dl dd+dt{margin-top:var(--spacing-xs)}body>footer{text-wrap-mode:nowrap}body>footer small{border-top:1px dotted var(--color-bg-dark);width:100%;display:inline-block}@media (width<900px){body{grid-template:auto/auto}body>main{all:unset;justify-self:center}}body>main{border-left:1px dotted var(--color-bg-dark)}button,.button{cursor:pointer;border:var(--border-secondary);background-color:var(--color-bg);padding:var(--spacing-2xs);text-decoration:none;display:inline-block}:is(button,.button)[hidden]{display:none}div.cooltest{padding:var(--spacing-4xl);background-color:#000}div.cooltest button{all:unset;color:#fff;cursor:pointer;background-color:oklch(30% 0 0);border-radius:4px;padding:2px 8px;position:relative}div.cooltest button:before{content:"";border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffff4d,#0000 75%);padding:.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}div.cooltest button:after{content:"";border-radius:inherit;filter:blur(1px);background-color:#ffffff1a;width:100%;height:50%;position:absolute;top:0;left:0}div.cooltest button:active{translate:0 1px}.dev{border:var(--border-secondary);border-style:dashed;border-color:red}