:root{--bg:#07090d;--panel:#0d1118;--raised:#121824;--ink:#f3f5f7;--muted:#8993a4;--line:#252e3d;--violet:#9d7cff;--cyan:#5ee7d7;--amber:#ffc857;--danger:#ff6b77;--ok:#70e19b;--focus:#fff;--r:10px;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;--sans:Inter,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}body{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px}.skip{position:fixed;left:12px;top:-60px;background:#fff;color:#000;padding:10px;z-index:20}.skip:focus{top:12px}.topbar{position:sticky;top:0;z-index:10;min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:0 22px;background:rgba(7,9,13,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:700 12px/1 var(--mono);letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid var(--violet);color:var(--violet);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}nav{display:flex;align-items:center;gap:3px;overflow:auto}nav a{padding:19px 10px 17px;border-bottom:2px solid transparent;color:var(--muted);text-decoration:none;font-size:13px;white-space:nowrap}nav a:hover,nav a:focus-visible{color:var(--ink)}nav a[aria-current=page]{color:var(--ink);border-color:var(--violet)}.live-key{display:flex;gap:8px;align-items:center;color:var(--muted);font:11px var(--mono);white-space:nowrap}.pulse{width:7px;height:7px;background:var(--ok);border-radius:50%;box-shadow:0 0 12px var(--ok)}main{padding:22px;min-width:0}.masthead{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.eyebrow{color:var(--violet);font:700 11px var(--mono);letter-spacing:.14em;text-transform:uppercase}.masthead h1{font-size:clamp(26px,3vw,46px);line-height:1;margin:8px 0 0;letter-spacing:-.04em}.masthead p{max-width:650px;color:var(--muted);margin:8px 0 0;line-height:1.5}.source-chip{border:1px solid var(--line);border-radius:999px;padding:8px 11px;color:var(--muted);font:11px var(--mono)}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line);border-radius:7px;background:var(--raised);color:var(--ink);padding:9px 12px;cursor:pointer}button:hover,button:focus-visible,.button:focus-visible{border-color:var(--violet);outline:none}button[aria-pressed=true],button.active{background:var(--violet);color:#090711;border-color:var(--violet)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:#090d14;color:var(--ink);padding:10px}textarea{min-height:130px;resize:vertical}label{display:grid;gap:7px;color:var(--muted);font-size:12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--violet);outline-offset:1px}.panel{background:linear-gradient(145deg,rgba(18,24,36,.96),rgba(10,14,21,.96));border:1px solid var(--line);border-radius:var(--r)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:13px;margin:0}.panel-body{padding:15px}.statline{display:flex;gap:22px;flex-wrap:wrap}.stat strong{display:block;font:600 25px var(--mono)}.stat span{color:var(--muted);font-size:11px}.status{display:inline-flex;align-items:center;gap:6px;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.status::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status.active{color:var(--amber)}.status.pass{color:var(--ok)}.status.wait{color:var(--muted)}.status.fail{color:var(--danger)}code,.mono{font-family:var(--mono)}footer{display:flex;justify-content:space-between;gap:16px;padding:10px 22px;border-top:1px solid var(--line);color:var(--muted);font:10px var(--mono)}
/* Map: dependency spine, not cards */.command-map{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(500px,2fr);gap:14px;height:calc(100vh - 158px);min-height:min(570px,calc(100vh - 158px))}.active-brief{padding:20px;display:flex;flex-direction:column}.active-brief .ordinal{font:700 76px/.8 var(--mono);color:transparent;-webkit-text-stroke:1px var(--violet);margin:26px 0}.active-brief h2{font-size:21px;margin:0}.active-brief p{color:var(--muted);line-height:1.6}.active-brief .push{margin-top:auto}.spine{padding:12px;overflow:auto}.unit-row{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-left:1px solid var(--line);position:relative}.unit-row::before{content:"";position:absolute;left:-4px;width:7px;height:7px;border-radius:50%;background:var(--line)}.unit-row.current{background:linear-gradient(90deg,rgba(157,124,255,.13),transparent);border-color:var(--violet)}.unit-row.current::before{background:var(--violet);box-shadow:0 0 12px var(--violet)}.unit-row .num{font:11px var(--mono);color:var(--muted)}.unit-row strong{font-size:13px}.unit-row small{display:block;color:var(--muted);margin-top:3px}.leaf-meter{width:96px;height:4px;background:#202735;border-radius:3px;overflow:hidden}.leaf-meter i{display:block;height:100%;background:var(--violet)}
/* Categories: horizontal taxonomy lanes */.taxonomy-shell{display:grid;grid-template-rows:auto 1fr;gap:12px;height:calc(100vh - 160px);min-height:min(590px,calc(100vh - 160px))}.deck{display:grid;grid-template-columns:1fr repeat(2,minmax(140px,220px));gap:10px}.taxonomy{display:grid;grid-template-columns:230px 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;min-height:0}.tax-index{background:#0a0e15;border-right:1px solid var(--line);padding:8px;overflow:auto}.tax-button{width:100%;text-align:left;margin-bottom:4px}.tax-button small{display:block;color:var(--muted);margin-top:4px}.lane-stage{overflow:auto;padding:22px}.lane-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.lane-title h2{font-size:28px;margin:0}.lane-title span{color:var(--muted);font:11px var(--mono)}.category-lanes{display:grid;gap:10px}.lane{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:start}.lane>strong{padding-top:9px;color:var(--muted);font:11px var(--mono);text-transform:uppercase}.tokens{display:flex;flex-wrap:wrap;gap:7px}.token{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#0b1018;font-size:12px}.token:hover{border-color:var(--cyan)}
/* Metrics: instrument bench */.metric-bench{display:grid;grid-template-columns:280px minmax(380px,1fr) minmax(240px,.55fr);gap:14px;height:calc(100vh - 158px);min-height:min(590px,calc(100vh - 158px))}.metric-controls{padding:16px;display:grid;align-content:start;gap:14px;overflow:auto;min-height:0}.metric-controls h2{font-size:14px}.metric-dial{display:grid;place-items:center;padding:24px;position:relative}.dial{--score:0;position:relative;width:min(42vw,390px);aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--ok) calc(var(--score)*1%),#202735 0);display:grid;place-items:center}.dial::before{content:"";width:78%;height:78%;border-radius:50%;background:var(--panel);border:1px solid var(--line)}.dial-readout{position:absolute;text-align:center}.dial-readout strong{display:block;font:700 58px var(--mono)}.dial-readout span{color:var(--muted)}.metric-ruler{position:absolute;bottom:32px;width:70%;height:2px;background:linear-gradient(90deg,var(--danger),var(--amber),var(--ok))}.metric-ruler i{position:absolute;width:2px;height:16px;top:-7px;background:#fff}.metric-ledger{padding:0;overflow:auto;min-height:0}.metric-item{padding:12px 14px;border-bottom:1px solid var(--line)}.metric-item b{font:12px var(--mono)}.metric-item p{margin:4px 0 0;color:var(--muted);font-size:11px}
/* Variables: split counterfactual bench */.counter-grid{display:grid;grid-template-columns:1fr 54px 1fr;gap:12px;align-items:stretch}.counter-pane{padding:16px}.counter-arrow{display:grid;place-items:center;color:var(--violet);font-size:28px}.diff-output{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.diff-line{padding:12px;border:1px solid var(--line);border-radius:8px;font-family:var(--mono);font-size:12px;min-height:120px}.removed{color:var(--danger)}.added{color:var(--ok)}.invariant-rail{margin-top:14px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}.invariant-rail output{font:700 22px var(--mono)}
/* Sliders: experiment cockpit */.cockpit{display:grid;grid-template-columns:320px 1fr;gap:14px;min-height:600px}.slider-rack{padding:16px;overflow:auto}.slider-row{margin-bottom:17px}.slider-row output{float:right;color:var(--cyan);font:12px var(--mono)}input[type=range]{padding:0;accent-color:var(--violet)}.scope-note{padding:12px;border:1px dashed var(--line);color:var(--muted);font-size:12px;line-height:1.5}.plot-stage{display:grid;grid-template-rows:1fr auto;gap:12px}.pareto{min-height:450px;padding:18px;position:relative;overflow:hidden}.axis-y,.axis-x{position:absolute;color:var(--muted);font:10px var(--mono)}.axis-y{left:7px;top:50%;transform:rotate(-90deg)}.axis-x{bottom:5px;left:50%}.plot{position:absolute;inset:35px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.point{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--cyan);border:2px solid #07100e;box-shadow:0 0 0 1px var(--cyan);transform:translate(-50%,50%)}.point.current{background:var(--violet);box-shadow:0 0 18px var(--violet)}.run-strip{padding:12px;display:flex;gap:10px;align-items:center;overflow:auto}.run-chip{min-width:150px;border-left:2px solid var(--cyan);padding:8px 10px;background:var(--raised);font:11px var(--mono)}
/* Scenarios: branching theater */.theater{display:grid;grid-template-columns:240px 1fr 300px;gap:14px;min-height:600px}.case-stack{padding:8px;overflow:auto}.case-button{width:100%;text-align:left;margin-bottom:6px}.case-button span{display:block;color:var(--muted);font:10px var(--mono);margin-top:4px}.case-button.active,.case-button[aria-pressed=true]{border-color:var(--violet);background:rgba(157,124,255,.12)}.scene{display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 50% 20%,rgba(157,124,255,.11),transparent 40%),var(--panel)}.scene-inner{width:min(100%,700px)}.scene-number{color:var(--muted);font:11px var(--mono)}.scene blockquote{font-size:clamp(20px,3vw,35px);line-height:1.25;margin:25px 0}.choice-bank{display:flex;gap:8px;flex-wrap:wrap}.choice-bank button{border-radius:999px}.verdict{padding:16px}.verdict output{display:block;margin:18px 0;font:700 24px var(--mono)}.verdict pre{white-space:pre-wrap;color:var(--muted);font:11px/1.6 var(--mono)}
/* Tests: evidence matrix */.matrix-layout{display:grid;grid-template-columns:260px 1fr;gap:14px;min-height:600px}.matrix-filters{padding:16px;display:grid;align-content:start;gap:10px}.evidence-table{overflow:auto}.evidence-table table{width:100%;border-collapse:collapse;font-size:12px}.evidence-table caption{text-align:left;padding:14px;font-weight:700}.evidence-table th,.evidence-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}.evidence-table th{position:sticky;top:0;background:var(--panel);z-index:1;color:var(--muted);font:10px var(--mono);text-transform:uppercase}.evidence-table tr:focus-within,.evidence-table tr:hover{background:#131a26}.evidence-table td:first-child{font-family:var(--mono)}
/* Isolation: pipeline */.pipeline-shell{display:grid;grid-template-rows:1fr auto;gap:14px;min-height:590px}.pipeline{display:grid;grid-template-columns:repeat(7,1fr);align-items:center;padding:30px;overflow:auto}.stage{min-width:130px;padding:18px 12px;border:1px solid var(--line);background:var(--panel);border-radius:8px;text-align:center;position:relative}.stage strong{display:block;font:13px var(--mono)}.stage span{display:block;color:var(--muted);font-size:11px;margin-top:7px}.stage.active{border-color:var(--amber);box-shadow:0 0 24px rgba(255,200,87,.12)}.stage.sealed{border-color:var(--cyan)}.connector{height:1px;background:var(--line);min-width:28px;position:relative}.connector::after{content:"";position:absolute;right:-1px;top:-3px;border-left:6px solid var(--line);border-block:3px solid transparent}.seal-detail{display:grid;grid-template-columns:1fr 1fr;gap:14px}.receipt{padding:16px}.receipt pre{white-space:pre-wrap;font:11px/1.6 var(--mono);color:var(--muted)}
/* Shared system surfaces */.system-status{margin:10px 22px 0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font:12px var(--mono)}.system-status.fail{border-color:var(--danger);color:var(--danger)}.system-status.pass{border-color:var(--ok);color:var(--ok)}.key-button{padding:5px 7px;font:10px var(--mono);border-color:var(--line);color:var(--muted)}.command-palette{width:min(620px,calc(100vw - 28px));max-width:620px;padding:0;overflow:hidden}.command-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.command-head h2{margin:4px 0}.command-palette>label{display:block;padding:8px 16px 12px}.command-results{display:grid;max-height:min(55vh,480px);overflow:auto;border-top:1px solid var(--line)}.command-results a{display:grid;grid-template-columns:140px 1fr;gap:14px;padding:12px 16px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.command-results a:hover,.command-results a:focus-visible{background:var(--raised)}.command-results a span{color:var(--muted);font:11px var(--mono)}.no-script{margin:0 0 18px;padding:18px}.workspace-grid,.provenance-grid{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(520px,1.5fr);gap:14px;min-height:600px}.workspace-summary,.workspace-stream,.integrity-panel,.source-panel{padding:18px;min-width:0}.workspace-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.workspace-actions input[type=file]{max-width:100%}#workspaceSource{overflow-wrap:anywhere}.event-list{display:grid;gap:8px;max-height:540px;overflow:auto}.event{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:11px;border:1px solid var(--line);border-radius:8px;background:#0a0e15;min-width:0}.event pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.event time,.event code{color:var(--muted);font:10px var(--mono)}.event strong{font-size:12px}.empty-state{padding:28px;border:1px dashed var(--line);color:var(--muted);text-align:center}.source-list{display:grid;gap:8px}.source-row{display:grid;grid-template-columns:minmax(130px,.6fr) 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.source-row code{overflow-wrap:anywhere;color:var(--cyan)}.integrity-output{min-height:180px;padding:12px;background:#080b10;border:1px solid var(--line);border-radius:8px;white-space:pre-wrap;font:11px/1.6 var(--mono);color:var(--muted)}dialog{max-width:460px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:20px}dialog::backdrop{background:rgba(0,0,0,.72)}
/* Human + browser-agent control plane */[data-control-id]{min-width:44px;min-height:44px}button,[role=button],a[data-control-id],input[type=range]{cursor:pointer}#activeLeafOpen{display:inline-flex;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:7px}input:not([type=range]),textarea{cursor:text}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shell-button{padding:5px 8px;font:10px var(--mono);border-color:var(--line);color:var(--muted)}.control-panel{width:min(760px,calc(100vw - 28px));max-width:760px;max-height:min(86vh,760px);padding:0;overflow:hidden}.control-panel-body{padding:8px 18px 20px;max-height:calc(86vh - 78px);overflow:auto}.watch-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.watch-row{display:flex;justify-content:space-between;gap:18px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#0a0e15}.watch-row span{color:var(--muted);font-size:12px}.watch-row strong{font:11px var(--mono);text-align:right}.watch-row strong[data-state=live],.watch-row strong[data-state=bound],.watch-row strong[data-state=online],.watch-row strong[data-state=ready]{color:var(--ok)}.watch-row strong[data-state=static],.watch-row strong[data-state=checking]{color:var(--amber)}.watch-row strong[data-state=offline],.watch-row strong[data-state=unreachable],.watch-row strong[data-state=mismatch],.watch-row strong[data-state=error]{color:var(--danger)}.watch-meta{display:flex;justify-content:space-between;gap:16px;margin-top:8px;color:var(--muted);font:10px var(--mono)}.action-stream{display:grid;gap:6px;max-height:190px;overflow:auto}.action-item{display:grid;grid-template-columns:80px 1fr auto;gap:10px;align-items:center;padding:9px 11px;border-left:2px solid var(--ok);background:var(--raised);font-size:11px}.action-item[data-state=fail]{border-color:var(--danger)}.action-item time{color:var(--muted);font:10px var(--mono)}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.help-grid pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;background:#080b10;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font:11px/1.6 var(--mono)}.shortcut-list{display:grid;gap:7px}.shortcut-list div{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center}.shortcut-list dt,.shortcut-list dd{margin:0}.shortcut-list dd{color:var(--muted);font-size:12px}kbd{display:inline-block;min-width:24px;padding:4px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;text-align:center;font:10px var(--mono)}.pulse[data-state=unreachable],.pulse[data-state=offline],.pulse[data-state=mismatch]{background:var(--danger);box-shadow:0 0 12px var(--danger)}.pulse[data-state=static],.pulse[data-state=checking]{background:var(--amber);box-shadow:0 0 12px var(--amber)}.point[data-control-id]{width:44px;height:44px;background:transparent;border:0;box-shadow:none}.point[data-control-id]::after{content:"";position:absolute;inset:15px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1px var(--cyan)}.point[data-control-id].current::after{background:var(--violet);box-shadow:0 0 18px var(--violet)}
@media(min-width:981px) and (max-height:700px){main{padding-block:14px}.masthead{margin-bottom:12px}.masthead p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.command-map,.taxonomy-shell,.metric-bench{height:calc(100vh - 211px);min-height:0}.active-brief{min-height:0;overflow:auto;padding:14px}.active-brief .ordinal{font-size:48px;margin:12px 0}.active-brief>p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-block:8px}.active-brief .push{margin-top:8px}.active-brief .push .mono{margin-block:8px;overflow-wrap:anywhere}.metric-dial{padding:12px}.dial{width:min(34vw,340px)}}
@media(max-width:980px){.topbar{grid-template-columns:1fr auto}.topbar nav{grid-column:1/-1;order:3}.live-key{grid-column:2}.command-map,.metric-bench,.cockpit,.theater,.matrix-layout,.workspace-grid,.provenance-grid{grid-template-columns:1fr;height:auto}.taxonomy{grid-template-columns:1fr}.tax-index{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.tax-button{min-width:180px}.theater{grid-template-rows:auto auto auto}.case-stack{display:flex}.case-button{min-width:190px}.pipeline{grid-template-columns:1fr}.connector{width:1px;height:25px;justify-self:center}.connector::after{right:-3px;top:auto;bottom:-1px;border-top:6px solid var(--line);border-inline:3px solid transparent}.seal-detail{grid-template-columns:1fr}}
@media(max-width:620px){main{padding:14px}.topbar{padding:0 14px;gap:8px}.masthead{display:block}.source-chip,.live-key #sourceState{display:none}.live-key{gap:4px}.shell-button{padding-inline:6px}.key-button{font-size:0}.key-button::after{content:"Menu";font-size:10px}.watch-grid,.help-grid{grid-template-columns:1fr}.control-panel-body{padding-inline:12px}.counter-grid,.diff-output{grid-template-columns:1fr}.counter-arrow{transform:none;font-size:0;min-height:44px}.counter-arrow::after{content:"↓";font-size:28px}footer{display:block}footer span{display:block;margin:3px 0}.deck{grid-template-columns:1fr}.lane{grid-template-columns:1fr}.dial{width:82vw}.command-map{grid-template-columns:1fr}.active-brief .ordinal{font-size:54px}.event{grid-template-columns:1fr}.evidence-table table,.evidence-table tbody,.evidence-table tr,.evidence-table td{display:block;width:100%}.evidence-table thead{display:none}.evidence-table tr{margin:10px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.evidence-table td{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;overflow-wrap:anywhere}.evidence-table td::before{content:attr(data-label);color:var(--muted);font:10px var(--mono);text-transform:uppercase}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}