/* Token Lab deep layers: a measured request flow and a wider compute observatory. */
body[data-project=token-lab] .back-stage{background:radial-gradient(ellipse at 50% 18%,#2c3511 0,#111907 36%,#030706 75%)}
body[data-project=token-lab] .back-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 84px,#c8ff550b 85px 86px),linear-gradient(90deg,transparent 8%,#c8ff5511 8.2%,transparent 8.5% 91.5%,#c8ff5511 91.8%,transparent 92%);mask-image:linear-gradient(#000,transparent 82%)}
.token-efficiency-projection,.token-compute-projection{left:5%;right:5%;top:13%;height:clamp(19rem,37dvh,30rem);max-height:calc(100dvh - var(--presentation-floor-bottom) - 6.5rem);border-color:#c8ff5566;background:linear-gradient(150deg,#172108ef,#081008ea);box-shadow:0 0 34px #c8ff5517,inset 0 0 26px #c8ff550d;overflow:auto}
body[data-back-view=token-compute-observatory] [data-back-room=token-compute-observatory]{background:radial-gradient(ellipse at 50% 18%,#142f31 0,#0a1718 38%,#020708 76%)}
body[data-back-view=token-compute-observatory] .token-compute-projection{border-color:#8deee077;background:linear-gradient(150deg,#102a29f2,#071211ed);box-shadow:0 0 38px #59e2d31f,inset 0 0 28px #85f4e10f}
body[data-back-view=token-compute-observatory] .compute-title strong{color:#cafff3}
.token-context-entry{display:grid;grid-template-columns:auto minmax(260px,1fr) auto auto;align-items:center;gap:.45rem;padding:.5rem;border-bottom:1px solid #c8ff5540}.token-context-entry label{color:#ddff9f;font:.72rem/1.4 monospace}.token-context-entry textarea{min-height:46px;resize:vertical;padding:.45rem;border:1px solid #667c33;background:#080f07;color:#f4ffe1;font:.82rem/1.4 monospace}.token-context-entry textarea:focus-visible{outline:2px solid #ddff8c;outline-offset:2px}.token-disclaimer{margin:.3rem .5rem;color:#8da068;font:.64rem/1.4 monospace}
.token-flow header{display:flex;align-items:center;gap:.55rem;padding:.35rem .5rem;color:#98aa76;font:.65rem/1.4 monospace}.token-flow header strong{color:#edffc6}.token-flow header span{margin-left:auto}.token-flow-segments{display:flex;gap:.3rem;min-width:780px;padding:.45rem}.token-flow-segments button{position:relative;flex:0 1 var(--token-share,16%);min-width:78px;min-height:46px;padding:.35rem;border-color:#52652d;cursor:default;overflow:hidden}.token-flow-segments button::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#c8ff55}.token-flow-segments strong,.token-flow-segments small{display:block}.token-flow-segments strong{color:#dfff9e;font-size:.65rem}.token-flow-segments small{color:#81965d;font-size:.58rem}.token-flow-segments .is-active{border-color:#f1ffc7;background:#364611;box-shadow:0 0 14px #c8ff5540}
.token-before-after{display:grid;grid-template-columns:1fr 1fr auto;gap:.4rem;padding:.4rem .5rem}.token-before-after article{display:flex;gap:.4rem;flex-wrap:wrap;padding:.35rem;border:1px solid #415322;color:#8fa36b;font:.62rem/1.4 monospace}.token-before-after h2{margin:0;color:#e8ffb0;font:.68rem/1.4 monospace}.token-before-after>strong{align-self:center;color:#f0ffc8;font:.68rem/1.5 monospace}.token-index-doctrine{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.4rem;padding:.4rem .5rem}.token-index-doctrine b{color:#eaffb9;font:.68rem/1.4 monospace}.token-index-doctrine button{font-size:.62rem}.token-index-doctrine button[aria-pressed=true]{border-color:#eaffb9;background:#2b3910;color:#fff}.token-future-links{display:flex;gap:.5rem;flex-wrap:wrap;padding:.4rem .5rem}.token-future-links span{flex:1;min-width:260px;border-left:2px solid #c8ff55;padding:.3rem;color:#91a76a;font:.62rem/1.4 monospace}
.compute-title{text-align:center;padding:.45rem;color:#9dae77;font:.66rem/1.45 monospace}.compute-title>*{display:block}.compute-title strong{color:#eeffc4;font-size:.84rem;letter-spacing:.12em}.compute-chain{display:flex;align-items:center;justify-content:center;gap:.55rem;min-width:720px;padding:.65rem}.compute-chain span{padding:.5rem .65rem;border:1px solid #5b6e34;color:#d8ff8a;font:.7rem/1.4 monospace}.compute-chain span+span::before{content:'→ ';color:#81935f}.compute-zones{display:flex;justify-content:center;gap:.4rem;min-width:650px;padding:.35rem}.compute-zones button{font-size:.65rem}.compute-zones button[aria-pressed=true]{border-color:#edffba;background:#344410;color:#fff}.compute-readout{margin:.35rem .55rem;padding:.4rem;border-left:2px solid #c8ff55;background:#0d1608;color:#91a76e;font:.64rem/1.45 monospace}.compute-readout>*{margin:0}.compute-readout strong{color:#ebffc0}.compute-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.4rem .55rem;min-width:720px}.compute-concepts span{padding:.35rem;border:1px solid #3f4f27;color:#8fa06f;font:.6rem/1.4 monospace}.compute-future{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.4rem .55rem;color:#81945f;font:.62rem/1.4 monospace}.compute-future b{color:#e6ffae}.compute-future span{padding:.25rem;border:1px dashed #54662f}.compute-future p{flex-basis:100%;margin:0;color:#9caf77}
body[data-back-view=token-efficiency-engine] .room-scene>:is(.project-wall,.prompt-nav,.briefing-controls,.prompt-status),body[data-back-view=token-compute-observatory] .room-scene>:is(.project-wall,.prompt-nav,.briefing-controls,.prompt-status),body[data-back-view=token-efficiency-engine] [data-journey-status],body[data-back-view=token-compute-observatory] [data-journey-status]{visibility:hidden;pointer-events:none}
@media(max-width:760px){.token-efficiency-projection,.token-compute-projection{left:3%;right:3%;top:12%;height:clamp(17rem,36dvh,26rem)}.token-context-entry{grid-template-columns:1fr}.token-context-entry textarea{min-width:0}.token-before-after{grid-template-columns:1fr}.token-index-doctrine{grid-template-columns:1fr}.compute-concepts{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.token-flow-segments .is-active{box-shadow:none}}