:root{--paper:#f4f2ed;--ink:#11110f;--line:rgba(17,17,15,.22);--cyan:#00b9c6;--coral:#ff5d49;--yellow:#f8d73a;--violet:#7657ff;--green:#168456;--mono:"Roboto Mono",monospace;--sans:"Outfit",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);letter-spacing:0;overflow-x:hidden}button,input,a{font:inherit}button,a{color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,canvas:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}main{width:100%;max-width:100%;overflow-x:hidden}
.lab{height:100svh;min-height:680px;background:var(--ink);color:#fff;position:relative}.nav{height:68px;display:grid;grid-template-columns:180px 1fr 44px;align-items:center;border-bottom:1px solid rgba(255,255,255,.18);padding:0 24px;position:absolute;z-index:20;top:0;width:100%}.brand{display:flex;flex-direction:column;text-decoration:none;font-weight:700;font-size:12px;line-height:1}.brand span:last-child{color:var(--cyan)}.nav-center{justify-self:center;font:600 10px var(--mono);text-transform:uppercase;display:flex;gap:12px;align-items:center}.pulse-dot{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px rgba(22,132,86,.18)}.icon-btn{width:44px;height:44px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;font-size:22px}
.scene-wrap{height:100%;position:relative;overflow:hidden}.scene-wrap canvas#scene{display:block;width:100%;height:100%;touch-action:none}.scene-title{position:absolute;z-index:5;left:5vw;top:100px;pointer-events:none;max-width:1180px}.scene-title p{margin:0 0 12px;font:600 11px var(--mono);text-transform:uppercase;color:var(--cyan)}.scene-title h1{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.94;max-width:930px;margin:0;font-weight:500;letter-spacing:0}.inline-window{display:inline-flex;width:1.5em;height:.6em;border:1px solid rgba(255,255,255,.5);vertical-align:.08em;margin:0 .08em;position:relative;overflow:hidden}.inline-window i,.inline-window b{position:absolute;width:44%;height:70%;top:15%}.inline-window i{left:8%;background:var(--cyan)}.inline-window b{right:8%;background:var(--coral)}
.telemetry{position:absolute;z-index:5;top:92px;font:600 10px var(--mono);display:flex;flex-direction:column;gap:5px}.telemetry span{color:rgba(255,255,255,.55)}.telemetry strong{font-size:18px}.top-left{right:25vw}.top-right{right:5vw}.top-right b{color:var(--yellow)}.legend{position:absolute;z-index:5;right:5vw;top:180px;display:flex;gap:14px;font:500 9px var(--mono);text-transform:uppercase}.legend span:before{content:"";display:inline-block;width:7px;height:7px;margin-right:6px}.legend .cyan:before{background:var(--cyan)}.legend .coral:before{background:var(--coral)}.legend .yellow:before{background:var(--yellow)}
.fallback{position:absolute;inset:68px 0 168px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:#1b1b18;font:12px var(--mono)}
.dock{position:absolute;z-index:10;left:24px;right:24px;bottom:22px;min-height:126px;background:rgba(244,242,237,.96);color:var(--ink);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 64px 116px;gap:0;border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(12px)}.dock>div,.dock>label,.dock>button{border-right:1px solid var(--line)}.dock-label{display:flex;justify-content:space-between;font:600 9px var(--mono);text-transform:uppercase;margin-bottom:14px}.prediction-block,.mode-block,.range-block{padding:18px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.segmented button{min-height:38px;border:1px solid var(--ink);background:transparent;font-size:12px}.segmented button.active{background:var(--yellow)}.segmented.dark{grid-template-columns:repeat(2,1fr)}.segmented.dark button.active{background:var(--ink);color:#fff}.range-block input{width:100%;accent-color:var(--coral)}.range-block output{color:var(--coral)}.square-btn{border:0;background:transparent;font:700 10px var(--mono)}.square-btn[aria-pressed=true]{background:var(--cyan)}.run-btn{border:0!important;background:var(--yellow);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-weight:700}.run-btn b{font-size:24px}.run-btn:disabled{cursor:not-allowed;background:#d6d3ca;color:#8b8983}
.reasoning{padding:160px 5vw 190px;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:8vw;position:relative}.reasoning-title{align-self:start}.reasoning-title>p:first-child,.evidence header p,.transfer-copy>p{font:600 11px var(--mono);text-transform:uppercase;color:#b03326}.reasoning-title h2,.evidence h2,.transfer h2{font-size:clamp(2.5rem,4.2vw,5rem);line-height:1;max-width:780px;font-weight:500;margin:20px 0 28px}.model-note{font:11px/1.6 var(--mono);max-width:430px;color:#64625b}.reasoning-stream{display:flex;flex-direction:column;gap:100px}.reason-card{min-height:370px;border-top:2px solid var(--ink);padding:24px 0;background:var(--paper);transform-origin:center bottom}.reason-card>div{display:flex;justify-content:space-between;font:600 12px var(--mono)}.reason-card>div span{color:var(--coral)}.reason-card p{font-size:clamp(1.45rem,2.2vw,2.4rem);line-height:1.2;max-width:760px;margin:70px 0}.reason-card code{font:500 14px var(--mono);background:var(--ink);color:var(--yellow);padding:12px 16px;display:inline-block}.reason-card.current{border-color:var(--cyan)}
.evidence{padding:170px 5vw;background:#dfe5df}.evidence header{max-width:1000px;margin-bottom:90px}.evidence-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:0;border:1px solid var(--ink)}.trace-panel,.explanation-panel{padding:34px;min-height:410px}.trace-panel{border-right:1px solid var(--ink)}#graph{width:100%;height:260px;background:#eef1ec}.trace-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:24px}.trace-stats span{padding:18px 10px 0;font:600 10px var(--mono);display:flex;flex-direction:column;gap:8px}.trace-stats b{font-size:20px}.explanation-panel{display:flex;flex-direction:column}.explanation-panel>span{font:600 10px var(--mono);text-transform:uppercase;color:#b03326}.explanation-panel p{font-size:24px;line-height:1.25;margin:60px 0 auto}.explanation-panel button{height:54px;border:1px solid var(--ink);background:var(--yellow);display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-weight:600}.explanation-panel button:disabled{background:transparent;color:#777}
.transfer{padding:180px 5vw;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:10vw;background:var(--yellow)}.transfer-copy>p:last-of-type{font-size:20px;line-height:1.5;max-width:720px}.diagnosis{display:flex;gap:8px;margin-top:40px}.diagnosis button{height:48px;border:1px solid var(--ink);background:transparent;padding:0 20px}.diagnosis button.active{background:var(--ink);color:#fff}.transfer-action{display:flex;flex-direction:column;gap:12px;justify-content:end}.mastery{border:1px solid var(--ink);padding:26px}.mastery span{font:600 10px var(--mono)}.mastery strong{display:block;font-size:72px;line-height:1;margin:20px 0}.mastery p{min-height:48px}.transfer-action>button{height:58px;border:1px solid var(--ink);background:transparent;font-weight:700}.transfer-action>button:not(:disabled):hover{background:var(--ink);color:#fff}.transfer-action button:disabled{opacity:.45;cursor:not-allowed}footer{background:var(--ink);color:#fff;padding:70px 5vw;display:flex;justify-content:space-between;gap:30px}footer a{color:var(--yellow)}footer p{max-width:700px;margin:0;color:#aaa}
@media(max-width:980px){.scene-title{top:90px}.telemetry{top:260px}.top-left{left:5vw;right:auto}.top-right{right:5vw}.legend{top:310px}.dock{grid-template-columns:1.3fr 1fr 1fr 1fr 64px 100px}.prediction-block,.mode-block,.range-block{padding:12px}.dock-label{margin-bottom:8px}.reasoning{grid-template-columns:1fr}.reasoning-title{position:static!important}.evidence-grid,.transfer{grid-template-columns:1fr}.trace-panel{border-right:0;border-bottom:1px solid var(--ink)}}
@media(max-width:700px){.lab{min-height:820px;height:100svh}.nav{padding:0 10px;grid-template-columns:130px 1fr 44px}.nav-center #library-status{display:none}.scene-title{left:16px;right:16px;top:86px}.scene-title h1{font-size:clamp(2.65rem,12vw,4.5rem);max-width:560px}.telemetry{top:245px}.top-left{left:16px}.top-right{right:16px}.legend{display:none}.dock{left:10px;right:10px;bottom:10px;min-height:270px;grid-template-columns:1fr 1fr 58px 86px;grid-template-rows:auto auto}.prediction-block{grid-column:1/5}.mode-block{grid-column:1/2}.dock .range-block{padding:10px}.square-btn{grid-column:3}.run-btn{grid-column:4}.segmented button{min-height:44px}.reasoning,.evidence,.transfer{padding:110px 18px}.reasoning-stream{gap:55px}.reason-card{min-height:300px}.reason-card p{margin:45px 0;font-size:1.55rem}.evidence-grid{border-left:0;border-right:0}.trace-panel,.explanation-panel{padding:20px}.transfer{gap:70px}footer{flex-direction:column;padding:50px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.segmented.compact{grid-template-columns:repeat(3,1fr)}.segmented.compact.four{grid-template-columns:repeat(4,1fr)}.segmented.compact button{min-height:38px;padding:0}.fallback[hidden]{display:none!important}
@media(max-width:700px){.scene-title h1{font-size:clamp(2.35rem,7.7vw,3rem)}.telemetry{top:260px}}
@media(max-width:700px){.dock{min-height:320px;grid-template-columns:1.2fr 1fr 86px;grid-template-rows:auto auto auto}.prediction-block{grid-column:1/4;grid-row:1}.mode-block{grid-column:1;grid-row:2}.capacity-block{grid-column:2;grid-row:2}.run-btn{grid-column:3;grid-row:2}.delay-block{grid-column:1/3;grid-row:3}.square-btn{grid-column:3;grid-row:3}}