*,:before,:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:optimizespeed}img,picture,svg,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:where(a){color:inherit}@font-face{font-family:"Web IBM VGA 8x16";src:url(/assets/web-ibm-vga-8x16.subset-Ce57aHaT.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+20-7E,U+2500-257F,U+2580-259F}:root{--vga-black:#000;--vga-blue:#00a;--vga-green:#0a0;--vga-cyan:#0aa;--vga-red:#a00;--vga-magenta:#a0a;--vga-brown:#a50;--vga-light-gray:#aaa;--vga-dark-gray:#555;--vga-light-blue:#55f;--vga-light-green:#5f5;--vga-light-cyan:#5ff;--vga-light-red:#f55;--vga-light-magenta:#f5f;--vga-yellow:#ff5;--vga-white:#fff;--color-desktop:var(--vga-blue);--color-desktop-dither:var(--vga-dark-gray);--color-editor-bg:var(--vga-blue);--color-editor-text:var(--vga-yellow);--color-menu-bg:var(--vga-light-gray);--color-menu-text:var(--vga-black);--color-hotkey:var(--vga-red);--color-highlight-bg:var(--vga-cyan);--color-highlight-text:var(--vga-black);--color-shadow:var(--vga-black);--syntax-plain:var(--vga-yellow);--syntax-keyword:var(--vga-white);--syntax-comment:var(--vga-light-gray);--syntax-string:var(--vga-light-cyan);--syntax-preprocessor:var(--vga-light-green);--syntax-number:var(--vga-light-red);--font-cell:"Web IBM VGA 8x16", "IBM Plex Mono", ui-monospace, monospace;--cell-font-size:16px;--cell-w:1ch;--cell-h:16px;--cell-line:1;--screen-cols:80;--screen-width:calc(var(--cell-w) * var(--screen-cols))}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background-color:var(--color-desktop);background-image:linear-gradient(45deg, var(--color-desktop-dither) 25%, transparent 25%, transparent 75%, var(--color-desktop-dither) 75%), linear-gradient(45deg, var(--color-desktop-dither) 25%, transparent 25%, transparent 75%, var(--color-desktop-dither) 75%);min-height:100%;color:var(--color-editor-text);font-family:var(--font-cell);font-size:var(--cell-font-size);line-height:var(--cell-line);font-variant-ligatures:none;background-position:0 0,1px 1px;background-size:2px 2px}.cell-grid{font-family:var(--font-cell);font-size:var(--cell-font-size);line-height:var(--cell-h);letter-spacing:0;white-space:pre;tab-size:4}.boot{min-height:100vh;min-height:100dvh;padding:calc(var(--cell-h) * 2) var(--cell-w);place-items:center;display:grid}.boot__window{background-color:var(--color-editor-bg);color:var(--color-editor-text);box-shadow:calc(var(--cell-w) * 2) var(--cell-h) 0 0 var(--color-shadow);padding:0}.boot__chrome{color:var(--color-editor-text);padding:0 var(--cell-w)}.boot__body{padding:var(--cell-h) calc(var(--cell-w) * 2);white-space:normal;max-width:calc(var(--cell-w) * 44)}.boot__title{font-size:var(--cell-font-size);color:var(--vga-white);margin-bottom:var(--cell-h);font-weight:400}.boot__tagline{color:var(--vga-light-cyan);margin-bottom:var(--cell-h)}.boot__note{color:var(--syntax-comment);margin-bottom:var(--cell-h)}.boot__status{color:var(--color-editor-text)}.boot__caret{color:var(--vga-white);animation:1s step-end infinite boot-blink}@keyframes boot-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.boot__caret{animation:none}}.tokens{max-width:calc(var(--cell-w) * 80);padding:var(--cell-h) calc(var(--cell-w) * 2) calc(var(--cell-h) * 3);color:var(--vga-white);margin:0 auto}.tokens__header{margin-bottom:calc(var(--cell-h) * 1.5)}.tokens h1{font-size:var(--cell-font-size);color:var(--vga-yellow);font-weight:400}.tokens h2{font-size:var(--cell-font-size);color:var(--vga-light-cyan);margin-bottom:var(--cell-h);font-weight:400}.tokens__header p,.tokens__hint,.tokens__footer{color:var(--syntax-comment)}.tokens__section{margin-bottom:calc(var(--cell-h) * 2)}.tokens__swatches{grid-template-columns:repeat(auto-fill, minmax(calc(var(--cell-w) * 22), 1fr));gap:var(--cell-h) calc(var(--cell-w) * 2);list-style:none;display:grid}.tokens__swatch{align-items:center;gap:var(--cell-w);display:flex}.tokens__chip{width:calc(var(--cell-w) * 4);height:calc(var(--cell-h) * 2);border:1px solid var(--vga-dark-gray);flex:none}.tokens__index{color:var(--vga-dark-gray)}.tokens__swatch-label code{color:var(--syntax-comment)}.tokens__hint{margin-bottom:var(--cell-h)}.tokens__editor{background-color:var(--color-editor-bg);color:var(--color-editor-text);padding:var(--cell-h) var(--cell-w);overflow-x:auto}.tokens__footer{margin-top:calc(var(--cell-h) * 2);padding-top:var(--cell-h);border-top:1px solid var(--vga-dark-gray)}
