@import "https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Martian+Mono:wght@400;600&family=Pixelify+Sans:wght@400;700&family=Silkscreen:wght@400;700&family=Press+Start+2P&family=VT323&family=Jersey+15&family=Micro+5&family=Handjet:wght@400;700&family=Tiny5&family=Workbench&display=swap";
:root{--ink:#0b0a0f;--pit:#121017;--chrome:#17161d;--chrome-hi:#1f1d27;--chrome-line:#2c2936;--chrome-edge:#3a3646;--text:#edebf3;--dim:#8b8697;--faint:#625d70;--accent:#58d5c9;--accent-hi:#7fefe3;--accent-sunk:#58d5c924;--gold:#e8b44a;--danger:#e8695c;--font-ui:"Archivo", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-tag:"Martian Mono", "IBM Plex Mono", monospace;--r:3px;--ruler:17px}html,body{background:var(--chrome);margin:0}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--chrome-line);background-clip:content-box;border:2px solid #0000;border-radius:9px}::-webkit-scrollbar-thumb:hover{background:var(--chrome-edge);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}.mcfont{font-family:Pixelify Sans,monospace}@keyframes glint{0%{background-position:-32px -32px}to{background-position:32px 32px}}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input::placeholder,textarea::placeholder{color:var(--faint);opacity:1}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.caps{font:400 9px var(--font-tag);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.caps-strong{font:600 9px var(--font-tag);letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}.num{font:500 10px var(--font-mono);color:var(--dim);font-variant-numeric:tabular-nums}.app{background:var(--chrome);height:100dvh;color:var(--text);font-family:var(--font-ui);-webkit-user-select:none;user-select:none;flex-direction:column;font-size:12px;display:flex;position:fixed;inset:0}.topbar{background:var(--chrome-hi);border-bottom:1px solid var(--chrome-line);flex-wrap:wrap;flex:none;align-items:center;gap:6px 10px;min-width:0;padding:7px 12px;display:flex}.topbar>*{flex:none}.topbar>.tspacer{flex:auto}.wordmark{font:600 12px var(--font-ui);letter-spacing:.14em;text-transform:uppercase}.body{isolation:isolate;flex:1;min-height:0;display:flex;position:relative}.statusbar{background:var(--chrome-hi);border-top:1px solid var(--chrome-line);height:24px;font:500 10px var(--font-mono);color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;align-items:center;gap:14px;padding:0 12px;display:flex;overflow:hidden}.statusbar b{color:var(--text);font-weight:600}.statusbar .sep{background:var(--chrome-line);width:1px;height:11px}.statusbar .grow{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.dot{vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.statuslink{cursor:pointer;font:inherit;color:var(--accent);text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.rail{background:var(--chrome);flex-direction:column;flex:none;min-height:0;display:flex}.rail-l{border-right:1px solid var(--chrome-line)}.rail-r{border-left:1px solid var(--chrome-line)}.rail.drawer{z-index:30;position:absolute;top:0;bottom:0;box-shadow:0 0 40px #000000b3}.rail.drawer.rail-l{left:0}.rail.drawer.rail-r{right:0}.scrim{z-index:25;cursor:pointer;background:#0605098c;border:none;padding:0;position:absolute;inset:0}.splitter{z-index:20;cursor:col-resize;touch-action:none;background:0 0;border:none;flex:0 0 6px;margin:0 -3px;padding:0;transition:background 90ms}.splitter:hover,.splitter[data-dragging="1"]{background:var(--accent)}.railhead{background:var(--chrome);border-bottom:1px solid var(--chrome-line);flex:none;align-items:center;gap:8px;padding:9px 12px 8px;display:flex}.scroller{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.centre{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{border-bottom:1px solid var(--chrome-line);flex-wrap:wrap;flex:none;align-items:center;gap:6px;min-width:0;padding:7px 12px;display:flex}.tgroup{flex:none;align-items:center;gap:5px;display:flex}.tsep{background:var(--chrome-line);flex:none;width:1px;height:16px}.tspacer{flex:auto;min-width:0}.tnote{font:500 10px var(--font-mono);color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden}.stage{background-color:var(--ink);background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:18px 18px;flex:1;place-items:safe center;min-height:0;padding:34px;display:grid;overflow:auto}@media (max-width:1100px){.stage{padding:18px}}@media (max-width:760px){.stage{padding:10px}}.ruler{color:var(--faint);font:400 8px var(--font-tag);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.ruler-cell{color:var(--dim);place-items:center;display:grid;position:absolute}.ruler-cell[data-on="1"]{color:var(--gold)}.ruler-tick{background:var(--chrome-edge);position:absolute}.mini-stage{border:1px solid var(--chrome-line);border-radius:var(--r);background-color:var(--ink);background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:18px 18px;place-items:center;max-height:320px;padding:12px;display:grid;overflow:auto}.pop-anchor{flex:none;position:relative}.pop{z-index:40;background:var(--chrome-hi);border:1px solid var(--chrome-edge);border-radius:var(--r);min-width:196px;max-height:min(70vh,520px);padding:4px;position:absolute;top:calc(100% + 6px);overflow-y:auto;box-shadow:0 16px 44px #0009}.pop-l{left:0}.pop-r{right:0}.pop-item{text-align:left;width:100%;color:var(--text);font:500 12px var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:2px;padding:7px 9px;display:block}.pop-item:hover:not(:disabled){background:var(--accent-sunk);color:var(--accent-hi)}.pop-item small{color:var(--faint);font:400 10px var(--font-ui);margin-top:2px;line-height:1.35;display:block}.pop-sep{background:var(--chrome-line);height:1px;margin:4px 2px}.keys{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 24px;display:grid}.keys h4{font:400 9px var(--font-tag);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 8px}.keys dl{grid-template-columns:auto 1fr;align-items:baseline;gap:6px 10px;margin:0;display:grid}.keys dt{justify-self:start}.keys dd{font:400 11px var(--font-ui);color:var(--dim);margin:0}kbd{font:500 10px var(--font-mono);background:var(--pit);border:1px solid var(--chrome-edge);color:var(--text);white-space:nowrap;border-bottom-width:2px;border-radius:2px;padding:2px 5px}