@font-face {
  font-family: 'Geist Pixel Circle';
  src: url('../assets/fonts/GeistPixel-Circle.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Dirtyline';
  src: url('../assets/fonts/Dirtyline-36daysoftype-2022.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
/* Pixel type carries reading and interface text; Dirtyline accents display words. */
.display-word { font-family: 'Dirtyline'; font-size: 1.12em; letter-spacing: -.025em; }
:root{--blue:#2b00ff;--paper:#ededed;--ink:#090a0c;--muted:#555561;--line:#c8c8d0;--soft:#c8bdff;font-family:'Geist Pixel Circle';color:var(--paper);background:var(--blue);font-synthesis:none;line-height:1.5;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button,a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #f36b21;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;top:8px;left:8px;padding:12px;background:var(--paper);color:var(--ink);z-index:5;transform:translateY(-150%)}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.masthead{min-height:126px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ededed55;gap:30px}.brand{display:inline-flex;align-items:center;gap:20px;font-size:.875rem;line-height:1.2;letter-spacing:2px;text-decoration:none;flex:none}nav{display:flex;gap:34px;font-size:.875rem}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.edition{font-size:.75rem;letter-spacing:1px;color:var(--soft)}.hero{padding-top:72px;padding-bottom:70px;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:40px}.eyebrow{font-size:.75rem;letter-spacing:1.6px;line-height:1.7;margin:0 0 22px}.hero .eyebrow{color:var(--soft)}.signal{display:inline-block;width:7px;height:7px;background:var(--paper);margin-right:8px}.hero h1{font-size:clamp(2.375rem,4.65vw,4.1875rem);line-height:1.12;letter-spacing:-.04em;font-weight:400;margin:0}.hero h1>span{color:var(--soft)}.intro{max-width:510px;font:1.125rem/1.7 'Geist Pixel Circle';color:#e0d9ff;margin:28px 0}.hero-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;text-decoration:none;font-size:.875rem}.paper-button{background:var(--paper);color:var(--blue)}.button:hover{background:white}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem}.world-diagram{margin:20px 0 0;border:1px solid #ededed55;padding:22px}.diagram-top{display:flex;justify-content:space-between;gap:12px;font-size:.75rem;letter-spacing:1.2px}.diagram-top span:last-child{color:var(--soft)}figcaption{border-top:1px solid #ededed44;padding-top:18px;display:grid;gap:10px;font-size:.75rem}figcaption small{color:var(--soft);font-size:.75rem;margin-top:9px}.key{display:inline-block;width:7px;height:7px;margin-right:8px}.focal-key{background:var(--paper)}.background-key{border:1px solid var(--soft);border-radius:50%}.paper{background:var(--paper);color:var(--ink)}.section{padding-block:70px;scroll-margin-top:24px}.section-heading{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}.section .eyebrow{color:var(--blue);margin-bottom:12px}h2{font-size:2.125rem;line-height:1.2;letter-spacing:-.035em;font-weight:400;margin:0}h3{font-size:1.125rem;line-height:1.4;font-weight:400}.badge{display:inline-block;padding:7px 10px;border:1px solid var(--line);font-size:.75rem;letter-spacing:1px;white-space:nowrap;color:var(--muted)}.section-intro{max-width:730px;font:1rem/1.7 'Geist Pixel Circle';color:var(--muted);margin:21px 0 30px}.results-controls{display:flex;gap:20px;align-items:flex-end;margin-top:37px;margin-bottom:24px}.results-controls label{display:grid;gap:8px;font-size:.875rem;letter-spacing:.6px;text-transform:uppercase;min-width:210px}select{max-width:100%;border:1px solid var(--line);color:var(--ink);background:transparent;padding:10px 30px 10px 12px;border-radius:0;font-size:.875rem;text-transform:none}select:disabled{color:var(--muted);opacity:1}.coverage{font-size:.75rem;letter-spacing:1px;margin-left:auto;margin-bottom:12px;color:var(--muted)}.table-scroll{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;min-width:640px;text-align:left;font-size:.875rem}.results-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.6px;font-weight:400;padding:16px 12px;border-block:1px solid var(--line);color:var(--muted);white-space:nowrap}.results-table th:first-child{padding-left:0;width:33%}.results-table td{padding:20px 12px;border-bottom:1px solid var(--line);vertical-align:top}.results-table td:first-child{padding-left:0}.results-table td small{display:block;margin-top:6px;color:var(--muted);font-size:.75rem}.points{display:flex;gap:6px;flex-wrap:wrap}.point{display:inline-block;border:1px solid var(--line);padding:5px 7px;min-width:30px;text-align:center}.empty-state{text-align:center;padding:53px 20px 42px;border-bottom:1px solid var(--line)}.empty-symbol{font-size:1.875rem;color:var(--blue)}.empty-state h3{font-size:1.25rem;margin:20px 0 13px}.empty-state p{max-width:480px;margin:0 auto 22px;font:1rem/1.7 'Geist Pixel Circle';color:var(--muted)}.empty-state a{font-size:.75rem;color:var(--blue)}.table-note{font:.875rem/1.7 'Geist Pixel Circle';color:var(--muted);max-width:870px;margin:20px 0 0}.metrics-section{padding-top:8px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr));border-left:1px solid var(--line);border-top:1px solid var(--line);margin-top:30px}.metric-grid article{display:flex;flex-direction:column;border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:25px}.protocol-grid h3>span{font-size:1.125rem;line-height:1.4;font-weight:400;letter-spacing:0;font-variant-numeric:tabular-nums;color:var(--blue)}.metric-grid h3{margin:0 0 10px}.metric-grid p{font:1rem/1.7 'Geist Pixel Circle';color:var(--muted);margin:0}.metric-unit{display:block;font-size:.75rem;letter-spacing:.7px;color:var(--muted);margin-top:auto;padding-top:24px}.protocol-section{background:#e3e3e8;border-block:1px solid var(--line)}.protocol-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.protocol-grid h3{font-size:1.125rem}.protocol-grid h3>span{margin-right:10px}.protocol-grid p{font:1rem/1.7 'Geist Pixel Circle';color:var(--muted)}.timing-diagram{padding:28px;border:1px solid #bdbdc9;margin-top:30px}.timing-label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;font-size:.75rem;letter-spacing:.6px}.timing-label strong{font-weight:400;color:var(--blue)}.timing-label>span{color:var(--muted)}.timing-diagram ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:27px 0 18px;padding:0;gap:0}.timing-diagram li{border-top:2px solid #beb4ff;position:relative;padding:19px 12px 0 0;font-size:.875rem}.timing-diagram li::before{position:absolute;content:'';width:7px;height:7px;background:var(--blue);top:-4px;left:0}.timing-diagram b{font-weight:400;font-size:1.25rem;color:var(--blue)}.timing-diagram li span{display:block;margin-top:10px;color:var(--muted);line-height:1.6}.timing-diagram p{border-top:1px solid var(--line);padding-top:17px;font:.875rem/1.7 'Geist Pixel Circle';color:var(--muted);margin-bottom:0}.protocol-details{margin-top:30px;border-top:1px solid #bdbdc9;border-bottom:1px solid #bdbdc9}.protocol-details summary{padding:22px 0;font-size:.875rem;cursor:pointer}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 50px;padding-bottom:16px}.status-grid h4{font-size:1rem;font-weight:400;margin-bottom:10px}.status-grid p{font:1rem/1.7 'Geist Pixel Circle';color:var(--muted)}.archive-empty{padding:30px;border:1px dashed #bdbdc9;display:flex;align-items:center;gap:24px}.archive-empty>span{font-size:1.75rem;color:var(--blue)}.archive-empty p{font-size:.875rem;line-height:1.8;margin:0}.archive-empty small{font:.875rem/1.7 'Geist Pixel Circle';color:var(--muted)}.run-list{display:grid;gap:12px}.run-card{display:grid;grid-template-columns:1fr auto;gap:16px;padding:20px;border:1px solid var(--line);font-size:.875rem}.run-card h3{margin:0 0 8px;font-size:1.125rem;overflow-wrap:anywhere}.run-card p{margin:8px 0;color:var(--muted);font:1rem/1.7 'Geist Pixel Circle'}.quiet-button{border:1px solid var(--line);background:transparent;padding:10px 12px;color:var(--blue);cursor:pointer;font-size:.875rem;align-self:center}.quiet-button:hover{background:#dedbe9}.run-card{scroll-margin-top:24px}.run-card.is-open{border-color:var(--line)}.run-detail{min-width:0;margin-top:24px;border-top:1px solid var(--line);padding-top:20px;scroll-margin-top:24px}.run-card>.run-detail{grid-column:1/-1;margin-top:0}.run-detail h3{overflow-wrap:anywhere}.run-detail p{font:1rem/1.7 'Geist Pixel Circle';color:var(--muted)}.detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:24px 0}.detail-metrics article{background:var(--paper);padding:20px}.detail-metrics h4{font-size:.875rem;color:var(--blue);font-weight:400;margin:0 0 12px}.detail-metrics p{margin:5px 0;font-size:1rem}.chart{width:100%;height:auto;border:1px solid var(--line);margin-top:12px}.chart text{font-family:'Geist Pixel Circle';fill:var(--muted);font-size:.75rem}.detail-table{border-collapse:collapse;width:100%;min-width:540px;font-size:.875rem}.detail-table th,.detail-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px;vertical-align:top;white-space:normal;overflow-wrap:anywhere}.detail-table th{font-weight:400;color:var(--muted)}.detail-content-list{padding-left:22px;font-size:.875rem;line-height:1.8}.detail-content-list a{color:var(--blue)}.manifest{font-size:.75rem;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;background:#e3e3e8;padding:20px;max-height:400px;overflow:auto}.footer{border-top:1px solid var(--line);padding-block:35px 50px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer .brand{color:var(--blue)}.footer p{font-size:.75rem;line-height:1.7;color:var(--muted)}.footer>div{display:grid;gap:12px;font-size:.75rem;text-align:right}.footer>div>span{color:var(--muted);letter-spacing:.8px}.footer>div>a{color:var(--blue)}.noscript{padding:20px;text-align:center;background:var(--paper);color:var(--ink)}
@media(min-width:1600px){.hero{padding-block:90px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{gap:24px}.hero h1{font-size:2.875rem}.hero-links{gap:16px}.world-diagram{padding:17px}.diagram-top{font-size:.75rem}.edition{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.masthead{min-height:95px;gap:16px}.brand{font-size:.75rem;gap:12px;letter-spacing:1px}.masthead nav{width:100%;gap:24px;font-size:.875rem}.hero{grid-template-columns:1fr;padding-block:42px}.hero h1{font-size:clamp(1.75rem,8.7vw,3.5625rem);letter-spacing:-.04em}.intro{font-size:1rem}.world-diagram{margin-top:14px}.hero-links{gap:12px 24px}.section{padding-block:45px}h2{font-size:1.75rem}.section-heading{align-items:flex-start;gap:12px}.badge{font-size:.75rem;padding:6px}.section-intro{font-size:1rem}.results-controls{flex-wrap:wrap;gap:15px}.results-controls label{min-width:0;flex:1 1 200px}.coverage{margin:0 0 4px}.empty-state{padding:38px 12px}.metric-grid article{padding:20px}.metric-unit{font-size:.75rem}.metrics-section{padding-top:0}.protocol-grid{grid-template-columns:1fr;gap:10px;margin-top:20px}.timing-diagram{padding:20px 15px}.timing-label{font-size:.75rem}.timing-diagram b{font-size:1.125rem}.timing-diagram li{padding-right:8px}.timing-diagram ol{grid-template-columns:1fr 1fr;gap:24px 16px}.status-grid{grid-template-columns:1fr;gap:0}.archive-empty{padding:23px 18px;gap:16px}.footer{flex-wrap:wrap}.footer p{margin-left:auto}.footer>div{width:100%;text-align:left;display:flex;justify-content:space-between;flex-wrap:wrap}.detail-metrics{grid-template-columns:1fr 1fr}.run-card{grid-template-columns:1fr}.run-card .quiet-button{justify-self:start}}
@media(max-width:390px){nav{gap:20px;font-size:.875rem}.brand{gap:8px}.hero-links{gap:12px 24px}.detail-metrics{grid-template-columns:1fr}.section-heading{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Recording controls retain native keyboard behavior without nested scrolling. */
/* One native scrollbar treatment for tables, code, inspectors, and menus. */
.paper { scrollbar-color:#aaa6b8 transparent; }
.paper * { scrollbar-width:thin; }
@media(forced-colors:active) { .paper { scrollbar-color:auto; } }
.run-card { padding: clamp(16px, 2vw, 28px); border-radius: 3px; }
.run-card > .quiet-button { min-width: 10.5rem; min-height: 44px; border-radius: 3px; }
.run-detail { overflow-anchor: none; }
.recording-workspace { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 32px; align-items: start; margin-bottom: 24px; }
.recording-player, .recording-notes { min-width: 0; }
.diagnostic-video { display: block; width: 100%; height: auto; max-height: 72vh; object-fit: contain; background: var(--ink); margin: 0 0 20px; border: 0; border-radius: 2px; }
.recording-workspace h4 { margin: 0; font-size: 1.125rem; font-weight: 400; }
.recording-chart-panel { border-top: 1px solid var(--line); padding-top: 16px; }
.recording-chart-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.recording-metric-label { display: block; min-width: 0; }
.recording-select { width: 196px; max-width: 100%; }
.paper .recording-workspace :is(button, input, summary):focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.recording-chart-panel > label { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: .875rem; }
.recording-chart-panel input { width: 60%; min-width: 0; margin: 0; accent-color: var(--blue); min-height: 44px; cursor: pointer; }
.recording-chart svg { display: block; width: 100%; height: auto; margin-block: 12px; }
.recording-chart text { font: 14px 'Geist Pixel Circle'; fill: var(--muted); }
.chart-grid { stroke: var(--line); stroke-width: 1; }
.chart-series { fill: none; stroke: var(--blue); stroke-width: 2; vector-effect: non-scaling-stroke; }
.chart-cursor { stroke: var(--ink); stroke-width: 1; stroke-dasharray: 4 4; vector-effect: non-scaling-stroke; }
.run-detail .recording-readout { color: var(--ink); font-size: .875rem; font-variant-numeric: tabular-nums; }
.run-detail .recording-caption, .run-detail .note-action { font-size: .875rem; line-height: 1.6; }
.recording-current-note { margin-top: 24px; border-block: 1px solid var(--line); padding-block: 16px; }
.note-navigation { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 20px; }
.note-step { min-height: 44px; padding: 8px 12px; border: 1px solid #b9b9c2; border-radius: 3px; background: transparent; color: var(--ink); cursor: pointer; font-size: .875rem; }
.note-step:hover:enabled { background: #e2e2e7; }
.note-step:disabled { color: #72727b; border-color: var(--line); cursor: default; }
.run-detail .note-position { margin: 0; white-space: nowrap; font-size: .75rem; font-variant-numeric: tabular-nums; }
.run-detail .note-stamp { color: var(--blue); font-size: .875rem; margin: 0 0 12px; }
.run-detail .note-body { color: var(--ink); line-height: 1.8; margin: 0 0 16px; overflow-wrap: anywhere; }
.run-detail .note-kind { display: block; color: var(--muted); font-size: .7rem; letter-spacing: .06em; margin-bottom: 4px; }
.run-detail .note-empty { color: var(--muted); font-size: .85rem; }
.recording-transcript > summary, .recording-verification > summary { padding-block: 16px; min-height: 52px; cursor: pointer; font-size: .875rem; }
.recording-request-inspector { border-bottom: 1px solid var(--line); }
.recording-request-inspector summary { padding-block: 14px; cursor: pointer; font-size: .875rem; }
.recording-request-inspector > summary { color: var(--ink); }
.recording-request-inspector > summary:hover { color: var(--blue); }
.recording-request-inspector[open] > summary::marker { color: var(--blue); }
.request-toolbar { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 16px; }
.recording-request-select { flex: 1; min-width: 0; max-width: 100%; font-size: .75rem; }
:root { --evidence-paper:#e5e3e9; --evidence-font:.8125rem/1.7 'Geist Pixel Circle',monospace; }
.request-code-frame { margin:4px 0 18px; background:var(--evidence-paper); }
.request-code-header { display:flex; align-items:center; justify-content:space-between; min-height:38px; padding-inline:20px 12px; color:var(--muted); font-size:.7rem; }
.request-code-header button { display:inline-flex; align-items:center; gap:7px; min-height:36px; padding:6px 8px; border:0; background:transparent; color:var(--muted); font:inherit; cursor:pointer; }
.request-code-header button:is(:hover,:focus-visible) { color:var(--ink); }
.request-copy svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; }
.request-copy .copy-check { opacity:0; stroke-dasharray:1; stroke-dashoffset:1; }
.request-copy[data-copied] .copy-back,.request-copy[data-copied] .copy-front { opacity:0; transform:translateY(-2px); }
.request-copy[data-copied] .copy-check { opacity:1; stroke-dashoffset:0; }
@media (prefers-reduced-motion:no-preference) {
  .request-copy .copy-back,.request-copy .copy-front { transition:opacity 140ms ease,transform 180ms ease; }
  .request-copy .copy-check { transition:opacity 140ms ease,stroke-dashoffset 260ms ease; }
  .request-copy:not([data-copied]):is(:hover,:focus-visible) .copy-front { transform:translate(1px,1px); }
  .request-copy:not([data-copied]):is(:hover,:focus-visible) .copy-back { transform:translate(-1px,-1px); }
}
.recording-request-inspector pre {
  max-height:360px; margin:0; padding:20px; overflow:auto;
  font:var(--evidence-font); tab-size:2;
  white-space:pre-wrap; overflow-wrap:anywhere; background:transparent; color:var(--ink);
}
.request-code-key { color:var(--ink); }
.request-code-string { color:#4f4b59; }
.request-code-literal { color:#665083; }
.paper .request-code-frame :focus-visible { outline:1px solid #77727f; outline-offset:-2px; }
.request-terrain { display: grid; grid-template-columns: repeat(15,minmax(0,1fr)); gap: 2px; width:100%; margin-block: 16px; }
.request-terrain .request-tile { position:relative; display:grid; place-items:center; aspect-ratio:1; background:#e2e2e7; color:var(--ink); font:.75rem 'Geist Pixel Circle'; isolation:isolate; }
.request-tile:is([data-terrain=G],[data-terrain=D],[data-terrain=S],[data-terrain=W])::before { content:''; position:absolute; inset:0; z-index:-1; background-image:url('assets/terrain/merged_sheet.png'); background-size:6400% 6400%; image-rendering:pixelated; opacity:.4; }
.request-tile[data-terrain=G]::before { background-position:0% 20.6349206%; }
.request-tile[data-terrain=D]::before { background-position:0% 0%; }
.request-tile[data-terrain=S]::before { background-position:12.6984127% 4.7619048%; }
.request-tile[data-terrain=W]::before { background-position:0% 6.3492063%; }
.request-tile b { font-weight:400; text-shadow:0 0 3px var(--paper),0 0 3px var(--paper); }
.request-terrain .request-center { outline: 2px solid var(--blue); outline-offset: -2px; color: var(--blue); }
.recording-verification { margin-top: 24px; border-block: 1px solid var(--line); }
.recording-verification > .detail-metrics { margin-top: 8px; }
.recording-note-list { padding: 0; margin: 0; list-style: none; }
.recording-note-list li { border-top: 1px solid var(--line); padding-block: 16px; overflow-wrap: anywhere; }
.note-time { display: inline-block; border: 0; background: transparent; color: var(--blue); padding: 8px 0; min-height: 44px; cursor: pointer; font-size: .875rem; text-decoration: underline; text-underline-offset: 4px; }
.note-time[aria-current=true] { text-decoration-thickness: 2px; }
.note-time:hover { color: #1900a3; }
@media (min-width: 901px) and (min-height: 800px) {
  .recording-player { position: sticky; top: 24px; }
  .diagnostic-video { max-height: clamp(220px, calc(100svh - 440px), 560px); }
}
@media (max-width: 900px) {
  .recording-workspace { grid-template-columns: 1fr; gap: 32px; }
  .recording-chart-panel input { width: 55%; }
}
@media (max-width: 480px) {
  .recording-chart-toolbar { align-items: stretch; }
  .recording-chart-toolbar h4, .recording-metric-label, .recording-select { width: 100%; }
  .recording-workspace { gap: 28px; }
  .note-step { padding-inline: 10px; }
}

.timing-label { padding-right:0; }
@media(max-width:760px) { .timing-diagram ol { row-gap:60px; } .timing-label { padding-right:0; } }

.timing-diagram ol { grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:64px; }

.timing-diagram .timing-caption { border:0; padding:0; margin:12px 0 0; font-size:.75rem; color:var(--muted); }
@media(max-width:760px) { .timing-diagram ol { grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* One shared six-second cycle: four 800ms controller stages, then a quiet reset. */
@media(prefers-reduced-motion:no-preference) {
 .timing-reveal li::after { content:'';position:absolute;top:-2px;left:0;width:100%;height:2px;background:var(--blue);transform-origin:left; }
 .timing-reveal li::after { animation:var(--line-motion) 6s linear infinite; }
 .timing-reveal li::before { animation:var(--node-motion) 6s linear infinite; }
 .timing-reveal:not(.timing-running) li::after,.timing-reveal:not(.timing-running) li::before { animation-play-state:paused; }
}
.timing-diagram li:nth-child(1) { --line-motion:timing-line-0;--node-motion:timing-node-0; }
@keyframes timing-line-0 { 0%,0.000% { transform:scaleX(0);opacity:1; } 13.333%,84% { transform:scaleX(1);opacity:1; } 94%,100% { transform:scaleX(1);opacity:0; } }
@keyframes timing-node-0 { 0%,0.000%,13.333%,100% { transform:scale(1); } 3.333% { transform:scale(1.7); } }
.timing-diagram li:nth-child(2) { --line-motion:timing-line-1;--node-motion:timing-node-1; }
@keyframes timing-line-1 { 0%,13.333% { transform:scaleX(0);opacity:1; } 26.667%,84% { transform:scaleX(1);opacity:1; } 94%,100% { transform:scaleX(1);opacity:0; } }
@keyframes timing-node-1 { 0%,13.333%,26.667%,100% { transform:scale(1); } 16.666% { transform:scale(1.7); } }
.timing-diagram li:nth-child(3) { --line-motion:timing-line-2;--node-motion:timing-node-2; }
@keyframes timing-line-2 { 0%,26.667% { transform:scaleX(0);opacity:1; } 40.000%,84% { transform:scaleX(1);opacity:1; } 94%,100% { transform:scaleX(1);opacity:0; } }
@keyframes timing-node-2 { 0%,26.667%,40.000%,100% { transform:scale(1); } 30.000% { transform:scale(1.7); } }
.timing-diagram li:nth-child(4) { --line-motion:timing-line-3;--node-motion:timing-node-3; }
@keyframes timing-line-3 { 0%,40.000% { transform:scaleX(0);opacity:1; } 53.333%,84% { transform:scaleX(1);opacity:1; } 94%,100% { transform:scaleX(1);opacity:0; } }
@keyframes timing-node-3 { 0%,40.000%,53.333%,100% { transform:scale(1); } 43.333% { transform:scale(1.7); } }

.benchmark-version,.recording-repeat { display:grid; gap:8px; width:fit-content; max-width:100%; margin:0 0 24px; color:var(--muted); font-size:.8125rem; }
.benchmark-version select,.recording-repeat select { width:100%; min-width:0; }
@media(max-width:600px) { .benchmark-version,.recording-repeat { width:100%; } }