:root{
  --shell:#f5efe1;--surface:#fdfbf7;--surface-2:#fff;--surface-3:#f0e9d8;
  --text:#43302b;--text-2:#5b443d;--text-mute:#8a7969;--text-faint:#b8a994;
  --rule:#e6dcc4;--accent:#14b8a6;--accent-soft:rgba(20,184,166,.10);--accent-glow:rgba(20,184,166,.45);
  --font-display-cn:"Noto Sans SC","Source Han Sans SC",-apple-system,sans-serif;
  --font-display-en:"Inter","SF Pro Display",-apple-system,sans-serif;
  --font-body:"Inter","Noto Sans SC",-apple-system,sans-serif;
  --font-mono:"JetBrains Mono","SF Mono",ui-monospace,monospace;
  --shadow:0 24px 60px rgba(67,48,43,.10);--shadow-strong:0 45px 110px rgba(67,48,43,.16);
  --grid:linear-gradient(rgba(190,175,150,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(190,175,150,.18) 1px,transparent 1px)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--shell);color:var(--text);font-family:var(--font-body)}button{font:inherit}.shell{height:100vh;display:grid;grid-template-rows:minmax(0,1fr) 78px;gap:10px;padding:10px;background:var(--shell)}.viewer{min-height:0;display:grid;place-items:center;overflow:hidden}.stage{position:relative;width:1920px;height:1080px;transform-origin:center;background:var(--surface);overflow:hidden;box-shadow:0 60px 160px rgba(67,48,43,.18)}.stage:before{content:"";position:absolute;inset:0;background-image:var(--grid);background-size:40px 40px;opacity:.68;mask-image:linear-gradient(to bottom,#000,rgba(0,0,0,.56),transparent 92%);pointer-events:none}.stage:after{content:"";position:absolute;width:720px;height:720px;border-radius:50%;right:-220px;top:-250px;background:radial-gradient(circle,var(--accent-soft),transparent 69%);pointer-events:none}.hud{position:absolute;z-index:50;left:86px;right:86px;top:54px;display:flex;justify-content:space-between;align-items:center}.chapter{display:flex;gap:14px;align-items:center;font:900 15px var(--font-mono);letter-spacing:.09em;color:var(--text-mute)}.chapter i{width:38px;height:3px;border-radius:9px;background:var(--accent)}.count{font:900 14px var(--font-mono);color:var(--text-mute)}#sceneRoot{position:absolute;inset:0}.scene{position:absolute;inset:0;overflow:hidden}.scene .eyebrow{font:900 15px var(--font-mono);letter-spacing:.11em;color:var(--accent);text-transform:uppercase}.scene h1{font-family:var(--font-display-cn);font-size:78px;line-height:1.03;letter-spacing:-.055em;margin:13px 0 0;font-weight:950}.scene h1 em{font-style:normal;color:var(--accent)}.scene-title{position:absolute;z-index:20}.scene-title.top-left{left:96px;top:132px;max-width:900px}.scene-title.top-center{left:50%;top:126px;transform:translateX(-50%);text-align:center;width:1500px}.scene-title.bottom-left{left:96px;bottom:82px;max-width:980px}.scene-title.bottom-center{left:50%;bottom:72px;transform:translateX(-50%);text-align:center;width:1500px}.scene-title.compact h1{font-size:58px}.micro{font:800 14px var(--font-mono);color:var(--text-mute);letter-spacing:.04em}.label{padding:11px 16px;border:1px solid var(--rule);border-radius:16px;background:var(--surface-2);font-weight:850;box-shadow:0 8px 22px rgba(67,48,43,.06)}.dark{background:var(--text);color:var(--surface)}.accent-bg{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.node{border:1px solid var(--rule);background:var(--surface-2);box-shadow:var(--shadow);font-weight:900}.svg-stroke{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.svg-rule{fill:none;stroke:var(--rule);stroke-width:3;stroke-linecap:round}.svg-dot{fill:var(--accent)}

/* 001 anchor — retained */
.s001{padding:170px 120px 110px}.s001 .anchor-wrap{height:100%;display:grid;grid-template-columns:.92fr 1.08fr;gap:78px;align-items:center}.s001 .copy h1{font-size:96px}.s001 .copy p{font-size:27px;line-height:1.7;color:var(--text-2);max-width:680px}.s001 .tracks{height:650px;border-radius:40px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);box-shadow:var(--shadow-strong);padding:48px;display:grid;align-content:center;gap:70px}.s001 .track{position:relative;height:185px;border:1px solid var(--rule);border-radius:28px;background:var(--surface-2);padding:24px 28px}.s001 .track b{font-size:25px}.s001 .line{position:absolute;left:44px;right:44px;top:108px;height:5px;background:var(--accent);border-radius:99px}.s001 .line.bad{background:linear-gradient(90deg,var(--accent) 0 36%,transparent 36% 50%,var(--rule) 50%)}.s001 .runner{position:absolute;top:98px;left:42px;width:25px;height:25px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 12px var(--accent-soft)}

/* 002 full pipeline fracture */
.s002 .pipeline{position:absolute;left:110px;right:110px;top:360px;height:300px;display:flex;align-items:center;justify-content:space-between}.s002 .pipe-node{width:220px;height:128px;border-radius:28px;display:grid;place-items:center;text-align:center}.s002 .pipe-node b{font-size:25px}.s002 .pipe-node small{display:block;color:var(--text-mute);margin-top:7px}.s002 .pipe-line{position:absolute;left:120px;right:120px;height:8px;background:var(--rule);z-index:-1}.s002 .signal{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 14px var(--accent-soft);left:100px}.s002 .fracture{position:absolute;left:49%;top:78px;width:130px;height:140px;transform:translateX(-50%);display:grid;place-items:center;font-size:100px;color:var(--text-mute)}.s002 .pipe-node.fail{border-style:dashed;transform:rotate(-2deg)}

/* 003 workbench map */
.s003 .bench-map{position:absolute;left:150px;right:150px;top:245px;bottom:130px}.s003 .bench-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:330px;height:330px;border-radius:50%;background:var(--text);color:var(--surface);display:grid;place-items:center;text-align:center;box-shadow:var(--shadow-strong);z-index:4}.s003 .bench-core b{font-size:52px}.s003 .bench-core small{font:800 13px var(--font-mono);color:var(--text-faint)}.s003 .bench-node{position:absolute;width:290px;padding:25px;border-radius:28px}.s003 .bench-node b{font-size:27px}.s003 .bench-node small{display:block;margin-top:7px;color:var(--text-mute);line-height:1.5}.s003 .n1{left:2%;top:2%}.s003 .n2{right:2%;top:2%}.s003 .n3{left:2%;bottom:2%}.s003 .n4{right:2%;bottom:2%}.s003 svg{position:absolute;inset:0;width:100%;height:100%}

/* 004 expanding operating boundaries */
.s004 .rings{position:absolute;inset:140px 160px 90px;display:grid;place-items:center}.s004 .ring{position:absolute;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:950}.s004 .r1{width:210px;height:210px;background:var(--text);color:var(--surface);font-size:45px}.s004 .r2{width:440px;height:440px;border:4px solid var(--accent);font-size:32px}.s004 .r3{width:720px;height:720px;border:3px dashed var(--rule);font-size:34px;align-items:start;padding-top:42px;color:var(--text-2)}.s004 .orbit-copy{position:absolute;font:850 16px var(--font-mono);color:var(--text-mute)}.s004 .oc1{left:220px;top:220px}.s004 .oc2{right:210px;top:270px}.s004 .oc3{left:260px;bottom:180px}.s004 .oc4{right:250px;bottom:190px}

/* 005 radar four questions */
.s005 .radar{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:720px;height:720px}.s005 .radar svg{width:100%;height:100%}.s005 .radar-question{position:absolute;width:270px;padding:22px 25px;border-radius:24px;text-align:center}.s005 .rq1{left:-330px;top:70px}.s005 .rq2{right:-330px;top:70px}.s005 .rq3{left:-330px;bottom:70px}.s005 .rq4{right:-330px;bottom:70px}.s005 .needle{transform-origin:360px 360px}

/* 006 cinematic equation */
.s006 .equation-stage{position:absolute;inset:240px 120px 120px;display:grid;grid-template-columns:1fr 100px 1fr 110px 1.3fr;align-items:center;gap:26px}.s006 .eq-block{height:270px;border:1px solid var(--rule);border-radius:34px;background:var(--surface-2);display:grid;place-items:center;text-align:center;box-shadow:var(--shadow)}.s006 .eq-block b{font-size:48px}.s006 .eq-block small{font:900 13px var(--font-mono);color:var(--text-mute)}.s006 .result{border-color:var(--accent);background:var(--accent-soft)}.s006 .op{font-size:74px;text-align:center;color:var(--text-faint)}

/* 007 vertical migration mountain */
.s007 .mountain{position:absolute;left:150px;right:150px;top:250px;bottom:100px}.s007 .mountain svg{position:absolute;inset:0;width:100%;height:100%}.s007 .peak{position:absolute;width:280px;padding:24px;border-radius:26px}.s007 .p1{left:3%;bottom:2%}.s007 .p2{left:38%;bottom:35%}.s007 .p3{right:2%;top:2%;border-color:var(--accent)}

/* 008 prompt beam */
.s008 .beam-world{position:absolute;inset:200px 120px 110px}.s008 .prompt-source{position:absolute;left:0;top:235px;width:310px;padding:30px;border-radius:28px;background:var(--text);color:var(--surface);font-size:28px;font-weight:900}.s008 .model-lens{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;border-radius:50%;border:8px solid var(--accent);display:grid;place-items:center;background:var(--surface);font-size:45px;font-weight:950}.s008 .answers{position:absolute;right:0;top:80px;width:390px;height:520px}.s008 .answer-ray{position:absolute;right:0;width:260px;padding:17px;border:1px solid var(--rule);border-radius:16px;background:var(--surface-2);font-weight:850}.s008 .a1{top:0}.s008 .a2{top:115px}.s008 .a3{top:230px;border-color:var(--accent);background:var(--accent-soft)}.s008 .a4{top:345px}.s008 svg{position:absolute;inset:0;width:100%;height:100%}

/* 009 mechanical dials */
.s009 .dials{position:absolute;left:180px;right:180px;top:300px;bottom:140px;display:flex;align-items:center;justify-content:space-between}.s009 .dial{width:360px;height:360px;border-radius:50%;border:2px solid var(--rule);background:var(--surface-2);position:relative;display:grid;place-items:center;text-align:center;box-shadow:var(--shadow)}.s009 .dial:before{content:"";position:absolute;inset:35px;border-radius:50%;border:10px dashed var(--rule)}.s009 .dial b{font-size:37px;z-index:2}.s009 .dial span{position:absolute;top:45px;font:900 12px var(--font-mono);color:var(--accent)}.s009 .dial-hand{position:absolute;width:8px;height:115px;background:var(--accent);border-radius:8px;left:calc(50% - 4px);top:65px;transform-origin:50% 115px}

/* 010 compiler */
.s010 .compiler{position:absolute;left:120px;right:120px;top:250px;bottom:120px;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;gap:35px}.s010 .raw-prompt{padding:38px;border-radius:28px;border:1px solid var(--rule);background:var(--surface-2);font-size:31px;line-height:1.55;box-shadow:var(--shadow)}.s010 .compile-core{height:250px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--text);color:var(--surface);font-weight:900}.s010 .spec-stack{display:grid;gap:15px}.s010 .spec{padding:19px 22px;border:1px solid var(--rule);border-radius:18px;background:var(--surface-2);font-weight:900;display:flex;justify-content:space-between}.s010 .spec i{font-style:normal;color:var(--accent);font:900 12px var(--font-mono)}

/* 011 examples reshape output */
.s011 .example-wall{position:absolute;inset:230px 100px 110px;display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:center}.s011 .examples{display:grid;grid-template-columns:1fr 1fr;gap:18px}.s011 .example{height:170px;border:1px solid var(--rule);border-radius:22px;background:var(--surface-2);display:grid;place-items:center;text-align:center;font-weight:900;box-shadow:var(--shadow)}.s011 .output-shape{height:430px;border:3px solid var(--accent);border-radius:46px;background:var(--accent-soft);display:grid;place-items:center;text-align:center;font-size:44px;font-weight:950}.s011 .arrow-stream{position:absolute;left:40%;top:45%;font-size:70px;color:var(--accent)}

/* 012 boundary wall */
.s012 .wall-world{position:absolute;inset:220px 100px 90px}.s012 .prompt-ball{position:absolute;left:100px;top:250px;width:190px;height:190px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--surface);font-size:34px;font-weight:950;box-shadow:0 0 0 24px var(--accent-soft)}.s012 .glass-wall{position:absolute;left:52%;top:0;bottom:0;width:16px;background:linear-gradient(180deg,transparent,var(--rule),var(--accent),var(--rule),transparent)}.s012 .blocked{position:absolute;right:50px;top:55px;bottom:55px;width:530px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.s012 .blocked div{border:1px dashed var(--rule);border-radius:25px;display:grid;place-items:center;font-size:27px;font-weight:900;color:var(--text-mute)}

/* 013 particle probability space */
.s013 .particle-field{position:absolute;inset:190px 100px 80px}.s013 .particle{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--rule)}.s013 .particle.hot{background:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.s013 .target-zone{position:absolute;right:130px;top:130px;width:340px;height:340px;border-radius:50%;border:4px solid var(--accent);display:grid;place-items:center;text-align:center;font-size:34px;font-weight:950;background:var(--accent-soft)}.s013 .prompt-vector{position:absolute;left:140px;bottom:90px;width:500px;height:7px;background:var(--accent);transform:rotate(-23deg);transform-origin:left center}

/* 014 balance clarity vs length */
.s014 .balance{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:1180px;height:560px}.s014 .beam-balance{position:absolute;left:140px;right:140px;top:180px;height:14px;background:var(--text);border-radius:99px;transform-origin:center}.s014 .pivot{position:absolute;left:50%;top:180px;transform:translateX(-50%);width:0;height:0;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:240px solid var(--text)}.s014 .pan{position:absolute;width:330px;height:150px;border:3px solid var(--rule);border-top:0;border-radius:0 0 160px 160px;display:grid;place-items:center;text-align:center;font-size:28px;font-weight:950}.s014 .left-pan{left:30px;top:230px}.s014 .right-pan{right:30px;top:230px;border-color:var(--accent)}

/* 015 format press */
.s015 .press{position:absolute;left:180px;right:180px;top:250px;bottom:120px;display:grid;grid-template-columns:1fr 260px 1fr;gap:40px;align-items:center}.s015 .free-text{padding:30px;border:1px dashed var(--rule);border-radius:26px;font-size:25px;line-height:1.7;color:var(--text-2)}.s015 .press-machine{height:380px;background:var(--text);color:var(--surface);border-radius:24px;display:grid;place-items:center;text-align:center;font-weight:900;position:relative}.s015 .press-machine:after{content:"";position:absolute;left:50px;right:50px;bottom:70px;height:16px;background:var(--accent)}.s015 .slots{display:grid;gap:14px}.s015 .slot{padding:20px 24px;border:1px solid var(--accent);border-radius:18px;background:var(--accent-soft);font:850 17px var(--font-mono)}

/* 016 clogged instruction funnel */
.s016 .funnel{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:900px;height:610px}.s016 .funnel-shape{position:absolute;left:130px;right:130px;top:60px;height:420px;clip-path:polygon(0 0,100% 0,64% 72%,64% 100%,36% 100%,36% 72%);background:var(--surface-3);border:1px solid var(--rule)}.s016 .instruction{position:absolute;padding:14px 18px;border-radius:15px;background:var(--surface-2);border:1px solid var(--rule);font-weight:900;box-shadow:0 10px 25px rgba(67,48,43,.07)}.s016 .i1{left:80px;top:0}.s016 .i2{left:340px;top:10px}.s016 .i3{right:70px;top:40px}.s016 .i4{left:270px;top:180px;border-color:var(--accent)}.s016 .knot{position:absolute;left:50%;top:310px;transform:translate(-50%,-50%);font-size:100px;color:var(--accent)}

/* 017 navigation compass */
.s017 .compass{position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);width:620px;height:620px;border-radius:50%;border:3px solid var(--rule);display:grid;place-items:center}.s017 .compass:before,.s017 .compass:after{content:"";position:absolute;background:var(--rule)}.s017 .compass:before{width:2px;height:100%}.s017 .compass:after{height:2px;width:100%}.s017 .needle2{width:18px;height:250px;background:linear-gradient(var(--accent) 0 50%,var(--text-faint) 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transform-origin:center}.s017 .road-note{position:absolute;right:120px;bottom:110px;width:390px;font-size:25px;color:var(--text-2);line-height:1.5}

/* 018 portal into context */
.s018 .portal{position:absolute;inset:180px 120px 80px;perspective:1200px}.s018 .door-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:380px;height:620px;border:18px solid var(--text);background:var(--surface-3);transform-style:preserve-3d}.s018 .door-panel{position:absolute;inset:0;background:var(--text);color:var(--surface);display:grid;place-items:center;font-size:52px;font-weight:950;transform-origin:left center}.s018 .context-space{position:absolute;inset:40px 120px;border-radius:50%;border:2px dashed var(--accent);opacity:.85}.s018 .ctx-orb{position:absolute;width:120px;height:120px;border-radius:50%;border:1px solid var(--rule);background:var(--surface-2);display:grid;place-items:center;font-weight:900}.s018 .c1{left:80px;top:80px}.s018 .c2{right:80px;top:110px}.s018 .c3{left:120px;bottom:60px}.s018 .c4{right:120px;bottom:70px}

/* 019 full knowledge graph */
.s019 .graph{position:absolute;inset:160px 120px 70px}.s019 .graph svg{position:absolute;inset:0;width:100%;height:100%}.s019 .model-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:var(--text);color:var(--surface);display:grid;place-items:center;text-align:center;font-size:43px;font-weight:950;z-index:3}.s019 .graph-node{position:absolute;width:220px;padding:19px;border-radius:22px;text-align:center}.s019 .gn1{left:4%;top:10%}.s019 .gn2{right:5%;top:7%}.s019 .gn3{left:1%;bottom:12%}.s019 .gn4{right:2%;bottom:8%}.s019 .gn5{left:50%;top:2%;transform:translateX(-50%)}

/* 020 context budget instrument */
.s020 .budget{position:absolute;left:170px;right:170px;top:275px;bottom:150px}.s020 .gauge{height:120px;border-radius:60px;background:var(--rule);overflow:hidden;position:relative}.s020 .gauge-fill{position:absolute;inset:0 auto 0 0;width:76%;background:linear-gradient(90deg,var(--accent),var(--text-faint));border-radius:60px}.s020 .gauge-labels{display:flex;justify-content:space-between;margin-top:18px;font:900 14px var(--font-mono);color:var(--text-mute)}.s020 .tokens{margin-top:80px;display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.s020 .token{height:95px;border:1px solid var(--rule);border-radius:18px;background:var(--surface-2);display:grid;place-items:center;font:900 13px var(--font-mono)}.s020 .token.noise{opacity:.35;border-style:dashed}

/* 021 retrieval conveyor */
.s021 .rag{position:absolute;left:110px;right:110px;top:260px;bottom:105px}.s021 .belt{position:absolute;left:100px;right:100px;top:55%;height:70px;border:3px solid var(--text);border-radius:35px}.s021 .belt:before{content:"";position:absolute;inset:20px;background:repeating-linear-gradient(90deg,var(--rule) 0 35px,transparent 35px 70px)}.s021 .rag-step{position:absolute;top:70px;width:220px;padding:22px;border-radius:24px;text-align:center}.s021 .rs1{left:0}.s021 .rs2{left:27%}.s021 .rs3{right:27%}.s021 .rs4{right:0;border-color:var(--accent)}.s021 .doc-chip{position:absolute;top:58%;width:95px;height:70px;border-radius:15px;background:var(--surface-2);border:1px solid var(--rule);display:grid;place-items:center;font:900 12px var(--font-mono)}

/* 022 two memory timelines */
.s022 .mem{position:absolute;left:140px;right:140px;top:285px;bottom:130px}.s022 .timeline-row{position:relative;height:190px;margin-bottom:70px}.s022 .timeline-row h3{position:absolute;left:0;top:0;margin:0;font-size:30px}.s022 .timeline-line{position:absolute;left:280px;right:0;top:65px;height:5px;background:var(--rule)}.s022 .memory-point{position:absolute;top:35px;width:65px;height:65px;border-radius:50%;border:2px solid var(--rule);background:var(--surface-2);display:grid;place-items:center;font:900 12px var(--font-mono)}.s022 .memory-point.active{background:var(--accent);border-color:var(--accent);color:var(--surface)}

/* 023 progressive drawers */
.s023 .drawer-room{position:absolute;left:190px;right:190px;top:245px;bottom:105px;display:grid;grid-template-columns:360px 1fr;gap:60px}.s023 .cabinet{display:grid;gap:12px;align-content:center}.s023 .drawer{height:90px;border:1px solid var(--rule);border-radius:18px;background:var(--surface-2);padding:0 24px;display:flex;align-items:center;justify-content:space-between;font-weight:900;box-shadow:0 8px 22px rgba(67,48,43,.05)}.s023 .drawer i{font-style:normal;color:var(--accent);font:900 12px var(--font-mono)}.s023 .skill-sheet{align-self:center;min-height:420px;border-radius:32px;background:var(--surface-2);border:1px solid var(--accent);padding:38px;box-shadow:var(--shadow)}.s023 .skill-sheet h3{font-size:40px;margin:0 0 24px}.s023 .skill-line{height:18px;border-radius:9px;background:var(--rule);margin:20px 0}.s023 .skill-line.short{width:62%}.s023 .skill-line.on{background:var(--accent)}

/* 024 context switchboard */
.s024 .switchboard{position:absolute;left:130px;right:130px;top:230px;bottom:100px;border:1px solid var(--rule);border-radius:38px;background:rgba(255,255,255,.7);box-shadow:var(--shadow);padding:40px}.s024 .inputs{position:absolute;left:35px;top:55px;bottom:55px;width:300px;display:grid;gap:16px}.s024 .input-source{border:1px solid var(--rule);border-radius:18px;background:var(--surface-2);display:grid;place-items:center;font-weight:900}.s024 .selector{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:270px;height:270px;border-radius:50%;background:var(--text);color:var(--surface);display:grid;place-items:center;text-align:center;font-size:30px;font-weight:950}.s024 .selected-stream{position:absolute;right:40px;top:150px;width:360px;padding:28px;border:2px solid var(--accent);border-radius:28px;background:var(--accent-soft);font-size:28px;font-weight:950}.s024 svg{position:absolute;inset:0;width:100%;height:100%}

/* 025 six-floor building */
.s025 .building{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:980px;height:670px;display:flex;flex-direction:column-reverse}.s025 .floor{flex:1;border:1px solid var(--rule);border-bottom:0;background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:25px;font-weight:950}.s025 .floor:last-child{border-radius:30px 30px 0 0}.s025 .floor:first-child{border-bottom:1px solid var(--rule);border-radius:0 0 30px 30px}.s025 .floor span{font:900 13px var(--font-mono);color:var(--accent)}

/* 026 tool sockets */
.s026 .tool-panel{position:absolute;left:120px;right:120px;top:250px;bottom:100px;border-radius:36px;background:var(--text);color:var(--surface);padding:52px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.s026 .sockets{display:grid;grid-template-columns:1fr 1fr;gap:26px}.s026 .socket{border:2px dashed var(--text-faint);border-radius:28px;display:grid;place-items:center;text-align:center;font-size:27px;font-weight:950}.s026 .plug-stack{display:grid;gap:24px;align-content:center}.s026 .plug{padding:25px;border-radius:22px;background:var(--surface);color:var(--text);font-size:26px;font-weight:950;transform:translateX(120px)}

/* 027 orchestration swimlanes */
.s027 .lanes{position:absolute;left:100px;right:100px;top:245px;bottom:100px;border:1px solid var(--rule);border-radius:32px;overflow:hidden;background:var(--surface-2)}.s027 .lane-row{height:33.333%;display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--rule)}.s027 .lane-row:last-child{border-bottom:0}.s027 .lane-name{display:grid;place-items:center;background:var(--surface-3);font-size:25px;font-weight:950}.s027 .lane-track{position:relative}.s027 .task-chip{position:absolute;top:50%;transform:translateY(-50%);padding:16px 20px;border-radius:17px;border:1px solid var(--rule);background:var(--surface);font-weight:900;box-shadow:0 8px 18px rgba(67,48,43,.07)}

/* 028 state machine */
.s028 .state-machine{position:absolute;inset:240px 120px 110px}.s028 .state-node{position:absolute;width:210px;height:115px;border-radius:24px;display:grid;place-items:center;text-align:center}.s028 .st1{left:2%;top:42%}.s028 .st2{left:25%;top:10%}.s028 .st3{left:49%;top:42%;border-color:var(--text-faint)}.s028 .st4{right:4%;top:10%;border-color:var(--accent)}.s028 .st5{right:3%;bottom:4%;background:var(--accent-soft);border-color:var(--accent)}.s028 svg{position:absolute;inset:0;width:100%;height:100%}

/* 029 evaluation radar */
.s029 .eval-stage{position:absolute;inset:210px 130px 100px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.s029 .eval-radar{width:590px;height:590px;position:relative}.s029 .eval-radar svg{width:100%;height:100%}.s029 .qa-panel{display:grid;gap:18px}.s029 .qa-metric{padding:22px;border:1px solid var(--rule);border-radius:20px;background:var(--surface-2);display:flex;justify-content:space-between;font-weight:900}.s029 .qa-metric strong{color:var(--accent)}

/* 030 recovery tree */
.s030 .tree{position:absolute;inset:210px 100px 90px}.s030 svg{position:absolute;inset:0;width:100%;height:100%}.s030 .tree-node{position:absolute;width:220px;padding:20px;border-radius:22px;text-align:center}.s030 .root{left:50%;top:4%;transform:translateX(-50%);background:var(--text);color:var(--surface)}.s030 .t1{left:10%;top:40%}.s030 .t2{left:38%;top:40%}.s030 .t3{right:10%;top:40%}.s030 .t4{left:24%;bottom:2%;border-color:var(--accent)}.s030 .t5{right:24%;bottom:2%;border-color:var(--accent)}

/* 031 same model A/B */
.s031 .ab-stage{position:absolute;left:120px;right:120px;top:235px;bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.s031 .ab{border:1px solid var(--rule);border-radius:34px;background:var(--surface-2);padding:34px;position:relative;overflow:hidden}.s031 .ab h3{font-size:30px;margin:0}.s031 .ab-model{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:170px;height:170px;border-radius:50%;background:var(--text);color:var(--surface);display:grid;place-items:center;font-size:34px;font-weight:950}.s031 .ab-path{position:absolute;left:70px;right:70px;bottom:100px;height:6px;background:var(--rule)}.s031 .good .ab-path{background:var(--accent)}.s031 .ab-end{position:absolute;right:65px;bottom:65px;font-size:26px;font-weight:950}.s031 .bad .ab-end{color:var(--text-mute)}.s031 .good{border-color:var(--accent)}

/* 032 reset handoff */
.s032 .handoff{position:absolute;left:110px;right:110px;top:245px;bottom:100px;display:grid;grid-template-columns:1fr 240px 1fr;gap:35px;align-items:center}.s032 .agent-box{height:430px;border:1px solid var(--rule);border-radius:34px;background:var(--surface-2);display:grid;place-items:center;text-align:center;position:relative;box-shadow:var(--shadow)}.s032 .agent-box.old{opacity:.68}.s032 .agent-box b{font-size:44px}.s032 .agent-box small{font:900 13px var(--font-mono);color:var(--text-mute)}.s032 .capsule{width:190px;height:120px;border-radius:60px;background:var(--accent);color:var(--surface);display:grid;place-items:center;text-align:center;font-weight:950}.s032 .reset-flash{position:absolute;left:0;right:0;top:50%;height:5px;background:var(--accent);opacity:0}

/* 033 triangle roles */
.s033 .tri{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:980px;height:650px}.s033 svg{position:absolute;inset:0;width:100%;height:100%}.s033 .role{position:absolute;width:260px;height:150px;border-radius:28px;display:grid;place-items:center;text-align:center}.s033 .planner{left:50%;top:0;transform:translateX(-50%)}.s033 .generator{left:4%;bottom:0}.s033 .evaluator{right:4%;bottom:0;border-color:var(--accent)}.s033 .role b{font-size:28px}.s033 .role small{display:block;color:var(--text-mute);margin-top:7px}

/* 034 diagnostic dashboard */
.s034 .diag{position:absolute;left:140px;right:140px;top:245px;bottom:110px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px}.s034 .broken-agent{border:1px solid var(--rule);border-radius:34px;background:var(--surface-2);display:grid;place-items:center;position:relative}.s034 .broken-agent b{font-size:50px}.s034 .warning-ring{position:absolute;width:340px;height:340px;border-radius:50%;border:3px dashed var(--text-faint)}.s034 .checks{display:grid;grid-template-columns:1fr 1fr;gap:18px}.s034 .check{border:1px solid var(--rule);border-radius:22px;background:var(--surface-2);display:grid;place-items:center;text-align:center;font-size:25px;font-weight:950}.s034 .check.on{border-color:var(--accent);background:var(--accent-soft)}

/* 035 file tree */
.s035 .docs-stage{position:absolute;left:170px;right:170px;top:230px;bottom:95px;display:grid;grid-template-columns:430px 1fr;gap:70px}.s035 .tree-panel{border-radius:30px;background:var(--text);color:var(--surface);padding:30px;font:800 18px/1.7 var(--font-mono)}.s035 .tree-line{opacity:.35}.s035 .tree-line.on{opacity:1;color:var(--accent)}.s035 .doc-preview{align-self:center;border:1px solid var(--rule);border-radius:30px;background:var(--surface-2);padding:38px;box-shadow:var(--shadow)}.s035 .doc-preview h3{font-size:40px;margin:0 0 26px}.s035 .doc-rule{height:16px;background:var(--rule);border-radius:8px;margin:18px 0}.s035 .doc-rule.a{width:92%}.s035 .doc-rule.b{width:68%}.s035 .doc-rule.c{width:80%;background:var(--accent)}

/* 036 browser feedback */
.s036 .browser{position:absolute;left:120px;right:120px;top:220px;bottom:90px;border-radius:32px;background:var(--text);color:var(--surface);box-shadow:var(--shadow-strong);overflow:hidden}.s036 .browser-bar{height:68px;border-bottom:1px solid var(--text-2);display:flex;align-items:center;gap:10px;padding:0 26px}.s036 .browser-bar i{width:13px;height:13px;border-radius:50%;background:var(--text-faint)}.s036 .browser-body{height:calc(100% - 68px);display:grid;grid-template-columns:1.35fr .65fr}.s036 .app-preview{margin:32px;border:1px solid var(--text-2);border-radius:22px;background:var(--surface);color:var(--text);display:grid;place-items:center;font-size:40px;font-weight:950}.s036 .loop-log{padding:34px;border-left:1px solid var(--text-2);display:grid;align-content:center;gap:18px}.s036 .log-step{padding:17px;border:1px solid var(--text-2);border-radius:15px;font:900 15px var(--font-mono);opacity:.35}.s036 .log-step.on{opacity:1;border-color:var(--accent);color:var(--accent)}

/* 037 typographic extraction */
.s037 .noise-words{position:absolute;inset:180px 80px 80px;overflow:hidden}.s037 .noise-word{position:absolute;font-weight:950;color:var(--text-faint);opacity:.35}.s037 .hero-message{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-family:var(--font-display-cn);font-size:120px;line-height:.95;text-align:center;font-weight:950;letter-spacing:-.06em;width:1450px}.s037 .hero-message span{color:var(--accent)}

/* 038 context cloud */
.s038 .cloud{position:absolute;inset:190px 110px 90px}.s038 .cloud-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:310px;height:220px;border-radius:110px;background:var(--text);color:var(--surface);display:grid;place-items:center;text-align:center;font-size:38px;font-weight:950;z-index:3}.s038 .cloud-item{position:absolute;padding:18px 24px;border:1px solid var(--rule);border-radius:24px;background:var(--surface-2);font-weight:900;box-shadow:var(--shadow)}.s038 .ci1{left:2%;top:12%}.s038 .ci2{right:4%;top:10%}.s038 .ci3{left:5%;bottom:10%}.s038 .ci4{right:5%;bottom:12%}.s038 .ci5{left:50%;top:2%;transform:translateX(-50%)}.s038 svg{position:absolute;inset:0;width:100%;height:100%}

/* 039 harness orbital system */
.s039 .orbits{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);width:900px;height:760px;display:grid;place-items:center}.s039 .orbit-ring{position:absolute;border-radius:50%;border:2px solid var(--rule)}.s039 .o1{width:270px;height:270px;background:var(--surface-2);display:grid;place-items:center;font-size:34px;font-weight:950}.s039 .o2{width:520px;height:520px;border-color:var(--accent)}.s039 .o3{width:760px;height:760px;border-style:dashed}.s039 .orbit-label{position:absolute;padding:12px 16px;border-radius:16px;background:var(--surface-2);border:1px solid var(--rule);font-weight:900}.s039 .ol1{top:110px;left:120px}.s039 .ol2{right:100px;top:170px}.s039 .ol3{left:130px;bottom:130px}.s039 .ol4{right:100px;bottom:110px}

/* 040 kinetic equation */
.s040 .kinetic{position:absolute;inset:240px 110px 100px;display:flex;align-items:center;justify-content:center;gap:45px}.s040 .kinetic-block{width:390px;height:280px;border:1px solid var(--rule);border-radius:34px;background:var(--surface-2);display:grid;place-items:center;text-align:center;box-shadow:var(--shadow)}.s040 .kinetic-block b{font-size:52px}.s040 .kinetic-block small{font:900 13px var(--font-mono);color:var(--text-mute)}.s040 .unstable{position:absolute;right:110px;top:40px;font:900 16px var(--font-mono);color:var(--text-mute)}.s040 .stable{border-color:var(--accent);background:var(--accent-soft)}.s040 .op2{font-size:78px;color:var(--text-faint)}

/* 041 engineer role shift */
.s041 .role-shift{position:absolute;left:120px;right:120px;top:230px;bottom:90px;display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.s041 .human{display:grid;place-items:center}.s041 .person{width:260px;height:400px;position:relative}.s041 .head{position:absolute;left:75px;top:0;width:110px;height:110px;border-radius:50%;background:var(--text)}.s041 .body{position:absolute;left:40px;top:125px;width:180px;height:260px;border-radius:90px 90px 30px 30px;background:var(--text)}.s041 .system-map{border:1px solid var(--rule);border-radius:34px;background:var(--surface-2);position:relative;box-shadow:var(--shadow)}.s041 .sys-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:210px;height:210px;border-radius:50%;background:var(--accent);color:var(--surface);display:grid;place-items:center;text-align:center;font-weight:950;font-size:29px}.s041 .sys-node{position:absolute;width:190px;padding:18px;border:1px solid var(--rule);border-radius:20px;background:var(--surface);text-align:center;font-weight:900}.s041 .sn1{left:35px;top:40px}.s041 .sn2{right:35px;top:40px}.s041 .sn3{left:35px;bottom:40px}.s041 .sn4{right:35px;bottom:40px}

/* 042 final convergence */
.s042 .final-converge{position:absolute;inset:155px 100px 70px;display:grid;place-items:center}.s042 .final-ring{position:absolute;border-radius:50%;display:grid;place-items:center;text-align:center}.s042 .fr1{width:300px;height:300px;background:var(--text);color:var(--surface);font-size:44px;font-weight:950}.s042 .fr2{width:520px;height:520px;border:4px solid var(--accent)}.s042 .fr3{width:760px;height:760px;border:3px dashed var(--rule)}.s042 .final-tag{position:absolute;padding:14px 18px;border:1px solid var(--rule);border-radius:16px;background:var(--surface-2);font-weight:900}.s042 .ft1{left:190px;top:150px}.s042 .ft2{right:180px;top:180px}.s042 .ft3{left:50%;bottom:80px;transform:translateX(-50%);border-color:var(--accent)}

.toolbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;border:1px solid var(--rule);border-radius:20px;background:rgba(253,251,247,.96);box-shadow:0 10px 28px rgba(67,48,43,.08)}.toolbar .left,.toolbar .center,.toolbar .right{display:flex;gap:9px;align-items:center}.toolbar .center{justify-content:center}.toolbar .right{justify-content:flex-end}.btn{height:42px;border:1px solid var(--rule);background:var(--surface-2);border-radius:12px;padding:0 14px;font-weight:800;color:var(--text);cursor:pointer}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--surface-2)}.btn.on{background:var(--text);border-color:var(--text);color:var(--surface)}.progress{min-width:250px}.progress input{width:100%;accent-color:var(--accent)}.status{font:800 12px var(--font-mono);color:var(--text-mute)}.chapter-nav{max-width:340px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.shell:fullscreen{width:100vw;height:100vh;padding:0;background:var(--shell)}.shell:fullscreen .viewer{padding:0}.shell:fullscreen .stage{box-shadow:none}.shell:fullscreen .toolbar{border-radius:0;border-left:0;border-right:0;border-bottom:0}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(max-width:900px){.toolbar{grid-template-columns:1fr;gap:8px;height:auto;padding:8px}.toolbar .left,.toolbar .center,.toolbar .right{justify-content:center}.shell{grid-template-rows:minmax(0,1fr) auto}}