.ascii,html.ascii-console{--a-bg:#f2f0eb;--a-panel:#ebe8e1;--a-raised:#e4e0d7;--a-line:#d9d4c9;--a-line-strong:#bdb6a8;--a-fg:#1a1917;--a-muted:#6b675f;--a-dim:#a19b8f;--a-accent:#b4500a;--a-accent-hover:#9a4408;--a-accent-fg:#fff8f2;--a-ok:#3f7d2c;--a-bad:#b23b25;--a-grid:#1a19170d;--a-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .085 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--a-noise-page:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .045 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--a-hatch:repeating-linear-gradient(-45deg, var(--a-line) 0 1px, transparent 1px 7px)}html:has(.ascii-console-root){--a-bg:#f2f0eb;--a-panel:#ebe8e1;--a-raised:#e4e0d7;--a-line:#d9d4c9;--a-line-strong:#bdb6a8;--a-fg:#1a1917;--a-muted:#6b675f;--a-dim:#a19b8f;--a-accent:#b4500a;--a-accent-hover:#9a4408;--a-accent-fg:#fff8f2;--a-ok:#3f7d2c;--a-bad:#b23b25;--a-grid:#1a19170d;--a-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .085 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--a-noise-page:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .045 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--a-hatch:repeating-linear-gradient(-45deg, var(--a-line) 0 1px, transparent 1px 7px)}.dark .ascii,.ascii:where(.dark *),html.dark.ascii-console{--a-bg:#141414;--a-panel:#191919;--a-raised:#1f1f1f;--a-line:#2a2a2a;--a-line-strong:#3d3d3d;--a-fg:#e8e6e1;--a-muted:#8f8b84;--a-dim:#5a5752;--a-accent:#c25a0e;--a-accent-hover:#d96a17;--a-accent-fg:#fff8f2;--a-ok:#86c26f;--a-bad:#e0735c;--a-grid:#e8e6e10b;--a-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--a-noise-page:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}html.dark:has(.ascii-console-root){--a-bg:#141414;--a-panel:#191919;--a-raised:#1f1f1f;--a-line:#2a2a2a;--a-line-strong:#3d3d3d;--a-fg:#e8e6e1;--a-muted:#8f8b84;--a-dim:#5a5752;--a-accent:#c25a0e;--a-accent-hover:#d96a17;--a-accent-fg:#fff8f2;--a-ok:#86c26f;--a-bad:#e0735c;--a-grid:#e8e6e10b;--a-noise:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--a-noise-page:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .035 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.ascii{background-color:var(--a-bg);background-image:var(--a-noise-page);color:var(--a-fg);font-family:var(--a-font-mono), ui-monospace, SFMono-Regular, Menlo, monospace;background-size:180px 180px;min-height:100vh;font-size:13px;line-height:1.6}.ascii ::selection{background:var(--a-accent);color:var(--a-accent-fg)}.ascii a{color:inherit;text-decoration:none}.ascii .row{border-bottom:1px solid var(--a-line)}.ascii .frame{border-left:1px solid var(--a-line);border-right:1px solid var(--a-line);max-width:1200px;margin:0 auto;position:relative}.ascii .frame>.x{color:var(--a-line-strong);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-size:13px;line-height:1.6;position:absolute;bottom:-.8em}.ascii .frame>.x.l{left:-.32em}.ascii .frame>.x.r{right:-.32em}.ascii .pad{padding:72px 48px}@media (max-width:760px){.ascii .pad{padding:48px 20px}.ascii .frame{border-left:0;border-right:0}.ascii .frame>.x{display:none}}.ascii .display{font-family:var(--a-font-display), ui-sans-serif, system-ui, sans-serif;letter-spacing:-.035em;color:var(--a-fg);text-wrap:balance;font-weight:300;line-height:1.02}.ascii .lede{font-family:var(--a-font-display), ui-sans-serif, system-ui, sans-serif;color:var(--a-muted);max-width:34rem;font-size:17px;line-height:1.55}.ascii .label{letter-spacing:.08em;text-transform:uppercase;color:var(--a-muted);font-size:11.5px}.ascii .muted{color:var(--a-muted)}.ascii .dim{color:var(--a-dim)}.ascii .accent{color:var(--a-accent)}.ascii .ok{color:var(--a-ok)}.ascii .bad{color:var(--a-bad)}.ascii .fg{color:var(--a-fg)}.ascii .rule{white-space:nowrap;align-items:center;gap:12px;display:flex}.ascii .rule:after{content:"";border-top:1px dashed var(--a-line-strong);flex:1}.ascii .btn{border:1px solid var(--a-line-strong);height:44px;color:var(--a-fg);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:13px;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.ascii .btn:hover{background:var(--a-raised);border-color:var(--a-muted)}.ascii .btn.primary{background:var(--a-accent);border-color:var(--a-accent);color:var(--a-accent-fg)}.ascii .btn.primary:hover{background:var(--a-accent-hover);border-color:var(--a-accent-hover)}.ascii .btn.sm{height:34px;padding:0 12px;font-size:12.5px}.ascii .btn:focus-visible,.ascii a:focus-visible,.ascii button:focus-visible{outline:1px solid var(--a-accent);outline-offset:2px}.ascii .cmd{border:1px solid var(--a-line-strong);background:var(--a-panel);max-width:100%;height:44px;font:inherit;color:var(--a-fg);cursor:pointer;border-radius:2px;align-items:center;padding:0;display:inline-flex}.ascii .cmd>.t{text-overflow:ellipsis;white-space:nowrap;padding:0 14px 0 16px;overflow:hidden}.ascii .cmd>.c{border-left:1px solid var(--a-line-strong);color:var(--a-muted);justify-content:center;align-self:stretch;align-items:center;min-width:74px;padding:0 12px;display:flex}.ascii .cmd:hover>.c{color:var(--a-fg);background:var(--a-raised)}.ascii .cells{background:var(--a-line);gap:1px;display:grid}.ascii .cells>*{background:var(--a-bg)}.ascii .cell{padding:28px}.ascii .cell.panel{background:var(--a-panel)}.ascii .win{background:var(--a-panel);min-width:0}.ascii .win>.bar{border-bottom:1px solid var(--a-line);color:var(--a-muted);justify-content:space-between;padding:10px 16px;font-size:12px;display:flex}.ascii .win>pre{font:inherit;white-space:pre;margin:0;padding:18px 16px 20px;font-size:12.5px;line-height:1.75;overflow-x:auto}.ascii .grid-bg{background-color:var(--a-panel);background-image:linear-gradient(var(--a-grid) 1px, transparent 1px), linear-gradient(90deg, var(--a-grid) 1px, transparent 1px), var(--a-noise);background-position:-1px -1px,-1px -1px,0 0;background-size:24px 24px,24px 24px,180px 180px}.ascii pre.art{white-space:pre;color:var(--a-muted);margin:0;font-size:12.5px;line-height:1.45;font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,DejaVu Sans Mono,Liberation Mono,monospace!important}.ascii .wordmark{white-space:pre;color:var(--a-line-strong);-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(6px,1.7vw,19px);line-height:1.15}.ascii .navlink{font-family:var(--a-font-display), ui-sans-serif, system-ui, sans-serif;color:var(--a-muted);font-size:14px;transition:color .12s}.ascii .navlink:hover{color:var(--a-fg)}.ascii .blink{animation:1.1s step-end infinite ascii-blink}@keyframes ascii-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ascii .blink{animation:none}}.ascii .field{flex-direction:column;gap:6px;display:flex}.ascii .field>label{letter-spacing:.08em;text-transform:uppercase;color:var(--a-muted);font-size:11.5px}.ascii .input{border:1px solid var(--a-line-strong);background:var(--a-panel);width:100%;height:44px;color:var(--a-fg);font:inherit;border-radius:2px;outline:none;padding:0 14px;font-size:13.5px;transition:border-color .12s}.ascii .input::placeholder{color:var(--a-dim)}.ascii .input:focus{border-color:var(--a-accent)}.ascii .btn:disabled{opacity:.55;cursor:default}.ascii .btn.block{width:100%}.ascii .linkish{font:inherit;cursor:pointer;color:var(--a-accent);background:0 0;border:0;padding:0}.ascii .linkish:hover{text-underline-offset:3px;text-decoration:underline}.ascii .linkish.muted{color:var(--a-muted)}.ascii .linkish:disabled{opacity:.5;cursor:default;text-decoration:none}.ascii .or{color:var(--a-dim);align-items:center;gap:12px;font-size:12px;display:flex}.ascii .or:before,.ascii .or:after{content:"";border-top:1px dashed var(--a-line-strong);flex:1}.ascii .notice{border:1px solid var(--a-line);border-left:2px solid var(--a-line-strong);background:var(--a-panel);padding:12px 14px;font-size:12.5px}.ascii .notice.ok{border-left-color:var(--a-ok)}.ascii .notice.bad{border-left-color:var(--a-bad)}.ascii ul.plus{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ascii ul.plus>li{color:var(--a-muted);grid-template-columns:16px 1fr;font-size:12.5px;display:grid}.ascii ul.plus>li:before{content:"+";color:var(--a-accent)}.ascii .featured{box-shadow:inset 0 2px 0 var(--a-accent);position:relative}.ascii .tag{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--a-accent);color:var(--a-accent);border-radius:2px;padding:2px 8px;font-size:11px;display:inline-block}.ascii .win,.ascii .cmd,.ascii .btn.primary,.ascii .input,.ascii .notice,.ascii .grain{background-image:var(--a-noise);background-size:180px 180px}.ascii .cells>.grain{background-color:var(--a-bg);background-image:var(--a-noise);background-size:180px 180px}.ascii .hatch,.ascii .cells>.hatch,.ascii .win>.bar{background-image:repeating-linear-gradient(-45deg, var(--a-line) 0 1px, transparent 1px 7px)}.ascii .cells>.hatch{background-color:var(--a-bg)}.ascii .win>.bar{background-color:var(--a-panel)}.ascii .dots{isolation:isolate;position:relative}.ascii .dots:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(var(--a-line-strong) 1px, transparent 1.3px);opacity:.7;background-size:7px 7px;position:absolute;inset:0 0 0 40%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 85%);mask-image:linear-gradient(90deg,#0000,#000 85%)}.ascii .navbar{background-color:var(--a-bg);background-image:var(--a-noise);background-size:180px 180px}
