:root { color-scheme: dark; background: var(--bg-app); color: var(--fg1); font-family: var(--font-ui); }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: var(--bg-app); }
header { min-height: 64px; padding: var(--sp-3) var(--sp-gutter); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border-hair); }
h1, h2, p, dl, dd, figure { margin: 0; }
h1 { margin-top: var(--sp-1); font: var(--fw-semibold) var(--fs-pane)/var(--lh-snug) var(--font-ui); letter-spacing: -0.01em; }
.label, .lane-head { color: var(--fg-muted); font: var(--fw-semibold) var(--fs-label)/var(--lh-snug) var(--font-ui); letter-spacing: var(--ls-label); text-transform: uppercase; }
.run { color: var(--fg-faint); font: var(--fs-meta)/var(--lh-snug) var(--font-mono); }
main { min-height: calc(100vh - 124px); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.lane { padding: var(--sp-6) var(--sp-gutter); border-right: 1px solid var(--border-hair); }
.lane:last-child { border-right: 0; }
.lane-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); }
.lane-head strong { font-size: var(--fs-small); }
.partial { color: var(--contender); }
.failed { color: var(--rejected-chip); }
.blocked { color: var(--candidate); }
h2 { margin-top: var(--sp-5); font: var(--fw-semibold) var(--fs-h3)/var(--lh-snug) var(--font-ui); }
.lane > p:not(.boundary) { min-height: 4.5rem; margin-top: var(--sp-3); color: var(--fg3); font: var(--fs-body-sm)/var(--lh-normal) var(--font-ui); }
dl { display: grid; grid-template-columns: 1fr auto; gap: var(--sp-2) var(--sp-3); margin: var(--sp-5) 0; padding: var(--sp-4) 0; border-top: 1px solid var(--border-hair); border-bottom: 1px solid var(--border-hair); }
dt { color: var(--fg-muted); font: var(--fs-small)/var(--lh-snug) var(--font-ui); }
dd { color: var(--fg2); font: var(--fs-meta)/var(--lh-snug) var(--font-mono); text-align: right; }
a { display: inline-block; font: var(--fw-semibold) var(--fs-body-sm)/var(--lh-snug) var(--font-ui); }
.boundary { margin-top: var(--sp-4); color: var(--fg-muted); font: var(--fs-meta)/var(--lh-normal) var(--font-ui); }
.videos { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-2); margin-top: var(--sp-5); }
video { width: 100%; aspect-ratio: 1 / 1; display: block; background: var(--bg-base); border-radius: var(--r-md); }
figcaption { margin-top: var(--sp-1); color: var(--fg-muted); font: var(--fs-small)/var(--lh-snug) var(--font-mono); }
footer { min-height: 60px; padding: var(--sp-3) var(--sp-gutter); display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); border-top: 1px solid var(--border-hair); }
footer p { color: var(--fg3); font: var(--fs-body-sm)/var(--lh-normal) var(--font-ui); }
@media (max-width: 960px) { main { display: block; } .lane { border-right: 0; border-bottom: 1px solid var(--border-hair); } footer { align-items: flex-start; flex-direction: column; } }