/* A continuous, seekable editorial film. All scenes are drawn locally. */
.film-player{background:#fff;border:1px solid #d6e1ef;border-radius:16px;overflow:hidden;box-shadow:0 15px 55px #32517b09}.film-topbar{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-bottom:1px solid #e6edf5;background:#fbfcfe;font:9px var(--mono);letter-spacing:.1em;color:#8595ad}.film-topbar>span:first-child{display:flex;align-items:center;gap:10px}.film-topbar i{width:6px;height:6px;border-radius:50%;background:#6d91c2}.film-loop-label{display:flex;align-items:center;gap:10px;font-size:8px}.film-loop-label b{font-size:18px;color:#8b9ec0;font-weight:400}.film-chapter-heading{padding:29px 35px 15px;display:flex;align-items:center;gap:18px}.film-chapter-number{font:40px var(--font);letter-spacing:-.06em;color:#d5dfed;font-weight:500}.film-kicker{font:8px var(--mono);letter-spacing:.16em;color:#8295b0}.film-chapter-heading h3{font-size:25px;letter-spacing:-.035em;margin-top:5px;color:#273d5d}.film-stage{position:relative;background:radial-gradient(ellipse at 50% 50%,#f4f7fc,white 74%);min-height:370px;overflow:hidden}.film-scene{width:100%;padding:25px 38px 35px;height:370px;animation:sceneEnter .55s both}.film-description{font-size:11px;line-height:1.85;color:#7d8ca1;padding:0 35px;min-height:42px;margin:0 0 25px;max-width:1000px}.film-chapters{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid #e5ebf4;background:#fcfdff}.film-chapters button{border:0;background:none;color:#8392a7;padding:17px 10px 15px;position:relative;font-size:10px;overflow:hidden}.film-chapters button>span{font:8px var(--mono);color:#a3b0c2;margin-right:8px}.film-chapters button[aria-selected=true]{color:#3b64a0;background:#f4f8fd}.film-chapters button>i{position:absolute;bottom:0;left:0;height:2px;width:var(--chapter-progress,0%);background:#7297cb}.film-controls{display:flex;gap:15px;align-items:center;padding:14px 22px;background:#f9fbfe;color:#7a8da9}.film-controls button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#52729e;font-size:16px}.film-controls button:hover{background:#e5edf8}.film-time,.film-total{font:9px var(--mono);min-width:34px;white-space:nowrap}.film-scrubber{min-width:0;flex:1;appearance:none;height:3px;border-radius:6px;background:linear-gradient(90deg,#7598c7 var(--progress,0%),#e1e9f4 var(--progress,0%));cursor:pointer;margin:0}.film-scrubber::-webkit-slider-thumb{appearance:none;width:9px;height:9px;background:#6388bc;border:2px solid white;outline:1px solid #b2c6e2;border-radius:50%}.film-scrubber::-moz-range-thumb{width:8px;height:8px;background:#6388bc;border:2px solid white;border-radius:50%}.film-speed{font:10px var(--mono);color:#6c81a0;border:1px solid #dce5f1;border-radius:4px;background:transparent;padding:4px;cursor:pointer}.micro-note{display:block;font:8px var(--mono);color:#95a4b8;line-height:1.6}.paper-glyph{display:inline-flex;flex-direction:column;gap:3px;width:19px;height:24px;padding:5px 4px;border:1px solid currentColor;border-radius:3px;opacity:.7;flex:none}.paper-glyph>i{height:1px;background:currentColor;width:100%}.paper-glyph>i:last-child{width:65%}.flow-chevron{font-size:20px;color:#c0cbe0}.collection-scene,.extraction-scene,.internalization-scene,.selection-scene,.consolidation-scene{height:100%;display:flex;align-items:center;justify-content:center;gap:28px}.agent-pod{text-align:center;width:180px;flex:none}.agent-emblem{width:90px;height:90px;border-radius:24px;background:linear-gradient(145deg,#f0f6ff,#dfeaf9);border:1px solid #b7cdeb;margin:0 auto 20px;box-shadow:inset 0 0 0 6px #ffffff80,0 16px 24px #416da315;font:51px Georgia,serif;color:#4c79b4;display:grid;place-items:center;animation:agentBreathe 2.5s ease-in-out infinite}.agent-pod h4{font-size:17px;font-weight:550;margin:0 0 4px;color:#415b7e;letter-spacing:-.03em}.agent-pod>span{font:9px var(--mono);color:#8fa0b7}.global-chip{border:1px solid #daccec;background:#f7f2fc;color:#967cb5;border-radius:25px;font-size:9px;padding:5px 9px;width:fit-content;margin:18px auto 0;animation:sceneEnter .5s .3s both}.branch-stream{width:140px;height:230px;position:relative;flex:none}.branch-stream svg{width:100%;height:100%;fill:none;stroke:#bacce2;stroke-width:1.5;stroke-dasharray:500;animation:drawBranch 1.3s .3s both}.stream-particle{position:absolute;width:7px;height:7px;border-radius:2px;background:#79a5d2;box-shadow:0 0 8px #a9cbe980;left:0;top:50%;animation:streamAcross 2s 1s infinite}.stream-particle.p2{animation-delay:1.45s}.stream-particle.p3{animation-delay:1.8s}.rollout-deck{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:410px;flex:none}.rollout-sheet{height:98px;border:1px solid #d8e2f0;border-radius:6px;background:#fff;box-shadow:0 7px 15px #3f629708;padding:10px;animation:cardArrive .7s calc(.6s + var(--i)*.19s) both;transform-origin:bottom left}.rollout-sheet>div{display:flex;justify-content:space-between;align-items:center;font:13px var(--mono);color:#7393b7;margin-bottom:8px}.rollout-sheet b{font:11px var(--font);color:#b3c2d5}.rollout-sheet>i{display:block;width:88%;height:2px;background:#e9eef6;margin:5px 0}.rollout-sheet>i:nth-of-type(2){width:60%}.rollout-sheet>span{font:7px var(--mono);color:#acb8c8}.rollout-sheet.good{border-color:#bedbd0}.rollout-sheet.good b,.rollout-sheet.good>span{color:#70a18e}.rollout-sheet.bad{border-color:#e6cecc}.rollout-sheet.bad b,.rollout-sheet.bad>span{color:#b38d89}.rollout-deck>p{grid-column:1/-1;text-align:center;font:8px var(--mono);letter-spacing:.12em;color:#9dacbf;margin:4px 0 0}.trace-pair{width:350px;flex:none;display:grid;gap:12px}.trace-card{border:1px solid #dce6ef;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 5px 15px #35527a06;animation:cardArrive .7s both}.trace-failure{animation-delay:.2s}.trace-head{font:7px var(--mono);letter-spacing:.08em;color:#79a08e;background:#f3faf7;padding:8px 12px;display:flex;align-items:center;gap:7px}.trace-dot{width:4px;height:4px;background:#8aaf9e;border-radius:50%}.trace-head>b{margin-left:auto;font-size:12px}.trace-failure .trace-head{background:#fbf5f4;color:#b58c86}.trace-failure .trace-dot{background:#c29a94}.trace-action{font:9px var(--mono);color:#78879c;display:flex;align-items:center;gap:9px;padding:5px 11px;line-height:1.3}.trace-action>span{font-size:7px;color:#abb8c9}.trace-action>b{font:6px var(--mono);margin-left:auto;color:#648a7a;opacity:0;animation:fadeIn .5s 1.5s forwards}.trace-action.decisive{background:#eaf5ef;animation:highlightGood 1.2s .8s both}.trace-action.missing{color:#b38b87;background:#f9eeeb;animation:highlightBad 1.2s .8s both}.trace-action.missing>b{color:#b38b87}.trace-result{font-size:7px;color:#9facc0;padding:5px 11px 8px}.analyzer-bridge{display:flex;flex-direction:column;align-items:center;gap:8px;flex:none;width:108px;animation:sceneEnter .7s 1.1s both}.analyzer-orbit{width:64px;height:64px;position:relative;display:grid;place-items:center;border-radius:50%;border:1px solid #e8d9b9;background:#fcf8ec;color:#b69555;box-shadow:0 0 0 8px #fbf8ee}.analyzer-orbit>span{font-size:33px;animation:slowRotate 6s linear infinite}.analyzer-orbit>i{position:absolute;inset:-8px;border:1px dashed #dbc79c;border-radius:50%;animation:slowRotate 12s linear infinite reverse}.analyzer-bridge>span{font:8px var(--mono);letter-spacing:.12em;color:#b39a6b;margin-top:6px}.analyzer-bridge small{font-size:7px;color:#ad9d80}.extracted-skill{width:270px;flex:none;animation:extractCard 1s 2.1s both}.skill-document{padding:19px;border:1px solid #dfc993;background:linear-gradient(140deg,#fffdf7,#fff9eb);border-radius:9px;box-shadow:0 14px 30px #a7884812;transform:rotate(2deg)}.document-top{display:flex;align-items:center;gap:9px;color:#b3904d;font:8px var(--mono);letter-spacing:.08em}.document-id{margin-left:auto;letter-spacing:0;font-size:13px}.skill-document h4{font-size:21px;line-height:1.3;letter-spacing:-.045em;color:#796039;margin:19px 0 12px}.skill-document p{font-size:12px;line-height:1.8;color:#9b825c;margin-bottom:17px}.skill-document mark{background:#f1e4be;color:#8a6b34;border-radius:3px;padding:0 3px}.document-tags{display:flex;gap:6px}.document-tags>span{font-size:7px;padding:3px 6px;border:1px solid #e8d9b4;border-radius:4px;color:#ae9569}.source-pills{display:flex;justify-content:center;gap:6px;margin-top:17px}.source-pills span{font:6px var(--mono);color:#ab9a7f;padding:4px 6px;border:1px solid #e4daca;border-radius:20px;background:#fff}.opd-context{width:330px;flex:none}.context-capsule{display:flex;gap:9px;align-items:center;font:9px var(--mono);color:#8a9ab3;padding:8px 11px;border:1px solid #dce5f2;border-radius:6px;background:#fff;width:fit-content}.context-capsule>span{color:#a48345;border:1px solid #e8d7ae;background:#fcf8ec;border-radius:3px;padding:2px 6px;animation:tokenAppear .5s .4s both}.opd-context h4{font-size:19px;color:#516781;margin:17px 0 13px;font-weight:550;letter-spacing:-.03em}.response-tokens{display:flex;gap:5px;margin-bottom:18px}.response-tokens>span{font:10px var(--mono);background:#eef4fc;color:#5c7dab;padding:6px 12px;border:1px solid #d4e2f4;border-radius:4px}.probability-label{display:flex;justify-content:space-between;padding-left:53px;font:7px var(--mono);color:#95a6be;margin:0 0 7px}.probability-pair{display:flex;align-items:center;gap:12px;margin-bottom:7px}.probability-pair>span{width:38px;font:8px var(--mono);color:#8f9fb7}.probability-pair>div{flex:1;display:grid;gap:3px}.probability-pair i{display:block;height:5px;width:var(--bar);transform-origin:left;animation:growBar .9s calc(1s + var(--i)*.17s) both;border-radius:2px}.prob-base{background:#d3deee}.prob-guided{background:#7fadd5;animation-delay:calc(1.6s + var(--i)*.17s)!important}.probability-pair>b{font:13px Georgia,serif;color:#7298c3;animation:fadeIn .6s 2.5s both}.opd-context>.micro-note{margin-top:14px;font-size:7px}.distill-bridge{display:flex;flex-direction:column;align-items:center;gap:10px;width:150px;flex:none}.delta-orb{width:77px;height:77px;border-radius:20px;background:#eaf3fc;border:1px solid #b9d3eb;color:#5183b2;display:flex;flex-direction:column;align-items:center;justify-content:center;font:33px Georgia,serif;box-shadow:0 0 0 9px #f1f7fd;animation:scaleIn .8s 2.4s both}.delta-orb>span{font:8px var(--mono);margin-top:1px}.distill-bridge>i{height:1px;width:100%;background:linear-gradient(90deg,transparent,#76a9d7,transparent);position:relative;animation:growBar 1s 3s both}.distill-bridge>span{font:8px var(--mono);letter-spacing:.1em;color:#6e94ba}.model-update{width:220px;text-align:center;flex:none}.weight-matrix{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:154px;padding:12px;background:#f7faff;border:1px solid #d9e6f5;border-radius:15px;margin:auto;box-shadow:0 10px 25px #4d80b810;transform:perspective(600px) rotateY(-12deg) rotateX(7deg)}.weight-matrix>i{display:block;aspect-ratio:1;border-radius:2px;background:rgba(94,149,197,var(--shade));animation:weightLearn 1.8s calc(3.1s + var(--i)*.012s) both}.model-update h4{font-size:15px;color:#537092;margin:22px 0 10px;font-weight:500}.theta-transition{display:flex;align-items:baseline;justify-content:center;gap:10px;font:27px Georgia,serif;color:#507eaf}.theta-transition sub{font-size:12px}.theta-transition>span{font:17px var(--font);color:#bbcce0;margin:0 7px}.model-update>.micro-note{font-size:7px;margin-top:10px}.selection-explanation{width:255px;flex:none}.mini-eyebrow{font:8px var(--mono);color:#9aa8be;letter-spacing:.1em}.heldout-stack{display:flex;gap:7px;margin:20px 0}.heldout-stack>span{font:13px var(--mono);color:#91a8c6;padding:10px 7px;border:1px solid #d3e1f2;border-radius:4px;background:#fff;animation:cardArrive .5s calc(var(--i)*.15s) both}.strength-formula{font:25px Georgia,serif;color:#84699f;line-height:1.6;margin-top:23px}.strength-formula>span{font-size:21px;color:#ab93c5}.selection-explanation>p{font-size:11px;color:#8c9db3;margin:14px 0}.selection-explanation>.micro-note{font-size:7px;max-width:220px}.rank-stage{width:440px;flex:none;margin-left:25px}.rank-label{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.08em;color:#9ca9bd;margin-bottom:13px}.rank-label>span:last-child{color:#9c7db9}.rank-window{height:237px;position:relative;padding-right:15px}.rank-card{position:absolute;left:0;right:18px;top:0;height:49px;display:flex;align-items:center;gap:15px;padding:10px 14px;border:1px solid #d9e2ef;background:white;border-radius:6px;transform:translateY(calc(var(--to)*59px));box-shadow:0 5px 10px #37558007;animation:rankMove 2.8s ease-in-out both}.rank-card .paper-glyph{width:13px;height:17px;padding:4px 3px;color:#a6b6ca;gap:2px}.rank-card>strong{font:13px var(--mono);color:#697e9b}.rank-card>span{font:12px var(--mono);color:#8999b0}.rank-card>b{font:7px var(--mono);padding:4px 6px;border-radius:3px;color:#8d78a9;background:#eee8f7;animation:fadeIn .5s 2.6s both}.rank-card.discarded{animation:rankMove 2.8s ease-in-out both,fadeDiscard .7s 3s forwards}.rank-card.discarded>b{color:#a7b2c2;background:#f0f3f8}.rank-meter{flex:1;background:#f0f4fa;height:5px;border-radius:3px;overflow:hidden}.rank-meter>i{display:block;height:100%;width:var(--bar);background:#b5a1cc;transform-origin:left;animation:growBar 1s .6s both}.selection-bracket{position:absolute;right:0;top:0;width:10px;height:108px;border:1px solid #b5a1ce;border-left:0;border-radius:0 4px 4px 0;animation:fadeIn .6s 2.8s both}.rank-stage>p{font:8px var(--mono);text-align:center;color:#a7b4c5;margin:8px 0 0}.local-fan{width:270px;height:250px;position:relative;flex:none}.flying-local{position:absolute;width:215px;height:143px;top:calc(var(--i)*29px);left:calc(var(--i)*15px);transform:rotate(calc(-8deg + var(--i)*6deg));background:#fffaf0;border:1px solid #e3d1ab;border-radius:7px;padding:16px;box-shadow:0 6px 18px #8c764518;animation:localMerge 5.9s calc(var(--i)*.12s) both}.flying-local .paper-glyph{width:13px;height:16px;padding:4px 3px;gap:2px;color:#bc9d64;vertical-align:middle;margin-right:7px}.flying-local>span{font:7px var(--mono);color:#b69c70}.flying-local h4{font-size:14px;letter-spacing:-.025em;color:#927546;font-weight:500;margin:14px 0}.flying-local>i{display:block;width:85%;height:2px;background:#ecdfc5;margin-top:6px}.flying-local>i:last-child{width:64%}.fan-caption{position:absolute;bottom:0;left:48px;font:8px var(--mono);letter-spacing:.1em;color:#b19d7e}.merge-bridge{width:135px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;flex:none}.merge-plus{font-size:26px;color:#c9b9dc;line-height:1;animation:fadeIn .5s .6s both}.prior-memory{font:29px Georgia,serif;color:#ac97c2;border:1px dashed #d5c8e4;background:#faf7fd;border-radius:8px;padding:13px;width:100px;text-align:center;animation:cardArrive .7s .8s both}.prior-memory sub{font-size:14px}.prior-memory small{display:block;font:7px var(--mono);margin-top:7px;color:#b3a2c7}.merge-arrow{font-size:30px;color:#c5b7d6;animation:fadeIn .6s 1.1s both}.new-global{width:270px;flex:none;animation:globalReveal 1.4s 2.8s both}.global-book{position:relative;margin:auto;width:211px;min-height:230px;padding:22px 20px 20px 30px;background:linear-gradient(120deg,#f1ebf9,#fcfaff);border:1px solid #c8b6df;border-radius:4px 10px 10px 4px;box-shadow:5px 6px 0 #ede7f4,6px 7px 0 #d6c9e6,0 18px 30px #866da617;transform:perspective(700px) rotateY(-12deg)}.book-edge{position:absolute;left:10px;top:0;bottom:0;border-right:1px solid #d5c7e5}.book-label{font:8px var(--mono);letter-spacing:.2em;color:#a58dbd}.book-letter{display:block;font:55px Georgia,serif;color:#9a7db8;line-height:1.4}.book-rule{display:flex;align-items:center;gap:6px;font-size:8px;color:#a089b9;margin-bottom:9px;animation:ruleWrite .7s calc(3.3s + .2s) both}.book-rule>i{width:3px;height:3px;background:#bda7d3;border-radius:50%}.book-rule:nth-of-type(4){animation-delay:3.8s}.book-rule:nth-of-type(5){animation-delay:4.1s}.book-bottom{font:6px var(--mono);letter-spacing:.12em;color:#b5a0ca;margin-top:10px;display:block}.global-version{font:18px Georgia,serif;color:#a38ebd;text-align:center;margin-top:17px}.global-version sub{font-size:10px}.global-version>span{display:block;font:7px var(--mono);color:#b1a3c1;margin-top:6px}.coevolution-scene{height:100%;position:relative;display:flex;align-items:center;justify-content:center;gap:135px}.duet-orbit{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none}.orbit-base{stroke:#e1e7f3;stroke-width:1.4}.orbit-flow{stroke:url(#duet-gradient);stroke-width:3;stroke-dasharray:60 1300;animation:orbitTravel 3.5s linear infinite;opacity:.8}.duet-model,.duet-skills{z-index:1;position:relative;text-align:center;width:180px}.mini-matrix{width:107px;padding:9px;gap:3px;border-radius:12px}.duet-model>span,.duet-skills>span{display:block;font:7px var(--mono);letter-spacing:.1em;color:#8ba1bf;margin:20px 0 8px}.duet-model h4,.duet-skills h4{font-size:15px;color:#617c9e;font-weight:450;margin:0}.duet-skills>span,.duet-skills h4{color:#a38ab9}.mini-book{width:90px;height:107px;background:#f4eefb;border:1px solid #d5c4e9;border-radius:4px 9px 9px 4px;box-shadow:3px 4px 0 #e4d8ee;display:flex;flex-direction:column;align-items:center;justify-content:center;font:30px Georgia,serif;color:#a38abd;transform:perspective(400px) rotateY(-10deg);margin:auto}.mini-book>sub{display:inline;font-size:9px}.mini-book>i{display:block;height:2px;width:45%;background:#d7c7e8;margin-top:4px}.duet-heart{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);border:1px solid #dee4f1;border-radius:50%;background:#fff;width:82px;height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 8px #f7f9fd}.duet-heart>span{font-size:35px;color:#96a2c1;line-height:1;animation:slowRotate 5s linear infinite}.duet-heart>small{font:5px var(--mono);color:#a3adc4;text-align:center;line-height:1.5;margin-top:3px}.new-experience{position:absolute;bottom:6px;left:0;right:0;display:flex;gap:13px;align-items:center;justify-content:center;font:9px var(--mono);color:#a2a8c0}.new-experience>span{height:1px;width:35px;background:#d3dbeb}
/* The examples use a film frame and a synchronized notebook, not static icons. */
.showcase-scene{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;height:410px;padding:15px 30px 25px}.showcase-visual{min-width:0;position:relative;border:1px solid #e0e8f3;border-radius:9px;background:linear-gradient(145deg,#f8fbff,#edf3fc);overflow:hidden}.showcase-notebook{padding:10px 12px 0;min-width:0}.notebook-label{font:8px var(--mono);letter-spacing:.15em;color:#97a8bf;display:block;margin-bottom:22px}.notebook-task>span,.action-script>span{font:7px var(--mono);letter-spacing:.08em;color:#9daec5}.notebook-task p{font-size:12px;line-height:1.7;color:#687e9d;margin:8px 0 19px;max-width:310px}.notebook-rule{padding:14px 17px;border:1px solid #e8d8b4;border-left:3px solid #c9ab72;border-radius:3px 7px 7px 3px;background:#fffbf2;animation:notebookSlide .6s .5s both}.notebook-rule>span{display:flex;align-items:center;gap:7px;font:7px var(--mono);color:#ae955e;letter-spacing:.06em}.notebook-rule .paper-glyph{width:10px;height:14px;gap:2px;padding:3px 2px}.notebook-rule h4{font-size:13px;line-height:1.65;color:#9c8153;font-weight:450;letter-spacing:-.01em;margin:9px 0 0}.action-script{margin-top:21px}.script-tokens{display:flex;flex-wrap:wrap;gap:4px;min-height:54px;margin-top:8px;align-content:start}.script-tokens>span{font:10px var(--mono);color:#6b88b2;background:#edf4fd;border:1px solid #dbe7f7;border-radius:3px;padding:4px 6px;animation:tokenAppear .25s calc(.8s + var(--i)*.13s) both}.script-tokens>i{height:12px;width:4px;background:#9db5d9;margin:6px;animation:blink 1s steps(1) infinite}.notebook-status{font:8px var(--mono);color:#8c9fba;display:flex;gap:7px;align-items:center;margin-top:15px}.notebook-status>i{width:4px;height:4px;border-radius:50%;background:#8bacd2}.example-player.film-player .film-chapters{grid-template-columns:repeat(4,1fr)}.example-player .film-description{font-size:9px;min-height:36px}.room-scene{height:100%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.room-perspective{position:relative;width:100%;height:285px;perspective:800px;transform:scale(.98)}.room-wall{position:absolute;left:5%;right:5%;top:17px;height:160px;background:linear-gradient(135deg,#eef4fc,#dce8f5);border:1px solid #d5e1f0;border-radius:7px 7px 0 0}.room-floor{position:absolute;left:5%;right:5%;top:177px;height:87px;background:repeating-linear-gradient(90deg,transparent 0,transparent 61px,#dce6f2 61px,#dce6f2 62px),repeating-linear-gradient(0deg,#edf3fa 0,#edf3fa 28px,#dce6f2 28px,#dce6f2 29px);transform:rotateX(35deg);transform-origin:top;border:1px solid #dce5f1}.room-window{position:absolute;left:20px;top:25px;width:81px;height:70px;border:5px solid #fcfdff;background:linear-gradient(160deg,#c3def0,#e4f2fa);box-shadow:3px 3px 0 #cddcecf0}.room-window>i{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fcfdff}.room-window>i+i{top:50%;bottom:auto;left:0;right:0;width:100%;height:3px}.wall-shelf{position:absolute;top:60px;right:25px;width:95px;height:4px;background:#b9c9de;box-shadow:0 3px 0 #d3dfee}.wall-shelf i{position:absolute;width:15px;height:24px;bottom:4px;background:#f8f4ec;border:1px solid #e5d8c1;border-radius:5px 5px 2px 2px;left:12px}.wall-shelf i:nth-child(2){left:37px;background:#e4edf6;border-color:#b8cee4;height:30px}.wall-shelf i:nth-child(3){left:61px;background:#e8e2f2;border-color:#d0c3e1;height:20px}.room-counter{position:absolute;left:8%;top:158px;width:25%;height:68px;background:linear-gradient(90deg,#d6e1ef,#e3ebf5);border:1px solid #c5d5e8;border-radius:2px}.counter-top{position:absolute;left:-5px;right:-5px;top:-10px;height:10px;background:#b9cde3;transform:skewX(-16deg);border:1px solid #b0c5dd}.cabinet-door{position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #bfcee1}.cabinet-door::before,.cabinet-door::after{content:'';position:absolute;top:25px;width:3px;height:9px;background:#a0b7d0;left:-8px;border-radius:2px}.cabinet-door::after{left:5px}.room-counter>span,.room-basin>span,.room-table>span{position:absolute;bottom:-29px;width:100%;text-align:center;font:6px var(--mono);letter-spacing:.05em;color:#95a9c2;white-space:nowrap}.room-basin{position:absolute;left:38%;top:158px;width:25%;height:68px;border:1px solid #bfd1e3;background:#d7e3f0}.basin-top{position:absolute;left:-4px;right:-4px;top:-10px;height:15px;background:#b7cfe1;transform:skewX(-16deg);border:1px solid #a5c2d8}.basin-top>i{position:absolute;inset:2px 12px;background:#92bad3;border:1px solid #8cb4ce;border-radius:45%;box-shadow:inset 0 3px 5px #608eac30}.faucet{position:absolute;left:45%;top:-43px;width:23px;height:32px;border:4px solid #81a4c1;border-bottom:0;border-radius:14px 14px 0 0}.water-drops{position:absolute;left:45%;top:-12px;width:35px;height:17px;opacity:0}.water-drops>i{position:absolute;left:calc(var(--i)*4px);top:-8px;width:2px;height:7px;border-radius:3px;background:#71afda;animation:dropWater .6s calc(var(--i)*.06s) infinite}.room-table{position:absolute;left:70%;top:160px;width:25%;height:65px}.table-top{position:absolute;left:0;right:0;top:-8px;height:20px;border-radius:45%;background:#dbc4a5;box-shadow:0 5px 0 #c7aa85;transform:skewY(-5deg)}.table-plate{position:absolute;left:32%;top:2px;width:37%;height:10px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 0 #d5e1ef}.room-table>i{position:absolute;top:10px;bottom:0;width:7px;background:#c4a47d;left:15%;transform:rotate(6deg)}.room-table>i+i{left:auto;right:15%;transform:rotate(-6deg)}.butter-knife{position:absolute;left:14%;top:144px;width:52px;height:7px;z-index:5;filter:drop-shadow(0 4px 2px #61809d20)}.butter-knife>i{position:absolute;width:22px;left:0;top:0;height:7px;border-radius:3px;background:#7892ac}.butter-knife>span{position:absolute;width:32px;height:6px;left:20px;top:0;background:linear-gradient(#f7fbff,#a7bbd1);border:1px solid #9db3ca;border-radius:0 4px 1px 0}.butter-knife>b{position:absolute;right:1px;top:-22px;font-size:22px;color:#719ec7;opacity:0}.object-tracker{position:absolute;left:13%;top:116px;z-index:6;animation:trackerAppear .7s .3s both}.object-tracker>i{display:block;width:72px;height:38px;border:1px solid #86aace;border-radius:3px;position:absolute;top:16px;left:-5px;box-shadow:0 0 0 3px #b8d2ec15}.object-tracker>span{position:absolute;left:-7px;top:-30px;width:89px;background:#ffffffeb;border:1px solid #c8dbef;border-radius:4px;padding:5px 7px;font:8px var(--mono);color:#6789ae;box-shadow:0 4px 15px #5480b213;line-height:1.4}.object-tracker b{display:block;font-size:6px;font-weight:400;color:#9aacc2}.room-phase-1 .butter-knife{animation:knifeToSink 1.7s .4s both}.room-phase-1 .object-tracker{left:43%;animation:trackerAppear .7s 1.8s both}.room-phase-1 .water-drops{animation:fadeIn .5s 1.8s forwards}.room-phase-2 .butter-knife{left:43%;top:147px}.room-phase-2 .butter-knife>b{animation:sparkle 1.1s .5s infinite alternate}.room-phase-2 .object-tracker{left:42%;animation:trackerAppear .7s .3s both}.room-phase-2 .object-tracker>i{border-color:#85b4a4;box-shadow:0 0 0 5px #82b49b10}.room-phase-3 .butter-knife{animation:knifeToTable 1.7s .4s both}.room-phase-3 .object-tracker{left:74%;animation:trackerAppear .7s 1.9s both}.room-phase-3 .object-tracker>i{border-color:#95b6a8}.room-stage-label{font:7px var(--mono);letter-spacing:.12em;color:#8ca0bb;text-align:center;margin-bottom:5px}.shopping-window{margin:15px;height:calc(100% - 30px);position:relative;background:#fff;border:1px solid #d6e2f1;border-radius:7px;box-shadow:0 12px 22px #6685af0c;overflow:hidden}.shop-chrome{height:27px;background:#f5f8fc;border-bottom:1px solid #e1e9f4;display:flex;align-items:center;padding:0 11px;gap:4px}.shop-chrome>i{width:4px;height:4px;border-radius:50%;background:#ccd8e8}.shop-chrome>span{font:6px var(--mono);color:#a3b2c7;margin-left:8px}.shop-search{margin:12px 15px;display:flex;align-items:center;gap:8px;font-size:8px;color:#8da1bc;border:1px solid #dfe7f3;border-radius:4px;padding:6px 9px}.shop-search>span{font-size:14px}.shop-search>b{margin-left:auto;font-size:10px}.requirements-note{margin:0 16px 10px}.requirements-note>span{font:5px var(--mono);letter-spacing:.07em;color:#a8b5c8}.requirements-note p{margin:5px 0 0;display:flex;gap:5px}.requirements-note mark{font:7px var(--mono);color:#b09560;padding:3px 6px;border:1px solid #eadbbb;border-radius:3px;background:#fdf9ef;animation:highlightRequirement 1.1s calc(.4s + .2s) both}.requirements-note mark:nth-child(2){animation-delay:.9s}.requirements-note mark:nth-child(3){animation-delay:1.3s}.product-options{padding:0 17px}.option-group{margin:10px 0}.option-group>span{display:flex;justify-content:space-between;font-size:8px;color:#8b9bb2;margin-bottom:5px}.option-group small{font:5px var(--mono);color:#adbad0}.option-group>div{display:flex;gap:5px}.option-group i,.option-group b{font:7px var(--mono);font-style:normal;font-weight:400;padding:4px 8px;border:1px solid #dce5f2;border-radius:3px;color:#a1aec1;display:flex;gap:8px;align-items:center}.option-group b{background:#fafcff;color:#829bb9}.option-group em{font-style:normal;opacity:0;color:#5f8ab1;font-size:8px}.checkout-strip{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-top:1px solid #ebeff5;font:6px var(--mono);color:#a3b3c8}.checkout-strip b{background:#e8f0fb;color:#83a2c8;padding:5px 8px;border-radius:3px;font-weight:400}.demo-cursor{width:17px;height:20px;position:absolute;left:75%;top:55%;filter:drop-shadow(0 3px 3px #51739b22);opacity:0}.shop-phase-1 .option-group b{animation:outlineMissing 1s calc(.3s + var(--i)*.5s) both}.shop-phase-2 .option-group b{animation:selectOption .5s calc(.8s + var(--i)*.9s) both}.shop-phase-2 .option-group em{animation:fadeIn .3s calc(.8s + var(--i)*.9s) both}.shop-phase-2 .demo-cursor{animation:cursorSelect 4.8s both}.shop-phase-3 .option-group b{background:#eaf3fc;border-color:#a8c6e5;color:#658cb5}.shop-phase-3 .option-group em{opacity:1}.shop-phase-3 .checkout-strip b{background:#e6f3ee;color:#7ca593}.memory-workshop{position:relative;padding:20px;height:100%}.memory-topline{display:flex;justify-content:space-between;gap:15px;font:6px var(--mono);color:#9bacbf;letter-spacing:.06em}.memory-topline>span:last-child{font-size:5px;color:#ae9dc3}.memory-particles{position:absolute;top:60px;left:27px;width:290px;height:175px}.memory-particles>span{position:absolute;left:var(--x);top:var(--y);font:4px var(--mono);width:29px;height:24px;border:1px solid #e6d7b4;background:#fffaf0;border-radius:3px;color:#b2a07a;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 6px #8f7b4f0b;animation:miniCardIn .55s calc(var(--i)*.035s) both}.memory-count{position:absolute;right:24px;top:80px;display:flex;flex-direction:column;text-align:center;width:90px;animation:sceneEnter .6s .4s both}.memory-count>strong{font-size:50px;font-weight:500;letter-spacing:-.07em;color:#879dbd;line-height:1.2}.memory-count>span{font-size:7px;color:#9cabbd;line-height:1.6}.memory-stage-track{position:absolute;bottom:65px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between}.memory-stage-track>span:not(.flow-chevron){font-size:21px;line-height:1.3;color:#bdc8d8;display:flex;flex-direction:column;align-items:center}.memory-stage-track small{font:5px var(--mono);color:#b0bdd0;margin-top:5px}.memory-stage-track>span.active{color:#8d75b2}.memory-stage-track .flow-chevron{font-size:13px}.memory-inheritance{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:7px;font:6px var(--mono);color:#a295b6;border:1px dashed #d8cfe5;background:#fbf8ff;padding:7px;border-radius:4px}.memory-inheritance .paper-glyph{width:10px;height:13px;gap:2px;padding:3px 2px}.memory-inheritance>b{margin-left:auto;font-size:5px;font-weight:400}.memory-phase-1 .memory-particles>span{animation:compressCards 2.5s calc(var(--i)*.02s) both}.memory-phase-2 .memory-particles>span{animation:compressMore 2.5s calc(var(--i)*.018s) both}.memory-phase-3 .memory-particles>span{animation:consolidateCards 2.5s calc(var(--i)*.018s) both}.memory-phase-3 .memory-count strong{color:#a184bc}.memory-phase-3 .memory-inheritance{border-color:#bca3d7;background:#f5eefa}
@keyframes sceneEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes agentBreathe{50%{box-shadow:inset 0 0 0 6px #ffffff80,0 12px 28px #416da32a;transform:translateY(-3px)}}@keyframes drawBranch{from{stroke-dashoffset:500}to{stroke-dashoffset:0}}@keyframes streamAcross{0%{opacity:0;transform:translateX(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateX(138px)}}@keyframes cardArrive{from{opacity:0;transform:translate(-18px,12px) rotate(-5deg) scale(.94)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes highlightGood{from{background:white}to{background:#eaf5ef}}@keyframes highlightBad{from{background:white}to{background:#f9eeeb}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slowRotate{to{transform:rotate(360deg)}}@keyframes extractCard{from{opacity:0;transform:translateX(-40px) scale(.87);filter:blur(3px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}@keyframes growBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes scaleIn{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes weightLearn{0%{background:rgba(94,149,197,.12)}40%{background:#83b7dc;box-shadow:0 0 6px #78addc50}100%{background:rgba(94,149,197,var(--shade))}}@keyframes rankMove{0%,35%{transform:translateY(calc(var(--from)*59px))}75%,100%{transform:translateY(calc(var(--to)*59px))}}@keyframes fadeDiscard{to{opacity:.4}}@keyframes localMerge{0%,35%{opacity:1;transform:rotate(calc(-8deg + var(--i)*6deg)) translateX(0) scale(1)}68%,100%{opacity:0;transform:rotate(0) translateX(390px) scale(.45)}}@keyframes globalReveal{from{opacity:0;transform:translateX(-25px) scale(.8)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes ruleWrite{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes orbitTravel{to{stroke-dashoffset:-1360}}@keyframes notebookSlide{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}@keyframes dropWater{0%{opacity:0;transform:translateY(0)}40%{opacity:1}100%{opacity:0;transform:translateY(20px)}}@keyframes trackerAppear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes knifeToSink{0%{left:14%;top:144px}40%{left:26%;top:118px}100%{left:43%;top:147px}}@keyframes knifeToTable{0%{left:43%;top:147px}40%{left:58%;top:118px}100%{left:75%;top:150px}}@keyframes highlightRequirement{from{background:#fff;color:#c1b399}to{background:#faf0d7;color:#ad8b4e}}@keyframes outlineMissing{0%,100%{border-color:#ddc69a;background:#fdf7e9}50%{border-color:#d5ac69;background:#fcf0d5}}@keyframes selectOption{to{background:#eaf3fc;border-color:#a8c6e5;color:#658cb5}}@keyframes cursorSelect{0%{opacity:0;left:var(--option-x-0);top:calc(var(--option-y-0) - 35px)}10%{opacity:1}25%{left:var(--option-x-0);top:var(--option-y-0);transform:scale(.85)}40%{left:var(--option-x-1);top:var(--option-y-1);transform:scale(1)}46%{transform:scale(.85)}62%{left:var(--option-x-2);top:var(--option-y-2);transform:scale(1)}70%{transform:scale(.85)}85%,100%{opacity:0;left:calc(var(--option-x-2) + 25px);top:calc(var(--option-y-2) + 30px)}}@keyframes miniCardIn{from{opacity:0;transform:translateY(12px) rotate(-7deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes compressCards{0%{left:var(--x);top:var(--y);opacity:.9}100%{left:var(--target-x);top:var(--target-y);background:#f1f5fc;border-color:#c4d5eb;color:#8ca1bf;opacity:calc(.45 + mod(var(--i),2)*.4)}}@keyframes compressMore{0%{left:var(--target-x);top:var(--target-y);background:#f1f5fc;border-color:#c4d5eb}100%{left:calc(mod(var(--i),4)*46px);top:calc(mod(var(--i),2)*47px);background:#f0ebf8;border-color:#cfc0e1;color:#a793bf}}@keyframes consolidateCards{0%{left:calc(mod(var(--i),4)*46px);top:calc(mod(var(--i),2)*47px);background:#f0ebf8}100%{left:calc(mod(var(--i),5)*36px + 5px);top:calc(mod(var(--i),5)*7px + 25px);background:#efe7f8;border-color:#bdacd4;color:#9c86b5;transform:rotate(calc(mod(var(--i),5)*4deg - 8deg))}}
@media(max-width:1050px){.film-scene{padding:20px 20px 30px}.collection-scene,.extraction-scene,.internalization-scene,.selection-scene,.consolidation-scene{gap:18px}.agent-pod{width:150px}.branch-stream{width:100px}.rollout-deck{width:350px;gap:9px}.trace-pair{width:280px}.analyzer-bridge{width:80px}.extracted-skill{width:235px}.skill-document{padding:16px}.skill-document h4{font-size:19px}.opd-context{width:280px}.distill-bridge{width:110px}.model-update{width:180px}.rank-stage{width:350px;margin-left:10px}.selection-explanation{width:225px}.local-fan{width:220px}.merge-bridge{width:90px}.new-global{width:230px}.showcase-scene{gap:20px;padding:15px 23px 25px}.showcase-notebook{padding:8px}.showcase-notebook .notebook-label{margin-bottom:17px}.notebook-task p{font-size:11px}.notebook-rule h4{font-size:12px}.memory-count{right:10px;width:75px}.memory-particles{transform:scale(.83);transform-origin:top left}.memory-count strong{font-size:43px}}
@media(max-width:800px){.film-stage{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cfdbec transparent}.flow-scene{min-width:720px}.film-chapter-heading{padding:24px 25px 12px;gap:14px}.film-chapter-heading h3{font-size:22px}.film-chapter-number{font-size:33px}.film-description{padding:0 25px;font-size:10px;min-height:56px}.film-chapters button{font-size:9px;padding:15px 4px}.film-chapters button>span{font-size:7px;margin-right:5px}.showcase-scene{height:auto;min-height:630px;grid-template-columns:1fr;gap:20px;padding:10px 25px 25px}.showcase-visual{min-height:330px;max-width:520px;width:100%;margin:auto}.showcase-notebook{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;padding:0}.notebook-label{grid-column:1/-1;margin-bottom:0!important}.notebook-task{grid-column:1}.notebook-task p{margin-bottom:0}.notebook-rule{grid-column:2;grid-row:2/4;padding:12px}.action-script{grid-column:1;margin-top:0}.notebook-status{grid-column:1/-1;margin-top:0}.room-scene{min-height:330px}.room-perspective{max-width:510px;margin:auto}.shopping-window{height:330px;margin:13px}.shop-search{font-size:10px;margin:15px}.requirements-note>span{font-size:7px}.requirements-note mark{font-size:9px}.option-group{margin:12px 0}.option-group>span{font-size:10px}.option-group i,.option-group b{font-size:9px;padding:5px 10px}.checkout-strip{font-size:8px}.option-group small{font-size:7px}.memory-workshop{min-height:330px}.memory-particles{transform:scale(.9)}.memory-count{top:85px;right:35px;width:90px}.memory-count strong{font-size:55px}.memory-count>span{font-size:9px}.memory-topline{font-size:8px}.memory-topline>span:last-child{font-size:7px}.memory-inheritance{font-size:8px}.memory-inheritance>b{font-size:7px}.film-controls{gap:10px}.film-loop-label{font-size:7px}}
@media(max-width:540px){.film-topbar{padding:12px 15px;font-size:7px;letter-spacing:.05em}.film-loop-label{font-size:6px;gap:6px}.film-loop-label b{font-size:15px}.film-chapter-heading{padding:20px 17px 12px;gap:12px;align-items:flex-start;min-height:94px}.film-chapter-number{font-size:30px}.film-kicker{font-size:6px}.film-chapter-heading h3{font-size:20px;line-height:1.25;margin-top:6px}.film-stage:has(.flow-scene){position:relative}.flow-scene{transform-origin:top left;min-width:620px;height:335px;padding:12px 10px 20px}.film-stage:has(.flow-scene)::after{content:'SWIPE TO EXPLORE →';position:sticky;left:15px;bottom:8px;font:6px var(--mono);color:#97acc7;display:block;width:150px;background:#fff9}.film-stage{min-height:335px}.film-description{padding:0 17px;font-size:9px;margin-bottom:19px;min-height:75px}.film-chapters{grid-template-columns:repeat(3,1fr)}.film-chapters button{font-size:9px;padding:12px 4px}.film-controls{gap:7px;padding:12px}.film-time,.film-total{font-size:8px;min-width:29px}.film-controls button{width:23px;height:23px;font-size:14px}.film-speed{font-size:8px;padding:3px}.agent-pod{width:125px}.agent-emblem{height:75px;width:75px;font-size:43px}.agent-pod h4{font-size:15px}.branch-stream{width:70px}.rollout-deck{width:305px;gap:8px}.rollout-sheet{height:90px;padding:8px}.rollout-deck>p{font-size:6px}.collection-scene,.extraction-scene,.internalization-scene,.selection-scene,.consolidation-scene{gap:15px}.trace-pair{width:230px}.trace-action{font-size:7px;padding:5px 8px;gap:5px}.trace-action>b{font-size:5px}.trace-head{font-size:6px;padding:7px 9px}.analyzer-bridge{width:65px}.analyzer-orbit{height:50px;width:50px}.analyzer-orbit>span{font-size:25px}.analyzer-bridge>span{font-size:7px}.analyzer-bridge small{font-size:6px}.extracted-skill{width:220px}.skill-document h4{font-size:18px}.skill-document p{font-size:11px}.source-pills span{font-size:5px}.opd-context{width:240px}.opd-context h4{font-size:17px}.response-tokens>span{padding:5px 9px;font-size:9px}.distill-bridge{width:95px}.model-update{width:170px}.weight-matrix{width:140px}.selection-explanation{width:200px}.rank-stage{width:315px;margin-left:5px}.heldout-stack{gap:4px}.heldout-stack>span{font-size:11px;padding:8px 6px}.strength-formula{font-size:23px}.selection-explanation>p{font-size:10px}.rank-card{gap:10px;padding:9px 11px}.local-fan{width:200px}.flying-local{width:180px;height:140px}.flying-local h4{font-size:13px}.merge-bridge{width:80px}.new-global{width:210px}.global-book{width:190px;min-height:215px}.fan-caption{left:20px;font-size:7px}.coevolution-scene{gap:120px}.duet-model,.duet-skills{width:145px}.duet-heart{width:67px;height:67px}.duet-heart>span{font-size:28px}.new-experience{font-size:7px;gap:8px}.new-experience>span{width:20px}.showcase-scene{padding:5px 13px 23px;min-height:710px;gap:22px}.showcase-visual{min-height:290px}.showcase-notebook{grid-template-columns:1fr;gap:13px;padding:0 4px}.notebook-label{font-size:7px}.notebook-task,.notebook-rule,.action-script,.notebook-status{grid-column:1;grid-row:auto}.notebook-task>span,.action-script>span{font-size:6px}.notebook-task p{font-size:11px;margin-top:5px;max-width:100%}.notebook-rule h4{font-size:12px}.notebook-rule{padding:12px 14px}.script-tokens{min-height:48px}.script-tokens>span{font-size:10px}.notebook-status{font-size:7px}.room-scene{min-height:290px}.room-perspective{height:260px;transform:scale(.95)}.room-window{width:59px;height:60px;left:15px}.wall-shelf{width:79px;right:15px}.wall-shelf i:nth-child(3){left:57px}.object-tracker>span{font-size:7px;width:78px}.butter-knife{width:45px}.butter-knife>i{width:19px}.butter-knife>span{width:28px;left:17px}.object-tracker>i{width:62px}.room-counter>span,.room-basin>span,.room-table>span{font-size:5px}.room-stage-label{font-size:6px}.shopping-window{margin:9px;height:308px}.shop-search{font-size:7px;margin:10px 12px}.requirements-note{margin:0 12px 8px}.requirements-note>span{font-size:5px}.requirements-note mark{font-size:7px;padding:3px 5px}.product-options{padding:0 12px}.option-group>span{font-size:8px}.option-group small{font-size:5px}.option-group i,.option-group b{font-size:7px}.checkout-strip{font-size:6px;padding:8px 11px}.memory-workshop{padding:15px;min-height:290px}.memory-topline{font-size:5px}.memory-topline>span:last-child{font-size:4px}.memory-particles{transform:scale(.65);top:70px;left:16px}.memory-count{right:12px;top:70px;width:65px}.memory-count strong{font-size:44px}.memory-count>span{font-size:7px}.memory-stage-track{bottom:58px;left:18px;right:18px}.memory-inheritance{left:13px;right:13px;bottom:17px;font-size:6px}.memory-inheritance>b{font-size:5px}.example-player .film-description{font-size:8px;min-height:65px}.example-player.film-player .film-chapters button{font-size:8px}.example-player.film-player .film-chapters button>span{font-size:6px;margin-right:4px}}
/* Keep the narrative legible against the paper palette. */
.film-description{color:#65758c}.film-kicker,.film-topbar{color:#7588a3}.trace-action{color:#526984;font-size:10px}.trace-head{color:#5c8c76;font-size:8px}.trace-failure .trace-head{color:#a26d64}.trace-action.missing{color:#ad736b}.trace-result{color:#8294ad;font-size:8px}.trace-action>b{font-size:7px}.document-top{font-size:9px;color:#a48142}.skill-document p{color:#896d43}.document-tags>span{font-size:8px;color:#98793e}.source-pills span{font-size:7px;color:#9e875d}.analyzer-bridge small{font-size:8px;color:#a18a61}.rollout-sheet>span{font-size:8px;color:#8298b4}.rollout-sheet>div{color:#5d7fa7}.rollout-sheet.good>span{color:#578b75}.rollout-sheet.bad>span{color:#a77870}.rollout-deck>p{color:#7e92af}.rank-label{color:#7c90ae}.selection-explanation>p{color:#7187a5}.book-rule{font-size:9px;color:#8d6caa}.notebook-task p{color:#5b718f}.notebook-rule h4{color:#896d42}.notebook-label{color:#8297b5}.script-tokens>span{color:#5277aa}.shop-search{color:#6d89ad}.option-group>span{color:#7288a6}.option-group b{color:#6a87ae}.memory-count>span{color:#8499b6}.memory-particles>span{font-size:5px}.micro-note{color:#8496b0}
@media(max-width:800px){.trace-action{font-size:8px}.trace-head{font-size:7px}.trace-action>b{font-size:6px}.trace-result{font-size:7px}.source-pills span{font-size:6px}}
/* Persistent context and legible actions across chapter boundaries. */
.showcase-scene { animation: none; }
.showcase-notebook .notebook-rule { animation: none; }
.showcase-notebook .script-tokens > span {
  opacity: 1;
  animation: actionTokenFocus .35s calc(var(--i) * .10s) both;
}
@keyframes actionTokenFocus {
  from { color: #5f728d; background: #f6f8fc; border-color: #e0e7f0; transform: translateY(2px); }
  to { color: #345f96; background: #eaf2fd; border-color: #c5d9f1; transform: translateY(0); }
}
.room-state-strip {
  position: absolute; top: 20px; left: 20px; right: 20px; z-index: 8;
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  font: 10px var(--mono); color: #607894;
}
.room-state-value { font: 12px var(--font); color: #826438; background: #fff8e8; border: 1px solid #ead9b3; border-radius: 20px; padding: 6px 11px; }
.room-scene[data-object-state="washing"] .room-state-value { color: #326b9b; background: #e8f3ff; border-color: #b8d5ec; }
.room-scene:is([data-object-state="clean"], [data-object-state="placing"], [data-object-state="placed"]) .room-state-value { color: #39755c; background: #ebf7f0; border-color: #bedfce; }
.knife-rig { position: absolute; z-index: 6; width: 52px; height: 7px; left: 20.5%; top: 143px; transform: translateX(-50%); }
.knife-rig .butter-knife { left: 0; top: 0; width: 52px; animation: none; }
.knife-rig .butter-knife > i { width: 22px; }
.knife-rig .butter-knife > span { width: 32px; left: 20px; }
.knife-rig .butter-knife > b { opacity: 0; animation: none; }
.knife-rig .object-tracker { left: 0; top: 0; opacity: 1; animation: none; }
.knife-rig .object-tracker > i { top: -8px; left: -9px; width: 70px; height: 25px; }
.room-scene .knife-rig .object-tracker > span { left: -37px; top: -66px; }
.room-phase-3 .knife-rig .object-tracker > span { left: -65px; }
.room-phase-1 .knife-rig { left: 50.5%; top: 145px; animation: trackedKnifeToSink 1.3s .12s ease-in-out both; }
.room-phase-2 .knife-rig { left: 50.5%; top: 145px; }
.room-phase-3 .knife-rig { left: 82.5%; top: 154px; animation: trackedKnifeToTable 1.3s .12s ease-in-out both; }
.room-scene:is([data-object-state="clean"], [data-object-state="placing"], [data-object-state="placed"]) .butter-knife > b { opacity: 1; color: #438b71; }
.room-scene:is([data-object-state="clean"], [data-object-state="placing"], [data-object-state="placed"]) .object-tracker > i { border-color: #75ad95; background: #92cbb00b; }
.room-scene .faucet { left: 50%; transform: translateX(-50%); }
.room-scene .water-drops { left: calc(50% + 7px); top: -12px; width: 16px; height: 24px; opacity: 0; animation: none; z-index: 7; }
.room-scene .water-drops > i { left: calc(var(--i) * 2px); height: 9px; background: #489ace; }
.room-scene[data-object-state="washing"] .water-drops { opacity: 1; }
@keyframes trackedKnifeToSink {
  0% { left: 20.5%; top: 143px; }
  50% { left: 35.5%; top: 124px; }
  100% { left: 50.5%; top: 145px; }
}
@keyframes trackedKnifeToTable {
  0% { left: 50.5%; top: 145px; }
  50% { left: 66.5%; top: 124px; }
  100% { left: 82.5%; top: 154px; }
}

/* Reading sizes are independent of viewport width: narrow screens reflow or scroll. */
.film-topbar { font-size: 11px; color: #526984; letter-spacing: .06em; gap: 16px; }
.film-loop-label { font-size: 10px; white-space: nowrap; }
.film-kicker { font-size: 10px; color: #657994; letter-spacing: .1em; }
.film-chapter-heading h3 { font-size: 28px; line-height: 1.25; }
.film-chapter-number { color: #9eafc6; }
.film-stage { min-height: 440px; }
.flow-scene { height: 440px; padding: 28px 32px 34px; }
.film-description,
.example-player .film-description { font-size: 14px; line-height: 1.75; color: #53657e; min-height: 50px; max-width: none; }
.film-chapters button,
.example-player.film-player .film-chapters button { font-size: 13px; color: #526984; }
.film-chapters button > span,
.example-player.film-player .film-chapters button > span { font-size: 11px; color: #6c7e97; }
.film-controls button { width: 34px; height: 34px; flex: none; font-size: 18px; }
.film-time, .film-total { font-size: 12px; min-width: 40px; color: #526984; }
.film-speed { font-size: 12px; color: #3d587a; padding: 6px; }
.film-scrubber { height: 5px; }
.film-scrubber::-webkit-slider-thumb { width: 13px; height: 13px; }
.micro-note,
.opd-context > .micro-note,
.model-update > .micro-note,
.selection-explanation > .micro-note { font-size: 11px; color: #64758d; line-height: 1.55; }
.agent-pod > span { font-size: 12px; color: #657994; }
.global-chip { font-size: 12px; color: #79539d; }
.rollout-sheet { height: 110px; }
.rollout-sheet > span { font-size: 11px; color: #5e7694; }
.rollout-sheet > div { font-size: 16px; }
.rollout-sheet.good > span { color: #3e765f; }
.rollout-sheet.bad > span { color: #985950; }
.rollout-deck > p { font-size: 11px; letter-spacing: .04em; color: #5e7694; }
.trace-pair { width: 350px; gap: 14px; }
.trace-head { font-size: 11px; letter-spacing: .03em; color: #3c7059; padding: 10px 12px; }
.trace-failure .trace-head { color: #92574f; }
.trace-action { font-size: 13px; color: #405979; line-height: 1.4; padding: 6px 11px; gap: 9px; }
.trace-action > span { font-size: 10px; color: #70839d; }
.trace-action > b { font-size: 10px; color: #3c7059; }
.trace-action.missing, .trace-action.missing > b { color: #92574f; }
.trace-result { font-size: 11px; color: #60728b; padding: 7px 11px 10px; }
.analyzer-bridge { width: 108px; }
.analyzer-bridge > span { font-size: 11px; letter-spacing: .05em; color: #886932; }
.analyzer-bridge small { font-size: 11px; color: #886932; text-align: center; }
.extracted-skill { width: 285px; }
.document-top { font-size: 11px; color: #896628; }
.document-id { font-size: 16px; }
.skill-document h4 { font-size: 24px; }
.skill-document p { font-size: 15px; line-height: 1.65; color: #795d33; }
.document-tags > span { font-size: 11px; color: #80602e; }
.source-pills { flex-wrap: wrap; gap: 5px; }
.source-pills span { font-size: 10px; color: #806637; }
.context-capsule { font-size: 12px; color: #526984; }
.context-capsule > span { color: #80602e; }
.opd-context h4 { font-size: 22px; }
.response-tokens > span { font-size: 14px; }
.probability-label { font-size: 11px; color: #637996; }
.probability-pair > span { width: 46px; font-size: 12px; color: #526984; }
.probability-pair i { height: 7px; }
.delta-orb > span, .distill-bridge > span { font-size: 11px; color: #446c95; }
.model-update { width: 240px; }
.model-update h4 { font-size: 18px; }
.mini-eyebrow { font-size: 11px; letter-spacing: .05em; color: #637996; }
.heldout-stack > span { font-size: 15px; color: #5e7694; }
.selection-explanation > p { font-size: 14px; color: #526984; }
.strength-formula > span { color: #8867a6; }
.rank-label { font-size: 11px; letter-spacing: .02em; color: #60738e; }
.rank-label > span:last-child { color: #79549b; }
.rank-card > strong { font-size: 16px; color: #526984; }
.rank-card > span { font-size: 15px; color: #526984; }
.rank-card > b { font-size: 11px; color: #755197; }
.rank-stage > p { font-size: 11px; line-height: 1.5; color: #60738e; }
.flying-local > span, .fan-caption { font-size: 11px; letter-spacing: .03em; color: #886932; }
.flying-local h4 { font-size: 17px; color: #80602e; }
.prior-memory { width: 115px; }
.prior-memory small { font-size: 11px; color: #806499; }
.new-global { width: 285px; }
.global-book { width: 245px; min-height: 260px; }
.book-label { font-size: 11px; color: #806099; }
.book-rule { font-size: 14px; color: #755197; }
.book-rule > i { flex: none; }
.book-bottom { font-size: 10px; letter-spacing: .04em; color: #806499; }
.global-version { font-size: 21px; color: #79549b; }
.global-version > span { font-size: 11px; color: #806499; line-height: 1.5; }
.duet-model > span, .duet-skills > span { font-size: 11px; letter-spacing: .04em; color: #607b9d; }
.duet-model h4, .duet-skills h4 { font-size: 18px; }
.duet-skills > span, .duet-skills h4 { color: #806099; }
.duet-heart { width: 100px; height: 100px; }
.duet-heart > small { font-size: 10px; color: #60738e; }
.new-experience { font-size: 12px; color: #64718f; }

.showcase-scene { height: 530px; padding: 18px 30px 28px; }
.showcase-notebook { padding-top: 8px; }
.example-tabs > button { font-size: 14px; }
.example-tabs > button > span { font-size: 11px; }
.example-tabs small { font-size: 11px; color: #60738e; }
.notebook-label { font-size: 11px; color: #607894; letter-spacing: .08em; margin-bottom: 18px; }
.notebook-task > span, .action-script > span { font-size: 11px; color: #607894; }
.notebook-task p { font-size: 16px; line-height: 1.65; color: #405979; max-width: none; }
.notebook-rule > span { font-size: 11px; color: #896628; }
.notebook-rule h4 { font-size: 16px; line-height: 1.6; color: #795d33; }
.script-tokens > span { font-size: 13px; padding: 5px 7px; color: #3d6395; }
.notebook-status { font-size: 11px; color: #607894; line-height: 1.6; }
.room-counter > span, .room-basin > span, .room-table > span { font-size: 11px; letter-spacing: 0; color: #5b7594; }
.object-tracker > span { font-size: 12px; width: 126px; top: -43px; padding: 6px 8px; color: #446a92; }
.object-tracker b { font-size: 10px; color: #607894; }
.room-phase-3 .object-tracker > span { left: -35px; }
.room-stage-label { font-size: 11px; letter-spacing: .04em; color: #607894; padding: 0 10px; line-height: 1.6; }
.shop-chrome { height: 32px; }
.shop-chrome > span { font-size: 10px; color: #607894; }
.shop-search { font-size: 12px; color: #526f94; padding: 9px; }
.requirements-note > span { font-size: 10px; color: #64758d; letter-spacing: .02em; line-height: 1.5; }
.requirements-note p { flex-wrap: wrap; }
.requirements-note mark { font-size: 11px; color: #896628; }
.option-group { margin: 14px 0; }
.option-group > span { font-size: 13px; color: #526984; }
.option-group small { font-size: 10px; color: #64758d; }
.option-group i, .option-group b { font-size: 12px; color: #60738e; padding: 6px 9px; }
.option-group b { color: #446a92; }
.checkout-strip { font-size: 11px; color: #60738e; gap: 12px; }
.checkout-strip b { color: #446a92; white-space: nowrap; }
.shop-phase-3 .checkout-strip b { color: #3e765f; }
.memory-topline { font-size: 10px; color: #60738e; letter-spacing: .01em; }
.memory-topline > span:last-child { font-size: 10px; color: #806499; text-align: right; }
.memory-count { top: 55px; left: 20px; right: 20px; width: auto; flex-direction: row; justify-content: center; align-items: center; gap: 15px; text-align: left; }
.memory-count > strong { font-size: 50px; color: #526f94; }
.memory-count > span { font-size: 14px; color: #526984; max-width: 160px; }
.memory-particles { top: 134px; left: calc(50% - 142px); width: 284px; height: 194px; transform: none; }
.memory-particles > span { font-size: 10px; width: 44px; height: 24px; color: #806637; }
.memory-stage-track { bottom: 88px; }
.memory-stage-track > span:not(.flow-chevron) { font-size: 25px; color: #8b9ab0; }
.memory-stage-track > span.active { color: #79549b; }
.memory-stage-track small { font-size: 10px; color: #60738e; }
.memory-inheritance { font-size: 11px; color: #806499; flex-wrap: wrap; padding: 10px; gap: 7px; }
.memory-inheritance > b { font-size: 10px; color: #806499; }

@media (max-width: 1050px) {
  .film-stage:has(.flow-scene) { overflow-x: auto; scrollbar-width: thin; scrollbar-color: #b7c9e1 transparent; }
  .flow-scene { min-width: 700px; padding-inline: 20px; }
  .trace-pair { width: 280px; }
  .analyzer-bridge { width: 68px; }
  .extracted-skill { width: 255px; }
  .opd-context { width: 300px; }
  .distill-bridge { width: 80px; }
  .model-update { width: 200px; }
  .branch-stream { width: 80px; }
  .rollout-deck { width: 350px; }
  .new-global { width: 260px; }
  .showcase-scene { height: 570px; padding: 15px 23px 25px; }
}
@media (max-width: 800px) {
  .film-stage:has(.flow-scene)::after { content: 'SWIPE TO EXPLORE →'; position: sticky; left: 15px; bottom: 8px; display: block; font: 11px var(--mono); width: 180px; color: #526f94; padding: 6px 8px; border-radius: 4px; background: #fffffff2; }
  .film-chapter-heading h3 { font-size: 25px; }
  .showcase-scene { height: auto; min-height: 0; grid-template-columns: 1fr; padding: 15px 25px 25px; gap: 24px; }
  .showcase-visual { min-height: 480px; }
  .showcase-visual:has(.room-scene) { min-height: 340px; }
  .showcase-notebook { gap: 16px 20px; }
  .shopping-window { height: auto; min-height: 450px; margin: 13px; }
  .memory-workshop { min-height: 480px; }
  .memory-inheritance { left: 16px; right: 16px; }
}
@media (max-width: 540px) {
  .film-topbar { padding: 13px 15px; font-size: 10px; align-items: flex-start; line-height: 1.5; }
  .film-loop-label { font-size: 10px; }
  .film-loop-label b { display: none; }
  .film-kicker { font-size: 10px; line-height: 1.5; }
  .film-chapter-heading h3 { font-size: 24px; }
  .film-description, .example-player .film-description { font-size: 13px; min-height: 0; padding: 0 17px; }
  .film-stage:has(.flow-scene)::after { font-size: 11px; width: 180px; color: #526f94; padding: 6px 8px; border-radius: 4px; background: #fffffff2; }
  .flow-scene { height: 440px; padding: 28px 24px 34px; }
  .film-chapters button, .example-player.film-player .film-chapters button { font-size: 12px; padding: 14px 5px; }
  .example-player.film-player .film-chapters { grid-template-columns: repeat(2, 1fr); }
  .film-controls { gap: 7px; padding: 10px; flex-wrap: wrap; }
  .film-controls button { width: 32px; height: 32px; }
  .film-time, .film-total { font-size: 11px; min-width: 35px; }
  .film-speed { font-size: 12px; }
  .showcase-scene { padding: 10px 13px 24px; gap: 24px; }
  .showcase-notebook { gap: 16px; }
  .example-tabs > button { font-size: 12px; line-height: 1.5; }
  .example-tabs > button > span, .example-tabs small { font-size: 10px; }
  .notebook-task p { font-size: 15px; }
  .notebook-rule h4 { font-size: 15px; }
  .script-tokens > span { font-size: 13px; }
  .room-perspective { transform: none; height: 285px; }
  .room-table > span { white-space: normal; line-height: 1.3; bottom: -39px; }
  .room-phase-3 .object-tracker > span { left: -51px; }
  .shop-search { font-size: 12px; margin: 10px; }
  .shopping-window { margin: 8px; min-height: 460px; }
  .option-group i, .option-group b { font-size: 11px; padding: 6px 7px; gap: 5px; }
  .checkout-strip { font-size: 11px; padding: 9px 11px; flex-wrap: wrap; gap: 8px; }
  .memory-workshop { padding: 15px 12px; min-height: 490px; }
  .memory-topline { gap: 12px; line-height: 1.5; }
  .memory-particles { left: calc(50% - 134px); width: 268px; }
  .memory-particles > span { left: calc(var(--x) * .94); width: 42px; font-size: 10px; }
  .memory-inheritance > b { margin-left: 17px; }
}

@media(prefers-reduced-motion:reduce){.film-scene *,.film-scene{animation:none!important;transition:none!important}.extracted-skill,.new-global,.stream-particle,.book-rule,.rank-card>b,.trace-action>b{opacity:1}.flying-local{opacity:1}.film-player .film-scrubber{scroll-behavior:auto}}