.bench-page{max-width:var(--page-max);padding-bottom:var(--space-3xl);margin:0 auto}.bench-page__head{padding:var(--space-2xl) 0 var(--space-lg)}.bench-page__kicker{margin:0 0 var(--space-sm);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent);font-weight:700;font-stretch:112%}.bench-page__title{font-size:var(--text-display-s)}.bench-page__lede{max-width:var(--measure);margin:var(--space-lg) 0 0;font-size:var(--text-md);color:var(--color-ink-2);line-height:1.5}.bench{display:block}.bench-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:0;font-weight:700;font-stretch:112%}.bench-h{align-items:baseline;gap:var(--space-2xs) var(--space-sm);margin:0 0 var(--space-sm);font-size:var(--text-sm);letter-spacing:.02em;flex-wrap:wrap;font-weight:760;font-stretch:112%;display:flex}.bench-h__note{font-size:var(--text-xs);color:var(--color-muted);letter-spacing:0;font-weight:500;font-stretch:100%}.bench .btn--small{min-height:2.25rem;padding:0 var(--space-md);font-size:var(--text-xs)}.bench-programs{align-items:center;gap:var(--space-2xs);padding:var(--space-3xs);border-radius:calc(var(--radius-md) + var(--space-3xs));background:var(--color-paper-2);border:0;flex-wrap:wrap;margin:0;display:flex}.bench-programs>.bench-label{float:left;padding:0 var(--space-sm);line-height:2.5rem}.bench-program{min-height:2.5rem;padding:0 var(--space-md);border-radius:var(--radius-md);color:var(--color-muted);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out);align-items:center;font-weight:620;display:inline-flex;position:relative}.bench-program input,.bench-speed input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.bench-program:has(input:checked){background:var(--color-paper-4);color:var(--color-ink)}.bench-program:has(input:focus-visible),.bench-speed:has(input:focus-visible){outline:var(--rule-focus) solid var(--color-focus);outline-offset:2px}@media (hover:hover){.bench-program:hover,.bench-speed:hover{color:var(--color-ink)}}.bench-summary{max-width:var(--measure);margin:var(--space-md) 0 var(--space-lg);color:var(--color-ink-2)}.bench-grid{gap:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.bench-grid>*{min-width:0}.bench-stage,.bench-code,.bench-analyzer,.bench-regs,.bench-tape,.bench-io{border-radius:var(--radius-md);background:var(--color-paper-2)}.bench-analyzer,.bench-regs,.bench-tape,.bench-io{padding:var(--space-md)}@media (width>=48rem){.bench-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bench-stage,.bench-code,.bench-transport,.bench-status,.bench-analyzer,.bench-io{grid-column:1/-1}}@media (width>=78rem){.bench-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr) minmax(0,1fr)}.bench-stage{grid-column:1/3}.bench-code{grid-area:1/3}.bench-transport,.bench-status,.bench-analyzer{grid-column:1/-1}.bench-io{grid-column:auto}}.bench-stage{aspect-ratio:1;isolation:isolate;background:radial-gradient(120% 90% at 55% 45%, var(--color-paper-3), var(--color-stage-fog));position:relative;overflow:hidden}@media (width>=30rem){.bench-stage{aspect-ratio:4/3}}@media (width>=48rem){.bench-stage{aspect-ratio:16/9}}@media (width>=78rem){.bench-stage{aspect-ratio:auto;min-height:30rem}}.bench-stage__canvas{cursor:grab;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.bench-stage__canvas:active{cursor:grabbing}.bench-hud{left:var(--space-sm);top:var(--space-sm);z-index:1;gap:var(--space-3xs);max-width:calc(100% - 2 * var(--space-sm));padding:var(--space-xs) var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-md);background:color-mix(in oklch, var(--color-paper) 78%, transparent);backdrop-filter:blur(10px);font-family:var(--font-mono);font-size:var(--text-xs);pointer-events:none;line-height:1.5;display:grid;position:absolute}.bench-hud p{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.bench-hud__line{color:var(--color-accent);font-weight:700}.bench-hud__fn{color:var(--color-ink-2)}.bench-hud__time{color:var(--color-muted);font-variant-numeric:tabular-nums}.bench-stage__hint{right:var(--space-sm);bottom:var(--space-xs);z-index:1;font-size:var(--text-xs);color:var(--color-neutral);pointer-events:none;margin:0;position:absolute}.bench-flat{display:none}.bench.is-flat .bench-flat{place-content:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-lg) var(--space-lg);flex-wrap:wrap;display:flex;position:absolute;inset:0}.bench.is-flat .bench-stage__canvas,.bench.is-flat .bench-stage__hint{display:none}.bench-flat__led{justify-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);display:grid}.bench-flat__led[hidden]{display:none}.bench-flat__lamp{--glow:0;aspect-ratio:1;background:color-mix(in oklch, var(--color-accent) calc(var(--glow) * 100%), var(--color-paper-4));width:2.25rem;box-shadow:0 0 calc(var(--glow) * 28px) calc(var(--glow) * 6px) color-mix(in oklch, var(--color-accent) 55%, transparent);border-radius:50%}.bench-code{flex-direction:column;max-height:36rem;display:flex;overflow:hidden}.bench-src{border-radius:var(--radius-md);flex-direction:column;height:100%;min-height:0;display:flex}.bench-src[hidden]{display:none}.bench-src__bar{justify-content:space-between;align-items:center;gap:var(--space-2xs) var(--space-sm);padding:var(--space-xs) var(--space-md);background:var(--color-paper-3);flex-wrap:wrap;display:flex}.bench-src__name{font-size:var(--text-xs);color:var(--color-muted);background:0 0;margin:0;padding:0}.bench-src__note{font-size:var(--text-xs);color:var(--color-neutral)}.bench-src pre.astro-code{min-height:0;padding:var(--space-sm) var(--space-sm) var(--space-md) 0;flex:1;margin:0;font-size:.78rem;line-height:1.75;overflow:auto}.bench .bench-src pre.astro-code{animation:none;mask-image:none}.bench .bench-src pre.astro-code:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:-2px}.bench-src .line{--trail:0;box-sizing:border-box;min-width:100%;padding-left:5.25rem;padding-right:var(--space-sm);background:linear-gradient(to right, color-mix(in oklch, var(--color-accent) calc(var(--trail) * 9%), transparent), transparent 70%);display:inline-block;position:relative}.bench.is-live .bench-src .line{min-height:1.75em}.bench-bp{width:2.75rem;padding:0 var(--space-xs) 0 0;color:var(--color-neutral);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:.4rem;display:flex;position:absolute;top:0;bottom:0;left:0}.bench-bp:before{content:"";border:1px solid #0000;border-radius:50%;flex:none;width:.5rem;height:.5rem}@media (hover:hover){.bench-bp:not(:disabled):hover:before{border-color:var(--color-muted)}}.bench-bp[aria-pressed=true]:before{background:var(--color-ink);border-color:var(--color-ink)}.bench-bp:disabled{cursor:default;opacity:.55}.bench-bp:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:-2px}.bench-heat{--heat:0;background:var(--color-rule-2);border-radius:1px;width:1.9rem;height:.3rem;position:absolute;top:50%;left:3rem;overflow:hidden;transform:translateY(-50%)}.bench-heat:after{content:"";width:calc(var(--heat) * 100%);background:var(--color-accent-low);transition:width var(--dur-long) var(--ease-out);position:absolute;inset:0 auto 0 0}.bench-src .line.is-current{background:color-mix(in oklch, var(--color-accent) 13%, transparent)}.bench-src .line.is-current .bench-bp{color:var(--color-accent);font-weight:700}.bench-src .line.is-current .bench-heat:after{background:var(--color-accent)}.bench-src .line.is-current:after{content:"";background:var(--color-accent);width:2px;box-shadow:0 0 10px 1px color-mix(in oklch, var(--color-accent) 70%, transparent);position:absolute;top:0;bottom:0;left:0}.bench-transport{align-items:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.bench-transport__buttons{gap:var(--space-xs);flex-wrap:wrap;display:flex}.bench-run{min-width:6.5rem}.bench[data-running] .bench-run{background:var(--color-paper-3);border-color:var(--color-accent);color:var(--color-accent)}.bench-speeds{align-items:center;gap:var(--space-3xs);padding:var(--space-3xs);border-radius:var(--radius-pill);background:var(--color-paper-2);border:0;flex-wrap:wrap;margin:0;display:flex}.bench-speeds>.bench-label{float:left;padding:0 var(--space-xs) 0 var(--space-sm)}.bench-speed{min-height:2.25rem;padding:0 var(--space-sm);border-radius:var(--radius-pill);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;cursor:pointer;align-items:center;display:inline-flex;position:relative}.bench-speed:has(input:checked){background:var(--color-paper-4);color:var(--color-ink)}.bench-speed__short{display:none}@media (width<=29.99rem){.bench-speeds{flex-wrap:nowrap;width:100%}.bench-speeds>.bench-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bench-speeds{min-inline-size:0}.bench-speed{min-width:0;padding:0 var(--space-3xs);flex:1 1 0;justify-content:center}.bench-speed__full{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bench-speed__short{display:inline}}.bench-readout{align-items:baseline;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0;display:flex}.bench-status{min-height:1.6em;color:var(--color-ink-2);font-size:var(--text-sm);margin:0}.bench-analyzer__canvas{width:100%;height:90px;display:block}.bench-analyzer__tx{max-width:44em;margin:var(--space-sm) 0 0;font-size:var(--text-xs);color:var(--color-muted)}.bench-regs__table{border-collapse:separate;border-spacing:2px;width:100%;font-family:var(--font-mono);font-size:var(--text-xs)}.bench-regs__col{color:var(--color-neutral);text-align:center;font-weight:500}.bench-regs__name{padding-right:var(--space-xs);text-align:left;color:var(--color-ink-2);white-space:nowrap;font-weight:600}.bench-regs__bit{text-align:center;background:var(--color-paper-3);width:1.55rem;height:1.55rem;color:var(--color-neutral);border-radius:3px}.bench-regs__bit.is-set{background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.bench-regs__bit.is-changed{animation:bench-flash .6s var(--ease-out)}@keyframes bench-flash{0%{box-shadow:0 0 0 2px var(--color-focus), 0 0 14px 2px color-mix(in oklch, var(--color-accent) 60%, transparent)}to{box-shadow:none}}.bench-regs__hex{padding-left:var(--space-xs);color:var(--color-ink-2);white-space:nowrap}.bench-cpu{gap:var(--space-xs) var(--space-md);margin:var(--space-md) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bench-cpu div{justify-content:space-between;gap:var(--space-xs);border-bottom:var(--rule-hair) solid var(--color-rule-2);padding-bottom:var(--space-3xs);display:flex}.bench-cpu__wide{grid-column:1/-1}.bench-cpu dt{color:var(--color-muted)}.bench-cpu dd{color:var(--color-ink);font-variant-numeric:tabular-nums;margin:0}.bench-tape__list{min-height:22.8em;font-family:var(--font-mono);font-size:var(--text-xs);margin:0;padding:0;line-height:1.9;list-style:none}.bench-tape__row{gap:var(--space-sm);color:var(--color-neutral);grid-template-columns:4.2rem minmax(0,1fr);display:grid}.bench-tape__row:nth-child(n+5) .bench-tape__asm{color:var(--color-muted)}.bench-tape__asm{text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink-2);overflow:hidden}.bench-tape__row.is-newest .bench-tape__asm{color:var(--color-accent);font-weight:700}.bench-tape__row.is-newest .bench-tape__addr{color:var(--color-ink-2)}.bench-io{gap:var(--space-md);align-content:start;display:grid}.bench-knob{align-items:center;gap:var(--space-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.bench-knob[hidden],.bench-serial[hidden]{display:none}.bench-knob__input{width:100%;accent-color:var(--color-accent)}.bench-knob__value{font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.bench-serial__out,.bench-console__out{min-height:3.5rem;max-height:12rem;margin:var(--space-xs) 0 0;padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-ink-2);line-height:1.6;overflow:auto}.bench-console{border-top:var(--rule-hair) solid var(--color-rule-2);padding-top:var(--space-sm)}.bench-console__summary{cursor:pointer;font-weight:700;font-size:var(--text-sm);padding:var(--space-2xs) 0}.bench-console__summary:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:2px}.bench-console__intro{margin:var(--space-xs) 0 var(--space-sm);font-size:var(--text-sm);color:var(--color-muted)}.bench-console__presets,.bench-console__actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.bench-console__text{box-sizing:border-box;width:100%;margin:var(--space-sm) 0;padding:var(--space-sm);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-code-plain);font-family:var(--font-mono);font-size:var(--text-xs);resize:vertical;line-height:1.7}.bench-console__text:focus-visible{outline:var(--rule-focus) solid var(--color-focus);outline-offset:1px}.bench-console__keys{font-size:var(--text-xs);color:var(--color-neutral)}.bench-console__error{margin:var(--space-xs) 0 0;min-height:1.2em;font-size:var(--text-sm);color:var(--color-ember)}.bench-notes{margin-top:var(--space-3xl)}.bench-notes>p{max-width:var(--measure)}.bench-noscript{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-paper-2);color:var(--color-ink-2)}.bench:not(.is-live) :is(.bench-stage,.bench-transport,.bench-status,.bench-analyzer,.bench-regs,.bench-tape,.bench-io){display:none}.bench:not(.is-live) .bench-src[hidden]{display:flex}.bench:not(.is-live) .bench-code{gap:var(--space-md);background:0 0;max-height:none}.bench:not(.is-live) .bench-programs{display:none}@media (prefers-reduced-motion:reduce){.bench-regs__bit.is-changed{animation:none}.bench-heat:after{transition:none}}@media (forced-colors:active){.bench-regs__bit.is-set,.bench-program:has(input:checked),.bench-speed:has(input:checked){forced-color-adjust:none;color:highlighttext;background:highlight}.bench-src .line.is-current{outline-offset:-2px;outline:2px solid highlight}.bench-bp[aria-pressed=true]:before{background:canvastext}}
