/* NEARContractLab: shared controls and experiment tools. */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-synthesis:none;color-scheme:dark;--paper:#000;--surface:#101010;--ink:#f5f5f5;--muted:#8b8b8b;--line:#272727;--wash:#191919;--accent:#43c59a;color:var(--ink);background:var(--paper)}
html[data-theme=light]{color-scheme:light;--paper:#fafafa;--surface:#fff;--ink:#141414;--muted:#727272;--line:#e4e4e4;--wash:#f0f0f0;--accent:#2bae84}
.token-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}
.token-label{display:flex;flex-direction:column;gap:4px;font:9px Menlo,Consolas,monospace;color:var(--muted)}
.token-label strong{font:inherit;color:var(--ink)}
.token-strip code{font:11px/1.6 Menlo,Consolas,monospace;color:var(--muted);overflow-wrap:anywhere;min-width:0;user-select:all}
.token-strip .text-button{font-size:10px;min-height:32px;white-space:nowrap}
@media(max-width:520px){.token-strip{gap:12px}.token-strip code{font-size:9px}.token-label{font-size:8px}}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0}
button,input,select,textarea{font:inherit}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button{cursor:pointer;color:inherit;background:none;border:0}
a{color:inherit;text-decoration:none}
button:disabled{cursor:default;opacity:.45}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}
p{line-height:1.65}
h2{font-size:24px;font-weight:450;letter-spacing:-.7px}
h3{font-size:13px;font-weight:500}
button,a{min-height:32px}
[hidden]{display:none!important}
.signal-dot{margin:0 8px 1px 0}
.text-button{display:inline-flex;align-items:center;font-size:12px;color:var(--muted);padding:0;gap:8px}
.text-button:hover{color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:44px;border:1px solid var(--line);background:var(--surface);padding:12px 17px;border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap}
.button:hover{background:var(--wash)}
.button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.button.primary:hover{opacity:.85}
.eyebrow,.mono{font:10px Menlo,Consolas,monospace;letter-spacing:.8px;color:var(--muted)}
.eyebrow{margin-bottom:24px}
.instrument{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;min-width:0}
.instrument-top{padding:18px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line)}
.instrument-top .mono{font-size:9px}
.instrument-status{font-size:10px;color:var(--muted)}
.instrument-status i{display:inline-block;border:1px solid var(--accent);width:5px;height:5px;border-radius:50%;margin-right:6px}
.contract-visual{padding:0 12px}
.contract-visual svg{display:block;width:100%;height:auto}
.board-surface{fill:var(--wash);stroke:var(--line);stroke-width:1}
.board-edge{fill:var(--paper);stroke:var(--line);stroke-width:1}
.board-label{fill:var(--muted);font:9px Menlo,monospace;letter-spacing:1px}
.board-label.accent{fill:var(--accent)}
.board-trace{fill:none;stroke:var(--line);stroke-width:1}
.cell-top{fill:var(--surface);stroke:var(--muted);stroke-width:.65}
.cell-edge{fill:var(--paper);stroke:var(--line);stroke-width:.7}
.cell-mark{stroke:var(--muted);stroke-width:1;opacity:.5}
.cell.candidate .cell-top{fill:var(--wash);stroke:var(--accent)}
.cell.candidate .cell-mark{stroke:var(--accent)}
.cell.empty{opacity:.16}
.cell.active .cell-top{fill:var(--accent);stroke:var(--accent)}
.cell.active .cell-mark{stroke:var(--paper)}
.cell{transition:opacity .16s}
.board-pin{stroke:var(--muted);stroke-width:1}
.board-chip{fill:var(--paper);stroke:var(--muted);stroke-width:1}
.board-chip.candidate{stroke:var(--accent)}
.chip-label{fill:var(--ink);font:10px Menlo,monospace}
.chip-label.accent{fill:var(--accent)}
.instrument-readout{display:flex;align-items:center;gap:22px;padding:0 24px 20px}
.instrument-readout>div:not(.readout-arrow){display:flex;flex-direction:column;gap:7px}
.instrument-readout .mono{font-size:8px}
.instrument-readout strong{font:19px Menlo,monospace;letter-spacing:-.8px;font-weight:400}
.readout-arrow{color:var(--muted)}
.replay-saving{font:10px Menlo,monospace;color:var(--accent);margin-left:auto}
.replay-controls{display:flex;gap:14px;align-items:center;padding:13px 20px;border-top:1px solid var(--line)}
.replay-play{height:32px;width:32px;border:1px solid var(--line);border-radius:5px;font-size:11px;flex-shrink:0}
.replay-play:hover{background:var(--wash)}
input[type=range]{accent-color:var(--accent);width:100%;min-width:0;height:24px;margin:0;cursor:pointer}
.replay-controls .mono{white-space:nowrap;font-size:9px}
.replay-caption{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:11px 20px;font-size:9px;color:var(--muted)}
.replay-caption span:first-child{color:var(--ink)}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.section-heading .eyebrow{margin:0}
.chip{font-size:9px;color:var(--muted);white-space:nowrap}
.result-modes{display:flex;gap:20px}
.result-modes button{padding:0;font-size:11px;color:var(--muted);border-bottom:1px solid transparent}
.result-modes button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}
.note{font-size:10px;line-height:1.7;color:var(--muted)}
.lab{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.lab-top{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 32px 22px}
.lab-top .eyebrow{margin-bottom:12px;font-size:9px}
.lab-top h2{font-size:27px;margin-bottom:12px}
.lab-top p:not(.eyebrow){font-size:12px;color:var(--muted)}
.lab-top .text-button{font-size:11px}
.workload{display:flex;gap:12px;flex-wrap:wrap;padding:0 32px 28px;color:var(--muted);font-size:10px}
.workload span{padding:6px 9px;background:var(--wash);border:1px solid var(--line);border-radius:4px}
.workbench-nav{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 32px;gap:20px}
.tabs{display:flex;gap:28px}
.tabs button{position:relative;padding:18px 0;font-size:12px;color:var(--muted);white-space:nowrap}
.tabs button[aria-selected=true]{color:var(--ink)}
.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}
select{max-width:260px;font-size:11px;color:var(--muted);background:var(--surface);border:0;padding:10px 0 10px 8px;cursor:pointer;min-width:0}
.panel{padding:28px 32px}
.measurement-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}
.measurement-heading p{font-size:10px;color:var(--muted);margin-top:6px}
.legend{display:flex;gap:20px;font-size:10px;color:var(--muted)}
.legend span:before{content:'';display:inline-block;width:14px;height:2px;background:var(--muted);vertical-align:middle;margin-right:7px}
.legend .candidate-key:before{background:var(--accent)}
.gas-chart{margin:20px 0 0;min-height:170px}
.gas-chart svg{display:block;width:100%;height:auto;max-height:260px;overflow:visible}
.grid-line{stroke:var(--line);stroke-width:1}
.axis-label{fill:var(--muted);font:9px Menlo,monospace}
.gas-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.baseline-line{stroke:var(--muted)}
.candidate-line{stroke:var(--accent)}
.chart-hit{fill:transparent;cursor:crosshair}
.chart-selection{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 5}
.chart-point{fill:var(--accent);stroke:var(--surface);stroke-width:2}
.chart-controls{display:flex;align-items:center;gap:25px;margin-top:8px;color:var(--muted);font-size:10px}
.chart-controls label{white-space:nowrap;min-width:138px}
.transaction-detail{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:20px;padding:22px 0;font-size:11px;border-bottom:1px solid var(--line)}
.transaction-detail>div{display:flex;flex-direction:column;gap:7px}
.transaction-detail strong{font-weight:400;font-variant-numeric:tabular-nums;font-size:16px}
.transaction-detail p{font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.muted{font-size:10px;color:var(--muted)}
.positive{color:var(--accent)}
.measurement-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:24px}
.total-label{font-size:10px;color:var(--muted);display:block;margin-bottom:9px}
.total-value{font-size:18px;letter-spacing:-.4px;font-weight:400;font-variant-numeric:tabular-nums}
.total-detail{font-size:10px;color:var(--muted);margin-top:8px}
.scope-note{font-size:10px;color:var(--muted);margin-top:22px;line-height:1.6}
.source-toolbar,.checks-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
.source-toolbar p{font-size:10px;color:var(--muted)}
.source-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;min-width:0}
.source-file{min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}
.file-heading{font:9px Menlo,monospace;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:6px 12px;border-bottom:1px solid var(--line);color:var(--muted)}
.file-heading a{display:flex;align-items:center;font:9px -apple-system,sans-serif}
.source-code{background:var(--paper);margin:0;border:0;border-radius:0;max-height:420px;padding:15px 14px;font-size:10px;line-height:1.8;overflow:auto;tab-size:4}
.source-code code{counter-reset:line;display:block}
.code-line{display:block}
.code-line:before{counter-increment:line;content:counter(line);display:inline-block;width:25px;margin-right:12px;text-align:right;color:var(--muted);user-select:none;opacity:.6}
.syntax-comment{color:var(--muted)}
.syntax-keyword{color:var(--accent)}
.syntax-string{color:var(--ink)}
.check-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 32px;padding:0;margin:0}
.check-list li{padding:13px 0;font-size:11px;border-bottom:1px solid var(--line)}
.check-list li:before{content:'✓';color:var(--accent);margin-right:12px}
.provenance{margin-top:20px;display:grid;gap:10px}
.provenance p{font-size:9px;color:var(--muted);overflow-wrap:anywhere}
.provenance code{display:block;color:var(--ink);font-size:9px}
.research{padding:48px 0 30px;border-bottom:1px solid var(--line)}
.research .section-heading .eyebrow{font-size:9px;margin-bottom:12px}
.log-controls{display:flex;align-items:center;gap:25px}
.log-controls .text-button{font-size:10px}
.connection{font-size:9px;color:var(--muted)}
.connection:before{content:'';width:4px;height:4px;display:inline-block;border-radius:50%;background:var(--muted);margin-right:6px}
.connection.live:before{background:var(--accent)}
.run{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:28px;align-items:center;text-align:left;width:100%;padding:19px 12px;border-top:1px solid var(--line);font-size:13px;min-height:78px;border-radius:4px;transition:background .15s}
.run:first-child{border-top:0}
.run:hover{background:var(--surface)}
.run:hover .run-name{color:var(--accent)}
.run-sub{display:block;color:var(--muted);font-size:10px;margin-top:7px;line-height:1.5;overflow-wrap:anywhere}
.run-value{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.run-status{font:9px Menlo,monospace;color:var(--muted);text-align:right;min-width:60px}
.run-status.verified{color:var(--accent)}
.empty{font-size:11px;color:var(--muted);padding:15px 0;line-height:1.7}
.activity-details{margin-top:18px}
summary{cursor:pointer;font-size:11px;color:var(--muted);padding:8px 0;line-height:1.5}
summary span{font-size:9px;margin-left:12px}
ol{list-style:none;padding:0;margin:0}
#events li{display:flex;gap:20px;justify-content:space-between;padding:9px 0;font-size:10px;line-height:1.6}
#events time{font-size:9px;color:var(--muted);white-space:nowrap}
dialog{width:min(580px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid var(--line);border-radius:14px;padding:25px;background:var(--surface);color:var(--ink)}
dialog::backdrop{background:#000b}
.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}
.dialog-top .eyebrow{margin-bottom:9px}
.dialog-top h2{font-size:16px}
.close{font-size:22px;color:var(--muted);width:32px;height:32px;border-radius:50%}
.close:hover{background:var(--wash);color:var(--ink)}
dialog p{font-size:12px;color:var(--muted);margin-bottom:18px}
dialog .button{margin-bottom:12px}
pre{padding:15px;background:var(--paper);border:1px solid var(--line);border-radius:8px;overflow:auto;font-size:10px;line-height:1.8;margin:12px 0 20px;max-height:320px}
code{font-family:Menlo,Consolas,monospace}
dialog details{margin:18px 0}
dialog details p{margin:12px 0}
dialog .note{font-size:10px}
.result-table{border-collapse:collapse;width:100%;font-size:11px;margin:20px 0}
.result-table th,.result-table td{border-bottom:1px solid var(--line);text-align:right;padding:12px 5px;font-weight:400;font-variant-numeric:tabular-nums}
.result-table :is(th,td):first-child{text-align:left;color:var(--muted)}
.result-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.submit-dialog{width:min(840px,calc(100% - 28px))}
.form-row{display:grid;grid-template-columns:1fr 1.5fr;gap:20px}
.form-row label{font-size:10px;color:var(--muted)}
.form-row input{width:100%;margin-top:9px;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:12px;color:var(--ink);font-size:11px;min-width:0}
.editor-heading{display:flex;justify-content:space-between;align-items:center;font:10px Menlo,monospace;color:var(--muted);margin:20px 0 8px}
textarea{width:100%;height:320px;resize:vertical;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:15px;color:var(--ink);font:11px/1.8 Menlo,Consolas,monospace;tab-size:4;white-space:pre;overflow:auto}
#submission-note{margin-top:12px}
.submit-actions{display:flex;align-items:center;gap:20px}
.submit-actions .button{margin:0}
#submission-status{margin:18px 0 0;font-size:11px;overflow-wrap:anywhere}
.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}
.worker-download{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.worker-download .button{margin:0}
.worker-download+.note{margin:14px 0 24px}
.clipboard-buffer{position:fixed;left:-9999px;top:0;width:1px;height:1px}
.operation-details{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}
.operation-details .note{font-size:10px;color:var(--muted)}
.operation-table{font-size:10px}
.operation-table th{color:var(--muted)}
@media(max-width:650px){
.operation-table{font-size:9px}
.operation-table td,.operation-table th{padding:10px 3px}
.operation-details .note{font-size:9px}
}
@media(max-width:1100px){
.instrument-readout{gap:14px;padding:0 20px 18px}
.instrument-readout strong{font-size:16px}
.replay-caption{font-size:8px}
}
@media(max-width:800px){
.instrument{max-width:600px;width:100%;justify-self:center}
.workbench-nav{padding:0 24px}
.lab-top,.panel{padding:24px}
.workload{padding:0 24px 24px}
.result-select select{max-width:205px}
}
@media(max-width:550px){
.eyebrow{font-size:9px;margin-bottom:20px}
.instrument-top{padding:14px 16px}
.instrument-status{font-size:9px}
.instrument-top .mono{font-size:8px}
.contract-visual{padding:0 2px}
.instrument-readout{gap:14px;padding:0 16px 17px}
.instrument-readout strong{font-size:15px}
.replay-saving{font-size:9px}
.replay-controls{padding:10px 14px;gap:10px}
.replay-caption{padding:10px 14px;flex-direction:column;gap:5px;font-size:9px}
.chip{font-size:8px}
.result-modes{gap:14px}
.result-modes button{font-size:10px}
.lab-top{padding:22px 18px 18px;align-items:flex-start;gap:14px}
.lab-top h2{font-size:24px}
.lab-top p:not(.eyebrow){font-size:11px}
.lab-top br{display:none}
.lab-top .text-button{font-size:9px;white-space:nowrap}
.lab-top .eyebrow{font-size:8px}
.workload{padding:0 18px 22px;gap:8px;font-size:9px}
.workload span{padding:5px 7px}
.workbench-nav{padding:0 18px;flex-wrap:wrap;gap:0}
.tabs{gap:22px;width:100%;justify-content:space-between}
.tabs button{padding:15px 0;font-size:11px}
.result-select{width:100%;border-top:1px solid var(--line)}
.result-select select{width:100%;max-width:none;padding:12px 0;font-size:10px}
.panel{padding:20px 18px}
.measurement-heading{align-items:flex-start}
.legend{gap:10px;font-size:9px}
.legend span:before{width:9px;margin-right:5px}
.measurement-heading h3{font-size:12px}
.measurement-heading p{font-size:9px}
.gas-chart{min-height:120px;margin-top:24px}
.chart-controls{flex-direction:column;align-items:stretch;gap:7px}
.chart-controls label{font-size:9px}
.transaction-detail{grid-template-columns:repeat(3,1fr);gap:16px 8px}
.transaction-detail>div:first-child{grid-column:1/-1;gap:4px}
.transaction-detail strong{font-size:12px}
.measurement-totals{grid-template-columns:1fr;gap:18px}
.measurement-totals>div{display:grid;grid-template-columns:1fr auto;gap:5px}
.total-label{margin:0;align-self:center}
.total-detail{grid-column:1/-1;margin:0;font-size:9px}
.total-value{font-size:14px}
.scope-note{font-size:9px}
.source-grid{grid-template-columns:1fr}
.source-toolbar{align-items:flex-start;gap:10px}
.source-toolbar .text-button{white-space:nowrap;font-size:10px}
.source-code{font-size:9px;max-height:340px}
.check-list{grid-template-columns:1fr}
.checks-heading{align-items:flex-start}
.checks-heading h3{font-size:11px}
.checks-heading .text-button{font-size:9px;white-space:nowrap}
.research{padding:32px 0 22px}
.research .section-heading{gap:10px;align-items:flex-end}
.research h2{font-size:21px;max-width:190px}
.research .section-heading .eyebrow{font-size:8px}
.log-controls{gap:4px;flex-direction:column;align-items:flex-end;flex-shrink:0}
.log-controls .text-button{font-size:9px}
.run{gap:14px;padding:17px 0;grid-template-columns:minmax(0,1fr) auto;font-size:11px}
.run-sub{font-size:9px}
.run-status{grid-column:2;grid-row:2;font-size:8px}
.run-name{grid-row:1/3}
.run-value{font-size:11px}
.form-row{grid-template-columns:1fr;gap:15px}
.submit-dialog{padding:20px}
.submit-actions{gap:15px}
.submit-actions .text-button{font-size:10px}
textarea{font-size:10px;height:260px}
.result-table{font-size:10px}
dialog .check-list{grid-template-columns:1fr}
}
@media(max-width:350px){
.result-modes{gap:11px}
.instrument-readout{gap:10px}
.instrument-readout strong{font-size:13px}
.replay-saving{font-size:8px}
.lab-top .text-button{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{transition:none!important;animation:none!important}
}
.compare-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;margin:0 0 30px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.compare-map{min-width:0}
.compare-map .measurement-heading{gap:10px}
.compare-map .measurement-heading>.mono{font-size:8px;white-space:nowrap}
.compare-map .measurement-heading p{font-size:9px}
#efficiency-map{min-width:0;margin-top:10px}
#efficiency-map svg{width:100%;display:block}
.map-saving-area{fill:var(--accent);opacity:.035}
.map-baseline{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 5}
.map-reference{fill:var(--muted)}
.map-target{fill:transparent}
.map-point{cursor:pointer;outline:none}
.map-dot{fill:var(--surface);stroke:var(--muted);stroke-width:1.4}
.map-dot.selected{fill:var(--accent);stroke:var(--accent)}
.map-ring{fill:none;stroke:var(--accent);stroke-width:1;opacity:.45}
.map-point:hover .map-dot,.map-point:focus-visible .map-dot{fill:var(--accent);stroke:var(--accent)}
.map-point:focus-visible .map-target{stroke:var(--accent);stroke-width:1.5}
.map-choices{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.map-choice{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:7px 9px;min-height:32px}
.map-choice[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}
.map-choice:hover{background:var(--wash)}
.compare-inspector{border-left:1px solid var(--line);padding-left:32px;padding-top:4px;min-width:0}
.compare-inspector>.eyebrow{font-size:8px;letter-spacing:.6px;margin-bottom:12px}
.compare-inspector>h3{font-size:22px;font-weight:450;letter-spacing:-.6px}
.compare-description{font-size:11px;color:var(--muted);margin-top:12px;min-height:40px}
.compare-bars{display:grid;gap:18px;margin:25px 0 16px}
.compare-bar-heading{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);margin-bottom:9px;font-variant-numeric:tabular-nums}
.compare-bar-heading>span:last-child{font:9px Menlo,monospace;color:var(--ink)}
.compare-bar-row svg{display:block;width:100%;height:15px}
.compare-baseline{fill:var(--muted);opacity:.5}
.compare-candidate{fill:var(--accent)}
.compare-inspector>.text-button{font-size:11px}
.source-actions{display:flex;gap:22px;flex-shrink:0}
.diff-view{border:1px solid var(--line);border-radius:7px;overflow:hidden}
.diff-view .file-heading{flex-wrap:wrap}
.diff-view label{display:flex;align-items:center;gap:6px;font:9px -apple-system,sans-serif}
.diff-view input{accent-color:var(--accent)}
.source-diff{margin:0;border:0;border-radius:0;max-height:530px;padding:14px 0;background:var(--paper);font:10px/1.9 Menlo,Consolas,monospace;overflow:auto;tab-size:4}
.diff-line{display:block;min-width:max-content;white-space:pre;padding:0 14px}
.diff-line.added{background:color-mix(in srgb,var(--accent) 9%,var(--paper))}
.diff-line.removed{background:color-mix(in srgb,var(--muted) 9%,var(--paper));color:var(--muted)}
.diff-number{display:inline-block;width:28px;margin-right:5px;color:var(--muted);text-align:right;user-select:none;opacity:.7}
.diff-sign{display:inline-block;width:20px;text-align:center;color:var(--muted);user-select:none}
.diff-line.added .diff-sign{color:var(--accent)}
.diff-empty{display:block;padding:10px 16px;color:var(--muted)}
.replay-caption .text-button{font-size:9px;min-height:16px}
.schematic-note{font:8px Menlo,monospace;color:var(--muted);text-align:center;padding:0 14px 10px}
.coordinator-field{display:block;font-size:10px;color:var(--muted);margin:20px 0 8px}
.coordinator-field input{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:12px;margin-top:8px;font-size:11px}
.coordinator-field input[aria-invalid=true]{border-color:var(--muted)}
@media(max-width:800px){
.compare-layout{grid-template-columns:1.1fr 1fr;gap:22px}
.compare-inspector{padding-left:22px}
.compare-inspector>h3{font-size:19px}
.compare-bar-heading>span:last-child{font-size:8px}
.compare-bar-heading{font-size:9px}
.compare-inspector>.eyebrow{font-size:7px}
.compare-map .measurement-heading>.mono{display:none}
.compare-description{font-size:10px}
.source-actions{gap:16px}
}
@media(max-width:550px){
.compare-layout{grid-template-columns:1fr;gap:24px;padding-bottom:24px;margin-bottom:24px}
.compare-inspector{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}
.compare-inspector>h3{font-size:22px}
.compare-description{min-height:0;font-size:11px}
.compare-bars{margin-top:22px;gap:16px}
.compare-bar-heading{font-size:10px}
.compare-bar-heading>span:last-child{font-size:9px}
.source-toolbar{flex-wrap:wrap;gap:14px}
.source-actions{width:100%;justify-content:space-between}
.source-diff{font-size:9px}
.diff-number{width:22px}
.diff-sign{width:16px}
.replay-caption{flex-direction:row;align-items:center}
.replay-caption span{font-size:8px}
.schematic-note{font-size:7px}
.map-choice{font-size:9px}
.map-choices{gap:6px}
}
.instrument{margin-top:32px;max-width:none;width:100%}
.instrument-top{padding:17px 24px}
.visual-modes{display:flex;gap:20px}
.visual-modes button,.byte-modes button{font-size:11px;color:var(--muted);padding:0;border-bottom:1px solid transparent}
.visual-modes button[aria-pressed=true],.byte-modes button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}
.instrument-body{display:grid;grid-template-columns:1.5fr 1fr}
.visual-stage{min-width:0;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--line);padding:15px 20px 14px}
.contract-visual{padding:0}
.contract-visual svg{max-height:350px}
.stage-hint{font:9px/1.5 Menlo,monospace;color:var(--muted);text-align:center;padding:8px 6px 2px}
.cell{cursor:pointer;outline:none}
.cell:hover .cell-top,.cell:focus-visible .cell-top{stroke:var(--accent);stroke-width:1.8;fill:var(--wash)}
.cell:focus-visible .cell-edge{stroke:var(--accent)}
.cell.empty{opacity:.22}
.cell.empty.active{opacity:.6}
.record-inspector{padding:27px 26px;min-width:0;display:flex;flex-direction:column;justify-content:center}
.record-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}
.record-top>.eyebrow{font-size:8px;margin:0;letter-spacing:.5px}
.record-top .text-button{font-size:10px;white-space:nowrap}
.record-picker{font-size:10px;color:var(--muted);display:block;margin-bottom:20px}
.record-picker select{display:block;color:var(--ink);font-size:16px;letter-spacing:-.3px;width:100%;max-width:100%;padding:10px 0 8px;border-bottom:1px solid var(--line);min-height:40px}
.record-inspector label{font-size:10px;color:var(--muted)}
#record-form label{display:block;margin-bottom:8px}
#record-form label>span{float:right;font:9px Menlo,monospace}
#record-value{height:64px;min-height:64px;resize:vertical;font:11px/1.7 Menlo,monospace;padding:11px;white-space:pre-wrap;overflow-wrap:anywhere}
#record-value[readonly]{border-color:var(--line);resize:none}
.record-inspector input{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:5px;padding:10px;margin:7px 0 10px;font:13px Menlo,monospace;color:var(--ink)}
.record-status{font:9px/1.6 Menlo,monospace;color:var(--muted);margin:10px 0 18px;min-height:15px}
.record-sizes{display:flex;align-items:center;gap:18px}
.record-sizes>div{display:flex;flex-direction:column;gap:6px}
.record-sizes>div>span{font-size:9px;color:var(--muted)}
.record-sizes strong{font-size:26px;font-weight:400;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.record-sizes>span:not(.record-saving){color:var(--muted);font-size:14px}
.record-saving{font:12px Menlo,monospace;color:var(--accent);margin-left:auto}
.record-inspector>.note{font-size:9px;margin-top:14px;line-height:1.6}
.record-actions{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:18px;padding-top:10px}
.record-actions .text-button{font-size:10px}
.instrument-readout{border-top:1px solid var(--line);padding:19px 24px;gap:30px}
.instrument-readout strong{font-size:17px}
.instrument-readout .mono{font-size:9px}
.replay-controls{padding:12px 24px}
.replay-caption{padding:11px 24px}
.schematic-note{display:none}
.byte-visual{min-width:0;padding:8px 0}
.bytes-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}
.bytes-top>.mono{font-size:9px}
.byte-modes{display:flex;gap:18px}
.byte-modes button{font-size:10px;min-height:28px}
.byte-grid{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));gap:4px;max-height:265px;overflow:auto;padding:2px}
.byte-cell{display:flex;align-items:center;justify-content:center;min-height:25px;border:1px solid var(--line);border-radius:3px;font:9px Menlo,monospace;color:var(--ink);background:var(--paper)}
.byte-cell.meta{border-color:var(--accent);color:var(--accent)}
.byte-cell.key{color:var(--muted);background:var(--wash)}
.byte-cell:hover{border-color:var(--ink)}
.byte-fields{display:flex;flex-wrap:wrap;gap:12px 20px;font-size:9px;color:var(--muted);margin-top:22px}
.byte-field{display:flex;align-items:center;gap:6px}
.field-key{display:inline-block;width:6px;height:6px;background:var(--ink)}
.byte-field.meta .field-key{background:var(--accent)}
.byte-field.key .field-key{background:var(--muted)}
.byte-explanation{font-size:10px;color:var(--muted);margin-top:18px}
.bytes-empty{font-size:12px;color:var(--muted);padding:70px 20px;text-align:center}
@media(max-width:1100px){
.instrument-body{grid-template-columns:1.35fr 1fr}
.record-inspector{padding:24px 20px}
.record-top{gap:8px}
.record-top>.eyebrow{font-size:7px}
.record-top .text-button{font-size:9px}
.visual-stage{padding:14px}
.byte-grid{gap:3px}
.byte-cell{font-size:8px}
.bytes-top>.mono{font-size:8px}
}
@media(max-width:800px){
.instrument-body{grid-template-columns:1.2fr 1fr}
.record-inspector{padding:20px 16px}
.record-top{flex-wrap:wrap;margin-bottom:15px;gap:5px}
.record-top .text-button{min-height:25px}
.record-picker select{font-size:14px}
.visual-stage{padding:12px}
.byte-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}
.bytes-top{gap:10px;flex-wrap:wrap;margin-bottom:15px}
.byte-modes{gap:14px}
.byte-fields{font-size:8px;gap:10px}
.record-sizes{gap:13px}
.record-sizes strong{font-size:24px}
.record-saving{font-size:10px}
.record-actions{gap:10px}
.record-actions .text-button{font-size:9px}
.stage-hint{font-size:8px}
}
@media(max-width:600px){
.instrument{margin-top:25px}
.instrument-top{padding:13px 15px;gap:10px;flex-wrap:wrap}
.instrument-top>.mono{font-size:8px}
.instrument-status{font-size:8px}
.visual-modes{gap:14px;order:3;width:100%;border-top:1px solid var(--line);padding-top:8px}
.visual-modes button{font-size:10px}
.instrument-body{grid-template-columns:1fr}
.visual-stage{border-right:0;border-bottom:1px solid var(--line);padding:12px 14px}
.contract-visual svg{max-height:240px}
.record-inspector{padding:19px 18px}
.record-top{flex-wrap:nowrap;margin-bottom:12px}
.record-top>.eyebrow{font-size:8px}
.record-top .text-button{font-size:10px}
.record-picker{margin-bottom:15px}
.record-picker select{font-size:15px}
.record-sizes strong{font-size:27px}
.record-inspector>.note{font-size:9px}
.record-actions .text-button{font-size:10px}
.instrument-readout{padding:16px 18px;gap:17px}
.instrument-readout strong{font-size:15px}
.instrument-readout .mono{font-size:8px}
.replay-controls{padding:10px 16px}
.replay-caption{padding:10px 16px}
.byte-grid{grid-template-columns:repeat(12,minmax(0,1fr));max-height:225px}
.byte-cell{font-size:9px;min-height:23px}
.bytes-top>.mono{font-size:8px}
.byte-fields{font-size:8px;gap:10px 14px;margin-top:16px}
.byte-explanation{font-size:9px;margin-top:13px}
.bytes-empty{padding:50px 16px}
.stage-hint{font-size:8px}
}
@media(max-width:350px){
.record-top>.eyebrow{font-size:7px}
.record-top .text-button{font-size:9px}
.byte-cell{font-size:8px}
.record-sizes{gap:15px}
}
.loop-detail{font:10px/1.6 Menlo,monospace;color:var(--accent);margin-top:17px;overflow-wrap:anywhere}
#loop-action{margin-top:14px;font-size:11px}
.experiment-details{border-top:1px solid var(--line);margin-top:4px}
.experiment-details>summary{display:flex;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;padding:17px 0;font-size:12px;color:var(--muted)}
.experiment-details>summary::-webkit-details-marker{display:none}
.experiment-details .instrument{margin-top:0}
.experiment-details[open]>summary{color:var(--ink)}
.wallet-route{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0;margin:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wallet-route .mono{font-size:9px}
.wallet-route>span:not(.mono){color:var(--accent)}
#wallet-setup label{display:block;font-size:12px;color:var(--muted);margin:20px 0 15px}
#wallet-ticket{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid var(--line);background:var(--paper);border-radius:5px;color:var(--ink);font-size:12px}
#wallet-status{font-size:12px;margin:20px 0;color:var(--muted)}
.wallet-identity{font-size:12px;margin:20px 0}
.wallet-identity>div{padding:10px 0;border-bottom:1px solid var(--line)}
.wallet-identity dt{color:var(--muted);font-size:10px;margin-bottom:5px}
.wallet-identity dd{margin:0;overflow-wrap:anywhere}
#wallet-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}
#wallet-sign{margin-top:20px}
#wallet-contributions{border-top:1px solid var(--line);padding-top:18px}
#wallet-contributions h3{margin-bottom:12px}
#wallet-contributions p{font-size:11px;margin:8px 0}
#wallet-contributions a{color:var(--accent);font:10px Menlo,monospace;overflow-wrap:anywhere}
@media(max-width:800px){
}
@media(max-width:600px){
.loop-detail{font-size:9px}
.experiment-details>summary{font-size:10px;gap:12px}
.experiment-details>summary .mono{font-size:7px;white-space:nowrap}
.wallet-route .mono{font-size:7px}
.wallet-route{gap:6px}
}
@media(max-width:350px){
}
/* The page is the instrument. Its readings come from recorded receipts. */
.page{max-width:1340px;margin:auto;padding:0 44px}
header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500;letter-spacing:-.4px}.lab-mark{width:24px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.1;stroke-linejoin:round}
.header-actions{display:flex;align-items:center;gap:24px}.header-actions>.text-button{font-size:11px}.header-actions>.button{background:none;border-radius:4px;min-height:34px;padding:8px 12px;font-size:11px;gap:12px}.utility-button,.theme{width:28px;height:28px;min-height:28px;border:1px solid var(--line);border-radius:50%;font-size:13px;color:var(--muted)}.utility-button:hover,.theme:hover{color:var(--ink);border-color:var(--muted)}
.console{padding-top:25px}.console-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;gap:20px}.specimen-id{display:flex;align-items:center;gap:15px;font-size:12px}.specimen-id>.mono{font-size:10px;color:var(--accent)}.recorded-badge{font:8px Menlo,monospace;border-left:1px solid var(--line);padding-left:15px;color:var(--muted)}.console-heading>.text-button{font-size:10px}
.console .instrument{margin:0;border:0;border-radius:0;background:none;overflow:visible}.console .instrument-top{padding:0 0 10px;border:0;display:flex;justify-content:space-between;align-items:center;gap:20px}
.console .visual-modes{display:flex;gap:8px}.console .visual-modes button{display:flex;gap:9px;align-items:center;padding:9px 13px;min-height:37px;border:1px solid transparent;border-radius:4px;font-size:11px;color:var(--muted)}.console .visual-modes button[aria-selected=true]{background:var(--wash);border-color:var(--line);color:var(--ink)}.visual-modes svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1;stroke-linejoin:round}.console .instrument-top>.text-button{font-size:10px}
.console-display{position:relative;min-width:0;height:clamp(340px,36vw,490px);display:flex;justify-content:center;align-items:center;padding:0 24px;perspective:1200px}
.display-corner{position:absolute;width:14px;height:14px;border-color:var(--line);border-style:solid;pointer-events:none}.display-corner.top-left{top:17px;left:0;border-width:1px 0 0 1px}.display-corner.top-right{top:17px;right:0;border-width:1px 1px 0 0}.display-corner.bottom-left{bottom:17px;left:0;border-width:0 0 1px 1px}.display-corner.bottom-right{bottom:17px;right:0;border-width:0 1px 1px 0}
.console .contract-visual{width:100%;padding:0;max-width:920px}.console .contract-visual svg{display:block;width:100%;height:auto;max-height:465px;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .18s ease-out;transform-origin:50% 50%}
.console .board-surface{fill:var(--surface);stroke:var(--muted);stroke-width:.7}.console .board-edge{fill:var(--paper);stroke:var(--line)}.console .board-label{font-size:7px;letter-spacing:.7px}.console .board-chip{fill:var(--surface);stroke:var(--muted);stroke-width:.7}.console .board-chip.candidate{stroke:var(--accent)}.console .chip-label{font-size:8px;letter-spacing:.5px}.console .board-trace{stroke:var(--muted);stroke-width:.6;opacity:.5}.console .board-pin{stroke-width:.7}.console .cell-top{fill:var(--wash);stroke:var(--muted);stroke-width:.6}.console .cell.candidate .cell-top{fill:var(--surface);stroke:var(--accent);stroke-width:.7}.console .cell-edge{fill:var(--paper);stroke:var(--line)}.console .cell-mark{stroke-width:.6}.console .cell.active .cell-top{fill:var(--accent);stroke:var(--accent)}.console .cell:hover .cell-top,.console .cell:focus-visible .cell-top{stroke:var(--ink);stroke-width:1.1}.console .cell.active .cell-mark{stroke:var(--paper)}
.display-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:3px 0 14px;color:var(--muted)}#stage-hint{font:9px/1.6 Menlo,monospace;padding:0;text-align:left;margin:0}.display-caption>.text-button{font-size:10px;white-space:nowrap}
.console .instrument-readout{display:flex;justify-content:center;gap:32px;align-items:center;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.console .instrument-readout .mono{font-size:8px;letter-spacing:.6px}.console .instrument-readout strong{font:21px/1.4 Menlo,monospace;font-weight:400;letter-spacing:-.7px;margin-top:7px}.console .readout-arrow{font-size:18px;color:var(--muted)}.console .replay-saving{font:12px Menlo,monospace;color:var(--accent);margin:0 0 0 32px}
.console .replay-controls{display:flex;gap:20px;align-items:center;padding:22px 0 10px;border:0}.console .replay-play{width:37px;height:37px;min-height:37px;border:1px solid var(--line);border-radius:4px;font-size:13px;background:var(--surface)}.console .replay-play:hover{border-color:var(--muted)}.timeline{flex:1;min-width:0}.timeline input{width:100%;display:block;margin:0;accent-color:var(--accent)}.timeline-ticks{display:flex;justify-content:space-between;padding:4px 2px 0}.timeline-ticks i{height:3px;width:1px;background:var(--line)}.timeline-ticks i.major{height:6px;background:var(--muted);opacity:.65}#replay-count{min-width:60px;text-align:right;font-size:10px}.console .replay-caption{border:0;padding:4px 0 18px 57px;display:flex;justify-content:space-between;gap:20px;font:9px Menlo,monospace;color:var(--muted)}.console .replay-caption>.text-button{font-size:10px}
.console .byte-visual{width:min(680px,100%);padding:16px 0}.console .bytes-top{margin-bottom:17px}.console .bytes-top>.mono{font-size:9px}.console .byte-grid{grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;max-height:300px}.console .byte-cell{min-height:32px;font:10px Menlo,monospace;border-radius:2px}.console .byte-fields{margin-top:17px;font-size:9px}.console .byte-explanation{font-size:9px;margin-top:12px}
.landing-gas{width:100%;max-width:1000px;min-width:0}.landing-gas svg{width:100%;height:auto;display:block}.scope-grid{stroke:var(--line);stroke-width:1}.scope-label{fill:var(--muted);font:9px Menlo,monospace;letter-spacing:.5px}.scope-bar.baseline{fill:var(--muted);opacity:.4}.scope-bar.candidate{fill:var(--accent)}.scope-hit{fill:transparent;cursor:pointer}.scope-selection{stroke:var(--ink);stroke-width:.5;stroke-dasharray:2 5;opacity:.5}.scope-reading{text-align:center;font:9px/1.6 Menlo,monospace;color:var(--muted);min-height:16px;margin-top:6px}
.proof-strip{display:grid;grid-template-columns:1.5fr repeat(3,1fr) auto;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;align-items:center}.proof-strip>div{display:flex;flex-direction:column;gap:6px}.proof-strip>div>span:first-child{font:12px Menlo,monospace;color:var(--ink)}.proof-strip>div>span:last-child{font-size:9px;color:var(--muted)}.proof-strip>.proof-label>span:first-child{font:9px Menlo,monospace;color:var(--accent)}.proof-strip .proof-label>span:last-child{font-size:8px;line-height:1.6;max-width:220px}.proof-strip>.text-button{font-size:10px}.lab-footer{display:flex;gap:26px;justify-content:flex-end;padding:22px 0}.lab-footer>.text-button{font-size:10px}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0;font-size:9px;color:var(--muted)}
.record-dialog{position:fixed;margin:16px 16px 16px auto;inset:0 0 0 auto;width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:22px;border-radius:6px}.record-dialog::backdrop{background:rgba(0,0,0,.12);backdrop-filter:none}.record-dialog .dialog-top{margin-bottom:14px}.record-dialog .dialog-top h2{font-size:19px}.record-dialog .record-inspector{padding:0;min-height:0}.record-dialog .record-top{margin-bottom:20px}.record-dialog .record-picker select{font-size:15px}.record-dialog .record-sizes{gap:13px}.record-dialog .record-sizes strong{font-size:26px}.record-dialog .record-saving{font-size:11px}.record-dialog .record-actions{font-size:10px}.record-dialog .record-status{font-size:9px;min-height:30px}
.about-dialog{width:min(880px,calc(100vw - 32px));max-width:none;padding:28px}.about-dialog>.dialog-top{margin-bottom:16px}.about-dialog>.dialog-top h2{font-size:25px}.about-dialog>.dialog-top .eyebrow{margin-bottom:10px;font-size:9px}.about-dialog>p{font-size:12px;color:var(--muted);max-width:630px}.about-dialog .story-art{margin-top:25px}.about-dialog .story-art svg{display:block;width:100%;height:auto}.story-trace{fill:none;stroke:var(--accent);stroke-width:1;stroke-dasharray:3 5;opacity:.5}.return-trace{stroke:var(--muted);opacity:.35}.story-svg-label{fill:var(--muted);font:9px Menlo,monospace;letter-spacing:.7px}.device-edge,.device-front,.device-side{fill:var(--paper);stroke:var(--line);stroke-width:1}.device-top{fill:var(--wash);stroke:var(--line);stroke-width:1}.chip-top{fill:var(--paper);stroke:var(--muted);stroke-width:1}.device-title{fill:var(--muted);font:10px Menlo,monospace}.code-trace{fill:none;stroke:var(--muted);stroke-width:1;opacity:.7}.device-led{fill:var(--muted)}.receipt-paper{fill:var(--paper);stroke:var(--line);stroke-width:1}.receipt-shadow{fill:var(--wash)}.receipt-check{fill:none;stroke:var(--muted);stroke-width:2}.story-device{opacity:.8;cursor:pointer;transition:opacity .2s}.story-art[data-step="0"] [data-device="0"],.story-art[data-step="1"] [data-device="1"],.story-art[data-step="2"] [data-device="2"]{opacity:1}.story-art[data-step="0"] [data-device="0"] :is(.device-top,.device-front,.device-side),.story-art[data-step="1"] [data-device="1"] :is(.device-top,.device-front,.device-side),.story-art[data-step="2"] .receipt-paper{stroke:var(--accent)}.story-art[data-step="0"] [data-device="0"] .device-led,.story-art[data-step="1"] [data-device="1"] .device-led{fill:var(--accent)}.story-art[data-step="2"] .receipt-check{stroke:var(--accent)}
.story-steps{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-top:20px}.story-steps button{display:flex;gap:10px;font-size:11px;color:var(--muted);padding:10px 0;border-bottom:1px solid transparent;align-items:center}.story-steps .mono{font-size:8px}.story-steps button[aria-selected=true]{color:var(--ink);border-color:var(--accent)}.story-steps button[aria-selected=true] .mono{color:var(--accent)}#loop-panel{padding:20px 0;min-height:135px}#loop-kicker{display:none}#loop-title{font-size:19px}#loop-description{font-size:11px;color:var(--muted);margin-top:9px;max-width:600px}#loop-action{font-size:11px;margin-top:13px}
.workers-details{margin-top:12px}.workers-details>summary{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);cursor:pointer;padding:10px 0;border-top:1px solid var(--line)}.workers-details>summary>span:last-child{font-size:9px}.workers-details .activity-details{margin-top:15px}
.research-dialog{width:min(800px,calc(100vw - 32px));max-width:none;padding:24px}.research{padding:5px 0}.research .eyebrow{font-size:8px;letter-spacing:.6px;margin-bottom:10px}.research .section-heading{align-items:flex-end;margin-bottom:15px}.research h2{font-size:22px}.log-controls{display:flex;align-items:center;gap:18px}.log-controls .text-button{font-size:10px}.connection{font-size:8px}.run{padding:18px 0}.run-name{font-size:12px}.run-sub{font-size:9px}.run-status{font-size:8px}.run-value{font-size:12px}
.experiment-dialog{width:min(1120px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border-radius:8px}.inspector-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:3}.inspector-header .eyebrow{font-size:8px;margin-bottom:8px}.inspector-header h2{font-size:22px}.inspector-header .close{flex-shrink:0}.inspector-goal{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 28px;font-size:10px;border-bottom:1px solid var(--line)}.result-modes{display:flex;gap:20px}.result-modes button{font-size:11px;color:var(--muted);padding:8px 0;border-bottom:1px solid transparent}.result-modes button[aria-pressed=true]{color:var(--ink);border-color:var(--accent)}.experiment-dialog .lab{border:0;border-radius:0}.experiment-dialog .lab-top{padding:24px 28px 18px}.experiment-dialog .lab-top h2{font-size:21px}.experiment-dialog .lab-top .eyebrow{margin-bottom:10px}.experiment-dialog .workload,.experiment-dialog .workbench-nav{padding-left:28px;padding-right:28px}.experiment-dialog .panel{padding:25px 28px}
html:has(dialog[open]){overflow:hidden}dialog{overscroll-behavior:contain}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}
@media(min-width:900px){html:has(#record-dialog[open]) .console-display{padding-right:300px}}
@media(max-width:1000px){.page{padding:0 30px}.console-display{height:390px}.proof-strip{gap:18px}.console .instrument-readout{gap:25px}.console .replay-saving{margin-left:12px}.proof-strip>div>span:first-child{font-size:11px}.scope-reading{font-size:8px}}
@media(max-width:700px){.page{padding:0 18px}header{height:65px;gap:10px}.wordmark{font-size:12px;gap:7px}.lab-mark{width:20px;height:20px}.header-actions{gap:10px}.header-actions>.text-button{font-size:9px}.header-actions>.button{font-size:9px;padding:7px 9px;min-height:30px}.utility-button,.theme{width:25px;height:25px;min-height:25px;font-size:12px}.console{padding-top:20px}.console-heading{padding-bottom:15px;gap:10px}.specimen-id{gap:9px;font-size:11px}.specimen-id>.mono{font-size:8px}.recorded-badge{font-size:7px;padding-left:9px}.console-heading>.text-button{font-size:9px}.console .instrument-top{gap:10px;padding-bottom:5px}.console .visual-modes{gap:2px;width:auto;order:initial;border:0;padding:0}.console .visual-modes button{font-size:10px;padding:7px 9px;gap:6px;min-height:32px}.visual-modes svg{width:15px;height:15px}.console .instrument-top>.text-button{font-size:9px}.console-display{height:clamp(230px,56vw,355px);padding:0 3px}.console .contract-visual svg{max-height:340px}.display-corner{width:10px;height:10px}.display-corner.top-left,.display-corner.top-right{top:10px}.display-corner.bottom-left,.display-corner.bottom-right{bottom:10px}.display-caption{padding:7px 0 15px;gap:12px}#stage-hint{font-size:8px;max-width:210px}.display-caption>.text-button{font-size:9px}.console .instrument-readout{gap:15px;padding:17px 0}.console .instrument-readout .mono{font-size:7px;letter-spacing:.2px}.console .instrument-readout strong{font-size:14px;letter-spacing:-.4px}.console .readout-arrow{font-size:13px}.console .replay-saving{font-size:9px;margin-left:4px}.console .replay-controls{padding-top:20px;gap:12px}.console .replay-play{width:33px;height:33px;min-height:33px;font-size:11px}#replay-count{font-size:9px;min-width:47px}.console .replay-caption{padding:6px 0 16px 45px;font-size:8px;flex-direction:row;align-items:center;gap:12px}.console .replay-caption>.text-button{font-size:9px}.console .byte-visual{padding:14px 8px}.console .byte-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;max-height:230px}.console .byte-cell{min-height:23px;font-size:8px}.console .bytes-top{margin-bottom:10px}.console .bytes-top>.mono{font-size:7px}.console .byte-fields{font-size:7px;gap:7px 10px;margin-top:12px}.console .byte-explanation{font-size:8px;margin-top:9px}.scope-reading{font-size:8px;max-width:300px;margin:8px auto 0}.landing-gas svg{min-height:190px}.proof-strip{grid-template-columns:repeat(3,1fr);gap:14px 10px;padding:17px 0}.proof-strip>.proof-label{grid-column:1/3;gap:4px}.proof-strip>.text-button{grid-column:3;grid-row:1;justify-self:end;font-size:9px}.proof-strip>div>span:first-child{font-size:10px}.proof-strip>div>span:last-child{font-size:8px}.proof-strip>.proof-label>span:first-child{font-size:8px}.proof-strip .proof-label>span:last-child{font-size:7px;max-width:none}.lab-footer{gap:0;justify-content:space-between;flex-wrap:wrap;padding:19px 0}.lab-footer>.text-button{font-size:9px}footer{font-size:8px;padding:16px 0;gap:15px}.record-dialog{width:calc(100vw - 24px);max-width:380px;inset:12px 12px auto auto;margin:0;max-height:calc(100dvh - 24px);padding:20px}.about-dialog{padding:22px 18px}.about-dialog>.dialog-top h2{font-size:22px}.about-dialog>p{font-size:11px}.about-dialog .story-art{margin-top:22px}.story-steps{gap:20px}.story-steps button{font-size:10px;gap:8px}.story-steps .mono{font-size:7px}#loop-title{font-size:19px}#loop-description{font-size:10px}.research-dialog{padding:20px 18px}.research h2{font-size:20px}.research .eyebrow{font-size:7px}.log-controls{gap:5px;flex-direction:column;align-items:flex-end}.log-controls .text-button{font-size:9px}.run-name{font-size:11px}.run-sub{font-size:8px}.run-value{font-size:11px}.run-status{font-size:7px}.experiment-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:6px}.inspector-header{padding:20px 18px}.inspector-header h2{font-size:20px}.inspector-goal{padding:11px 18px;font-size:9px}.result-modes{gap:16px}.result-modes button{font-size:10px}.experiment-dialog .lab-top,.experiment-dialog .panel{padding:20px 18px}.experiment-dialog .workload,.experiment-dialog .workbench-nav{padding-left:18px;padding-right:18px}}
@media(max-width:380px){.page{padding:0 14px}.wordmark{font-size:11px;gap:6px}.lab-mark{width:18px;height:18px}.header-actions{gap:8px}.header-actions>.text-button{display:none}.header-actions>.button{font-size:8px;padding:7px 8px}.console .visual-modes button{font-size:9px;padding:7px 7px;gap:5px}.console .instrument-top>.text-button{font-size:8px}.visual-modes svg{width:14px;height:14px}.console .instrument-readout{gap:10px}.console .instrument-readout strong{font-size:12px}.console .replay-saving{font-size:8px}.console .byte-cell{font-size:7px;min-height:20px}.proof-strip>div>span:first-child{font-size:9px}.lab-footer>.text-button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.console .contract-visual svg,.story-device{transition:none;transform:none!important}}

@media(max-width:700px){.console[data-view=bytes] .console-display{height:370px}}
/* Observed work stays separate from the recorded instrument. */
.work-rail{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:24px 0 20px;border-bottom:1px solid var(--line)}.rail-status{display:grid;grid-template-columns:6px auto;gap:5px 9px;align-items:center;font-size:10px;min-width:145px}.rail-status .mono{grid-column:2;font-size:8px;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--muted)}.work-rail[data-status=working] .status-dot{background:var(--accent);box-shadow:0 0 10px color-mix(in srgb,var(--accent) 30%,transparent)}.work-rail[data-status=unavailable]{opacity:.7}.pipeline{display:flex;align-items:center;width:min(700px,70%);gap:30px}.pipeline-stage{display:flex;align-items:center;text-align:left;gap:12px;position:relative;flex:1;padding:5px 0;min-width:0}.pipeline-stage:not(:last-child):after{content:'';position:absolute;right:-21px;top:50%;width:12px;border-top:1px solid var(--line)}.pipeline-stage svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:var(--muted);stroke-width:1}.pipeline-label{display:flex;flex-direction:column;gap:5px;font-size:10px}.pipeline-label small{font:8px Menlo,monospace;color:var(--muted);white-space:nowrap}.stage-indicator{width:3px;height:3px;background:var(--muted);margin-left:auto;opacity:.35;border-radius:50%}.pipeline-stage.complete .stage-indicator{background:var(--accent);opacity:1}.pipeline-stage.active svg{stroke:var(--accent)}.pipeline-stage.active .stage-indicator{background:var(--accent);opacity:1;animation:stage-pulse 1.8s ease-in-out infinite}.pipeline-stage.failed .stage-indicator{background:#c4776f;opacity:1}.pipeline-stage:hover svg{stroke:var(--ink)}.console{padding-top:24px}.record-hud{display:flex;justify-content:space-between;gap:16px;padding:0 0 16px;color:var(--muted);font-size:9px}.record-hud>span:last-child{color:var(--ink)}.console .instrument-readout{padding-top:16px;padding-bottom:19px}.console .replay-controls{gap:15px}.replay-option{font:11px Menlo,monospace;color:var(--muted);padding:7px 0;min-width:22px}.replay-option[aria-pressed=true]{color:var(--accent)}.console .timeline-ticks i.passed{background:var(--accent);opacity:.4}.console[data-playing=true] .cell.active .cell-top{animation:write-pulse .5s ease-out}.cell.hovered .cell-top{stroke:var(--accent);stroke-width:1.2}.console .contract-visual svg{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .2s ease-out}.byte-reading{font:9px/1.6 Menlo,monospace;color:var(--ink);margin-top:10px;min-height:15px}.byte-field{border-bottom:1px solid transparent;padding:4px 0;font:inherit;color:inherit;display:flex;gap:6px;align-items:center;cursor:pointer}.byte-field[aria-pressed=true]{border-color:var(--accent);color:var(--ink)}.byte-cell.field-selected{outline:1px solid var(--accent);outline-offset:-1px;color:var(--ink)}
.activity-dialog{position:fixed;inset:0 0 0 auto;margin:16px 16px 16px auto;width:430px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:24px;border-radius:6px}.activity-dialog .dialog-top{margin-bottom:24px}.activity-dialog .dialog-top h2{font-size:24px}.activity-dialog .eyebrow{font-size:8px;margin-bottom:9px}.activity-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);padding-bottom:16px}.activity-tabs .pipeline-stage{flex-direction:column;align-items:flex-start;gap:8px;min-height:44px}.activity-tabs .pipeline-stage:after,.activity-tabs .stage-indicator,.activity-tabs small{display:none}.activity-tabs .pipeline-label{font-size:10px}.activity-tabs .pipeline-stage[aria-selected=true] svg{stroke:var(--accent)}.activity-tabs .pipeline-stage[aria-selected=true]{color:var(--accent)}#activity-body{padding:23px 0 6px}.activity-source{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;font-size:11px;margin-bottom:23px}.activity-source>span:first-child{overflow-wrap:anywhere;max-width:230px}.activity-source .mono{font-size:9px;color:var(--muted);padding-top:1px}.lane-progress{margin:0 0 26px}.lane-progress h3{font-size:8px;color:var(--muted);letter-spacing:.6px;margin-bottom:18px}.lane-progress.candidate h3{color:var(--accent)}.segment-meter{margin-bottom:16px}.meter-heading{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px;color:var(--muted)}.meter-heading .mono{font-size:9px}.meter-segments{display:flex;gap:4px}.meter-segments i{flex:1;height:5px;background:var(--line);border-radius:1px}.lane-progress .meter-segments i.done{background:var(--muted);opacity:.7}.lane-progress.candidate .meter-segments i.done{background:var(--accent);opacity:1}.segment-meter.calls .meter-segments{gap:3px}.segment-meter.randomized .meter-segments i{height:3px}.activity-note{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0;overflow-wrap:anywhere}.activity-workers{margin:0 0 20px}.activity-worker{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;font-size:11px}.activity-worker>i{height:4px;width:4px;flex-shrink:0;background:var(--muted);border-radius:50%}.activity-worker>i.online{background:var(--accent)}.activity-worker>.mono{font-size:9px;color:var(--muted);margin-left:auto}.activity-workers>p{font-size:11px;padding:22px 0}.activity-dialog .text-button{font-size:11px;margin:14px 20px 10px 0}.build-object{padding:10px 0 18px}.build-object svg{width:100%;height:120px}.build-outline{stroke:var(--muted);fill:none;stroke-width:.5}.build-object text{font:12px Menlo,monospace;fill:var(--ink)}.activity-result{display:flex;flex-direction:column;padding:20px 0 25px;gap:14px}.activity-result>span{font:9px Menlo,monospace;color:var(--accent)}.activity-result.failed>span{color:#c4776f}.activity-result strong{font:38px Menlo,monospace;letter-spacing:-2px}.activity-result small{font-size:10px;color:var(--muted)}.activity-log{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.activity-log-heading{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:8px}.activity-log-heading .mono{font-size:8px}.activity-log ol{list-style:none;margin:15px 0 0;padding:0}.activity-log li{display:flex;align-items:baseline;gap:15px;font-size:9px;line-height:1.7;padding:9px 0;border-bottom:1px solid var(--line)}.activity-log time{flex-shrink:0;font:8px Menlo,monospace;color:var(--muted)}.activity-log li>span{overflow-wrap:anywhere}.work-rail[data-status=working] .pipeline:after{display:none}
@keyframes stage-pulse{50%{opacity:.3;transform:scale(.8)}}@keyframes write-pulse{from{fill:var(--ink);stroke:var(--ink)}to{fill:var(--accent);stroke:var(--accent)}}
@media(max-width:1000px){.pipeline{width:75%;gap:20px}.pipeline-stage{gap:8px}.pipeline-stage:not(:last-child):after{right:-15px;width:9px}.work-rail{gap:22px}.pipeline-stage svg{width:20px;height:20px}.pipeline-label{font-size:9px}.pipeline-label small{font-size:7px}.stage-indicator{display:none}}
@media(max-width:700px){.work-rail{display:block;padding:16px 0 17px}.rail-status{display:flex;gap:8px;font-size:9px;margin-bottom:19px}.rail-status .mono{margin-left:auto;font-size:8px}.pipeline{width:100%;gap:18px}.pipeline-stage{gap:8px;padding:0;min-height:27px}.pipeline-stage svg{width:18px;height:18px}.pipeline-label{font-size:9px;gap:4px}.pipeline-label small{font-size:6px}.pipeline-stage:not(:last-child):after{right:-10px;width:5px}.console{padding-top:20px}.record-hud{font-size:8px;padding-bottom:12px}.console .replay-controls{gap:10px}.replay-option{font-size:10px;min-width:19px}.byte-reading{font-size:8px}.activity-dialog{inset:12px 12px auto auto;margin:0;padding:20px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.activity-source{font-size:10px}.activity-source>span:first-child{max-width:180px}.activity-source .mono{font-size:8px}.activity-tabs{gap:16px}.activity-tabs .pipeline-stage{align-items:flex-start}.activity-dialog .dialog-top h2{font-size:22px}.activity-log time{font-size:7px}.activity-log li{gap:10px;font-size:8px}.activity-result strong{font-size:32px}}
@media(max-width:380px){.pipeline{gap:13px}.pipeline-stage{gap:6px}.pipeline-stage svg{width:16px;height:16px}.pipeline-label{font-size:8px}.pipeline-label small{font-size:6px}.pipeline-stage:not(:last-child):after{display:none}.console .replay-controls{gap:8px}.replay-option{font-size:9px;min-width:18px}.record-hud{font-size:7px}.console .replay-caption{padding-left:41px}.console .byte-visual{padding:12px 7px}}
@media(prefers-reduced-motion:reduce){.pipeline-stage.active .stage-indicator,.console[data-playing=true] .cell.active .cell-top{animation:none}.console .contract-visual svg{transform:none;transition:none}}
@media(max-width:700px){.pipeline .pipeline-stage{display:grid;grid-template-columns:18px minmax(0,1fr);gap:5px 6px;align-items:center}.pipeline .pipeline-stage svg{grid-row:1;grid-column:1}.pipeline .pipeline-label{display:contents}.pipeline .pipeline-label>span{grid-row:1;grid-column:2}.pipeline .pipeline-label small{grid-row:2;grid-column:1/3;font-size:7px;overflow:hidden;text-overflow:ellipsis;max-width:100%}}
@media(max-width:380px){.pipeline .pipeline-stage{grid-template-columns:16px minmax(0,1fr)}.pipeline .pipeline-label small{font-size:6px}}
/* Two versions, one recorded workload. The reveal is a schematic comparison. */
.console{padding-top:32px}.console-heading{padding-bottom:26px;align-items:flex-end}.mission h1{font-size:24px;font-weight:450;letter-spacing:-.8px;margin:0;line-height:1.25}.mission p{font-size:11px;color:var(--muted);margin:9px 0 0}.console-display{height:clamp(340px,33vw,455px);padding:0 22px}.console .contract-visual{max-width:1000px}.console .board-label{font-size:8px;letter-spacing:.7px}.console .board-surface{fill:var(--surface);stroke:var(--muted)}.original-overlay{pointer-events:none}.original-record.empty{opacity:.14}.original-record.active .cell-top{fill:var(--muted)}.reveal-seam{stroke:var(--accent);stroke-width:.8;stroke-dasharray:2 3;pointer-events:none}.comparison-control{padding:15px 0 25px}.comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.comparison-heading p{margin:0;font-size:12px}.comparison-heading .mono{font-size:8px;letter-spacing:.5px}.comparison-slider{display:flex;align-items:center;gap:22px;max-width:520px;margin:0 auto}.comparison-slider input{width:100%;flex:1;min-width:0;accent-color:var(--accent);cursor:ew-resize;height:24px}.comparison-slider button{font-size:11px;min-width:58px}.comparison-slider button[aria-pressed=true]{color:var(--ink)}.comparison-slider button:last-child[aria-pressed=true]{color:var(--accent)}.recorded-tools>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding:15px 0 19px;gap:20px}.recorded-tools>summary::-webkit-details-marker{display:none}.recorded-tools>summary .mono{font-size:8px}.details-chevron{display:inline-block;margin-left:15px;transition:transform .2s}.recorded-tools[open] .details-chevron{transform:rotate(90deg)}.recorded-tools[open]>summary{padding-bottom:18px}.recorded-tools .instrument-readout{border-top:0}.proof-strip{padding:20px 0}.work-rail{border-bottom:0;border-top:0;padding:20px 0}.lab-footer{justify-content:flex-start;border-top:1px solid var(--line);gap:28px}.console .cell.hovered .cell-top{stroke:var(--ink);stroke-width:1.1}
@media(max-width:700px){.console{padding-top:24px}.console-heading{align-items:center;padding-bottom:20px}.mission h1{font-size:20px;letter-spacing:-.6px;max-width:300px}.mission p{font-size:10px;margin-top:8px}.console-heading>.text-button{font-size:9px}.console-display{height:clamp(235px,55vw,355px);padding:0}.comparison-control{padding:12px 0 21px}.comparison-heading{display:block;margin-bottom:12px}.comparison-heading p{font-size:12px}.comparison-heading .mono{display:block;font-size:7px;margin-top:6px}.comparison-slider{gap:15px}.comparison-slider button{font-size:10px;min-width:49px}.recorded-tools>summary{font-size:10px;padding:14px 0 18px}.recorded-tools>summary .mono{font-size:7px}.lab-footer{justify-content:space-between;gap:0}.proof-strip{padding:18px 0}.console .board-label{font-size:10px;letter-spacing:.3px}.display-caption{padding-top:0}}
@media(max-width:380px){.mission h1{font-size:18px}.mission p{font-size:9px;max-width:220px}.console-heading>.text-button{font-size:8px}.comparison-heading p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.details-chevron{transition:none}}

.comparison-heading>div:first-child .mono{display:block;margin-top:7px}.comparison-result{display:flex;align-items:baseline;gap:12px}.comparison-result strong{font:26px/1.2 Menlo,monospace;letter-spacing:-1px;font-weight:400;color:var(--accent)}.comparison-result>span{font:8px Menlo,monospace;color:var(--muted)}
@media(max-width:700px){.comparison-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px}.comparison-result{flex-direction:column;align-items:flex-end;gap:7px}.comparison-result strong{font-size:22px}.comparison-result>span{font-size:6px;white-space:nowrap}.comparison-heading>div:first-child .mono{font-size:6px}.comparison-heading p{font-size:11px}}

/* Real verification uses the same paired-board language as the recorded comparison. */
.work-visual{width:100%;max-width:1000px}.work-visual svg{display:block;width:100%;height:auto;max-height:460px}.bench-edge,.bench-check-edge{fill:none;stroke:var(--line);stroke-width:.8}.bench-label{font:8px Menlo,monospace;fill:var(--muted);letter-spacing:1px}.bench-lane.candidate .bench-label{fill:var(--accent)}.bench-check-top{fill:var(--wash);stroke:var(--line);stroke-width:.7}.bench-check-number{fill:var(--muted);font:7px Menlo,monospace;pointer-events:none}.bench-check{cursor:pointer}.bench-check.passed .bench-check-top{fill:var(--surface);stroke:var(--muted)}.bench-lane.candidate .bench-check.passed .bench-check-top{stroke:var(--accent)}.bench-lane.candidate .bench-check.passed .bench-check-number{fill:var(--accent)}.bench-check:is(:hover,:focus-visible) .bench-check-top{stroke:var(--ink);stroke-width:1.3}.bench-check.checking .bench-check-top{fill:var(--accent);stroke:var(--accent);animation:stage-pulse 1.2s ease-in-out infinite}.bench-check.checking .bench-check-number{fill:var(--paper)}.bench-check-count{font:10px Menlo,monospace;fill:var(--ink);letter-spacing:.4px}.bench-counter{font:6px Menlo,monospace;fill:var(--muted);letter-spacing:.4px}.bench-bit{fill:var(--line)}.bench-bit.confirmed{fill:var(--muted)}.bench-lane.candidate .bench-bit.confirmed{fill:var(--accent)}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 26px}.work-caption p{font-size:12px;margin:8px 0;color:var(--ink)}.work-caption .mono{font-size:8px;line-height:1.6;display:block}.work-caption>div{min-width:0}.work-caption>.text-button{font-size:11px;flex-shrink:0}.work-caption #work-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:750px;min-height:14px}.research-summary{font-size:10px;color:var(--muted);margin:10px 0 0}.console[data-view=work] .console-display{height:clamp(350px,33vw,470px)}
@media(max-width:700px){.console .visual-modes button{font-size:9px;padding:7px 8px;gap:5px}.console[data-view=work] .console-display{height:280px}.work-visual svg{max-height:310px}.work-caption{padding:17px 0 23px;gap:10px;align-items:flex-start}.work-caption p{font-size:11px;margin:7px 0}.work-caption .mono{font-size:7px}.work-caption>.text-button{font-size:9px;white-space:nowrap;min-height:22px}.work-caption #work-detail{max-width:230px;font-size:6px}.bench-label{font-size:10px;letter-spacing:.5px}.bench-check-count{font-size:14px}.bench-counter{font-size:8px;letter-spacing:0}.bench-check-number{font-size:10px}.research-summary{font-size:9px}}
@media(max-width:380px){.console .visual-modes button{font-size:8px;padding:7px}.work-caption #work-detail{max-width:180px}.work-caption p{font-size:10px}.work-caption .mono{font-size:6px}.console[data-view=work] .console-display{height:255px}}
@media(prefers-reduced-motion:reduce){.bench-check.checking .bench-check-top{animation:none}}

.bench-check{transition:transform .16s ease-out}.bench-check:hover{transform:translateY(-3px)}.bench-lane.candidate .bench-check.passed .bench-check-top{fill:color-mix(in srgb,var(--accent) 6%,var(--surface))}.bench-lane.failed .bench-check:not(.passed) .bench-check-top{stroke:var(--muted);stroke-dasharray:2 2}.work-visual[data-archived=true] .bench-check-top{animation:none}
@media(prefers-reduced-motion:reduce){.bench-check{transition:none}.bench-check:hover{transform:none}}

.work-evidence{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.work-evidence>.text-button{font-size:11px}.work-evidence>.mono{color:var(--accent);font-size:9px;white-space:nowrap}
@media(max-width:700px){.work-caption{flex-wrap:wrap}.work-caption>div:first-child{flex:1;min-width:150px}.work-evidence>.text-button{font-size:9px}.work-evidence>.mono{font-size:7px}.work-evidence{gap:5px}.work-caption #work-context{max-width:210px}}

.check-evidence{padding:17px 0 20px;border-bottom:1px solid var(--line);margin-bottom:20px}.check-evidence>.mono{font-size:8px;color:var(--accent)}.check-evidence h3{font-size:18px;font-weight:450;letter-spacing:-.4px;margin:11px 0}.check-evidence p{font-size:11px;margin:8px 0}.check-evidence .activity-note{font-size:10px;margin-top:12px}
/* A quiet strip of actual source versions; each meter is relative to the original. */
.experiment-trail{border-top:1px solid var(--line);padding:18px 0 22px}.experiment-trail[hidden]{display:none}.trail-heading{display:flex;justify-content:space-between;gap:16px;margin-bottom:17px;color:var(--muted)}.trail-heading .mono{font-size:8px;letter-spacing:.4px}.experiment-points{display:flex;gap:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:5px}.experiment-point{appearance:none;flex:1 0 155px;min-width:155px;max-width:240px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;padding:0 18px;color:var(--ink);cursor:pointer}.experiment-point:first-child{padding-left:0}.experiment-point:last-child{border-right:0}.experiment-point:hover .point-heading,.experiment-point:focus-visible .point-heading{color:var(--accent)}.experiment-point:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.point-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:var(--muted)}.point-heading .mono{font-size:9px;letter-spacing:.6px}.point-dot{width:5px;height:5px;border:1px solid var(--muted);border-radius:50%}.balanced .point-dot{background:var(--accent);border-color:var(--accent)}.current .point-dot{background:var(--accent);border-color:var(--accent);animation:stage-pulse 1.2s ease-in-out infinite}.point-metric{display:grid;grid-template-columns:25px minmax(20px,1fr) 65px;align-items:center;gap:7px;margin:9px 0;font:8px Menlo,monospace;color:var(--muted)}.point-metric>span:last-child{text-align:right;color:var(--ink)}.point-meter{height:3px;position:relative;background:var(--wash)}.point-meter:after{content:'';position:absolute;left:50%;top:-2px;height:7px;border-left:1px solid var(--muted)}.point-meter i{position:absolute;height:3px}.point-meter .saving{left:50%;background:var(--accent)}.point-meter .growth{right:50%;background:var(--muted)}.point-label{display:block;margin-top:14px;font-size:9px;color:var(--muted)}.balanced .point-label{color:var(--accent)}.experiment-point:disabled{cursor:default}.experiment-point:disabled:hover .point-heading{color:var(--muted)}
@media(max-width:700px){.experiment-trail{padding:16px 0}.trail-heading .mono{font-size:7px}.experiment-point{flex:0 0 158px;min-width:158px;padding:0 15px}.point-metric{font-size:8px}.point-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){.current .point-dot{animation:none}}
.bench-check.awaiting-code{opacity:.22}.bench-preparation{cursor:pointer}.preparation-top{fill:var(--surface);stroke:var(--muted);stroke-width:1}.preparation-label{font:9px Menlo,monospace;fill:var(--ink);letter-spacing:.8px}.bench-preparation.working .preparation-top{stroke:var(--accent);animation:preparation-pulse 1.8s ease-in-out infinite}.bench-preparation:is(:hover,:focus-visible) .preparation-top{stroke:var(--ink);stroke-width:1.5}.bench-preparation .bench-label{font-size:6px;letter-spacing:.4px}@keyframes preparation-pulse{50%{fill:color-mix(in srgb,var(--accent) 10%,var(--surface))}}@media(prefers-reduced-motion:reduce){.bench-preparation.working .preparation-top{animation:none}}

.worker-route{display:flex;align-items:center;gap:14px;padding:18px 0 22px;font-size:11px;color:var(--muted);border-top:1px solid var(--line)}.worker-route b{font:9px Menlo,monospace;color:var(--accent);margin-right:6px}.worker-route i{font-style:normal;opacity:.4}.worker-mode{display:flex;gap:5px;margin-bottom:12px}.worker-mode button{padding:9px 15px;border:1px solid var(--line);border-radius:5px;font-size:11px;color:var(--muted)}.worker-mode button[aria-pressed=true]{background:var(--wash);color:var(--ink);border-color:var(--muted)}.worker-fields{display:grid;grid-template-columns:1.4fr 1fr;gap:14px}.worker-fields .coordinator-field{min-width:0}.worker-fields input[aria-invalid=true]{border-color:var(--muted)}#worker-mode-note{min-height:36px}#worker-dialog pre{overflow:auto}#worker-dialog [data-copy]:disabled{opacity:.35;cursor:default}@media(max-width:520px){.worker-fields{grid-template-columns:1fr;gap:0}.worker-route{gap:8px;font-size:10px}.worker-route b{margin-right:3px}}
/* Approved pixel identity. Artwork is decorative; live evidence remains interactive. */
.wordmark .brand-mark{width:40px;height:40px;flex:0 0 auto;border-radius:4px;object-fit:contain;background:#000}
.console-heading.brand-heading{position:relative;min-height:230px;background:#000;border-radius:4px;padding:34px 28px;margin:0 0 22px;overflow:hidden;isolation:isolate;align-items:center}
.brand-heading .brand-art{position:absolute;right:0;top:0;width:76%;height:100%;object-fit:contain;z-index:-1}
.brand-heading .mission{max-width:42%;color:#f5f5f5}.brand-heading .mission h1{font-size:27px;font-weight:500;line-height:1.2;letter-spacing:-1px;margin:0 0 15px}.brand-heading .mission p{color:#999;font-size:11px;line-height:1.7;margin:0}
.brand-heading>#explore-result{position:absolute;right:18px;bottom:12px;color:#aaa}
html[data-theme=light] .brand-heading{background:var(--surface);border:1px solid var(--line)}
html[data-theme=light] :is(.brand-art,.wordmark .brand-mark){filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply}
html[data-theme=light] .brand-heading .mission{color:var(--ink)}
html[data-theme=light] .brand-heading .mission p,html[data-theme=light] .brand-heading>#explore-result{color:var(--muted)}
@media(max-width:700px){.wordmark .brand-mark{width:32px;height:32px}.console-heading.brand-heading{min-height:230px;padding:21px 18px;margin-bottom:17px;align-items:flex-start}.brand-heading .mission{max-width:100%;pointer-events:none}.brand-heading .mission h1{font-size:21px;margin-bottom:9px}.brand-heading .mission h1 br{display:none}.brand-heading .mission p{font-size:10px}.brand-heading .mission p br{display:none}.brand-heading .brand-art{width:100%;height:140px;top:auto;bottom:0}.brand-heading>#explore-result{bottom:9px;right:12px;font-size:9px}}
@media(max-width:380px){header .header-actions{gap:6px}header .header-actions>#results-open{display:none}.wordmark{gap:6px}.brand-heading .mission h1{font-size:19px;letter-spacing:-.6px}}
.header-actions>#results-open{white-space:nowrap;flex-shrink:0}