.film-scope{
      color-scheme: light dark;
      --page:#edf1f0; --ink:#17201f; --muted:#5f6c69; --line:#cbd4d1;
      --panel:#f7faf9; --stage:#071210; --stage2:#0b1b18; --stage-ink:#e9fff9;
      --cyan:#36f2c2; --cyan-soft:#9effe6; --amber:#ffc857; --red:#ff6f61;
      --shadow:0 28px 70px rgba(10,24,21,.18);
    }
    @media (prefers-color-scheme:dark){.film-scope{--page:#080e0d;--ink:#edf7f4;--muted:#99aaa6;--line:#263330;--panel:#0d1715;--shadow:0 30px 90px rgba(0,0,0,.48)}
    }.film-scope *{box-sizing:border-box}.film-scope{scroll-behavior:smooth}.film-scope{margin:0;background:var(--page);color:var(--ink);font-family:Manrope,system-ui,sans-serif}.film-scope button,.film-scope input{font:inherit}.film-scope button{color:inherit}.film-scope .film-content{width:min(1480px,100%);margin:auto;padding:clamp(18px,3.2vw,52px)}.film-scope .film-meta{display:flex;justify-content:space-between;gap:24px;align-items:end;margin:10px 0 20px}.film-scope .film-number{font:500 12px/1 IBM Plex Mono,monospace;letter-spacing:.16em;color:var(--muted);margin-bottom:10px}.film-scope #film-title{font-size:clamp(30px,4.2vw,62px);line-height:.98;letter-spacing:-.05em;margin:0;max-width:800px;font-weight:600}.film-scope .premise{max-width:470px;margin:0;color:var(--muted);font-size:clamp(14px,1.2vw,17px);line-height:1.55}.film-scope .player{background:var(--stage);border:1px solid rgba(92,132,122,.45);box-shadow:var(--shadow);overflow:hidden;position:relative}.film-scope .stage{position:relative;aspect-ratio:16/9;min-height:0;max-height:72vh;overflow:hidden;background:var(--stage)}.film-scope .stage svg{width:100%;height:100%;display:block}.film-scope .vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px rgba(0,0,0,.55)}.film-scope .caption-panel{background:#0b1916;color:var(--stage-ink);border-top:1px solid #24493f;padding:clamp(16px,2.2vw,28px) clamp(16px,3.2vw,42px) clamp(18px,2.5vw,32px);display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);column-gap:clamp(22px,4vw,64px);align-items:start;min-height:158px}.film-scope .caption-meta{display:flex;flex-direction:column;gap:13px;min-width:0}.film-scope .timecode{color:#89aaa2;font:500 11px/1 IBM Plex Mono,monospace;letter-spacing:.1em;white-space:nowrap}.film-scope .chapter-chip{color:#b4cbc5;font:500 11px/1.25 IBM Plex Mono,monospace;letter-spacing:.13em;text-transform:uppercase}.film-scope .caption{min-width:0}.film-scope .caption .where{font:500 11px/1 IBM Plex Mono,monospace;color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}.film-scope .caption h2{font-size:clamp(22px,2.7vw,38px);line-height:1.06;letter-spacing:-.035em;margin:0 0 9px;font-weight:600}.film-scope .caption p{font-size:clamp(13px,1.15vw,16px);line-height:1.5;margin:0;color:#c9ddd8;max-width:760px}.film-scope .transport{background:var(--panel);padding:14px 16px 12px;border-top:1px solid var(--line)}.film-scope .transport-main{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.film-scope .play{border:1px solid var(--line);background:transparent;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}.film-scope .play:hover{background:color-mix(in srgb,var(--cyan) 12%,transparent);border-color:var(--cyan)}.film-scope .play svg{width:18px;height:18px}.film-scope .play .pause-icon{display:none}.film-scope .player.playing .play-icon{display:none}.film-scope .player.playing .pause-icon{display:block}.film-scope .rail-wrap{display:flex;align-items:center;gap:10px}.film-scope .current-time,.film-scope .duration{font:400 11px/1 IBM Plex Mono,monospace;color:var(--muted);white-space:nowrap}.film-scope .rail{position:relative;height:26px;flex:1;display:flex;align-items:center}.film-scope input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:linear-gradient(90deg,var(--cyan) var(--progress,0%),var(--line) var(--progress,0%));border-radius:0;outline:none;cursor:pointer}.film-scope input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--cyan);border:3px solid var(--panel);box-shadow:0 0 0 1px var(--cyan)}.film-scope input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--cyan);border:3px solid var(--panel)}.film-scope .soundless{font:500 10px/1 IBM Plex Mono,monospace;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.film-scope .chapters{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-top:12px;background:var(--line)}.film-scope .chapter{border:0;background:var(--panel);text-align:left;padding:10px 11px;cursor:pointer;min-width:0;color:var(--muted);transition:background .2s,color .2s}.film-scope .chapter b{display:block;font:500 10px/1 IBM Plex Mono,monospace;margin-bottom:5px;color:inherit}.film-scope .chapter span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.film-scope .chapter.active{background:var(--ink);color:var(--page)}.film-scope .director-note{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 2px 10px}.film-scope .director-note h3{margin:0;font-size:18px}.film-scope .director-note p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.film-scope .keyboard{font:400 11px IBM Plex Mono,monospace;color:var(--muted);align-self:end;text-align:right}.film-scope .film-switch{display:flex;gap:8px;align-items:center;margin:0 0 22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.film-scope .film-tab{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 14px;cursor:pointer;font:500 11px/1 IBM Plex Mono,monospace;letter-spacing:.08em;text-align:left;transition:color .2s,background .2s,border-color .2s}.film-scope .film-tab span{display:block;font:600 13px/1.2 Manrope,sans-serif;letter-spacing:0;color:var(--ink);margin-top:5px}.film-scope .film-tab[aria-selected="true"]{background:var(--ink);color:var(--cyan);border-color:var(--ink)}.film-scope .film-tab[aria-selected="true"] span{color:var(--page)}.film-scope .film-tab:focus-visible,.film-scope .play:focus-visible,.film-scope .chapter:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.film-scope .stage svg.film-world{display:none}.film-scope .stage svg.film-world.active{display:block}.film-scope .gridline{stroke:#17342e;stroke-width:1}.film-scope .world-label{font:500 11px IBM Plex Mono,monospace;letter-spacing:1.8px;fill:#5c8b7e}.film-scope .machine-label{font:500 11px IBM Plex Mono,monospace;letter-spacing:1px;fill:#96b7af}.film-scope .micro{font:400 10px IBM Plex Mono,monospace;fill:#668a82}.film-scope .scene{opacity:0;visibility:hidden;pointer-events:none}.film-scope .common{opacity:1}.film-scope .stage[data-scene="0"] .scene-0,.film-scope .stage[data-scene="1"] .scene-1,.film-scope .stage[data-scene="2"] .scene-2,.film-scope .stage[data-scene="3"] .scene-3,.film-scope .stage[data-scene="4"] .scene-4,.film-scope .stage[data-scene="5"] .scene-5,.film-scope .stage[data-scene="6"] .scene-6{opacity:1;visibility:visible}.film-scope .pulse{filter:drop-shadow(0 0 9px #36f2c2)}.film-scope .pulse.amber{filter:drop-shadow(0 0 9px #ffc857)}.film-scope .typing-dot{animation:blink 1s infinite}.film-scope .typing-dot:nth-child(2){animation-delay:.18s}.film-scope .typing-dot:nth-child(3){animation-delay:.36s}
    @keyframes blink{0%,60%,100%{opacity:.24}30%{opacity:1}}.film-scope .stage[data-scene="0"] .desk-glow{animation:breathe 3s ease-in-out infinite}
    @keyframes breathe{50%{opacity:.7;filter:drop-shadow(0 0 20px rgba(54,242,194,.45))}}.film-scope .stage[data-scene="1"] .ask-pulse{animation:dropPulse 4.7s ease-in-out infinite}
    @keyframes dropPulse{0%{transform:translateY(-165px);opacity:0}15%{opacity:1}76%{opacity:1}100%{transform:translateY(185px);opacity:0}}.film-scope .stage[data-scene="2"] .doc-a,.film-scope .stage[data-scene="2"] .doc-b,.film-scope .stage[data-scene="2"] .doc-c{animation:docIn .8s both}.film-scope .stage[data-scene="2"] .doc-b{animation-delay:.2s}.film-scope .stage[data-scene="2"] .doc-c{animation-delay:.4s}
    @keyframes docIn{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}.film-scope .stage[data-scene="2"] .scan-marker{animation:scanRail 2.3s ease-in-out infinite}@keyframes scanRail{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(168px);opacity:1}}.film-scope .stage[data-scene="3"] .link{stroke-dasharray:8 8;animation:dash 1.1s linear infinite}@keyframes dash{to{stroke-dashoffset:-32}}.film-scope .stage[data-scene="3"] .node{animation:nodeBeat 1.8s ease-in-out infinite}@keyframes nodeBeat{50%{filter:drop-shadow(0 0 10px #36f2c2)}}.film-scope .stage[data-scene="4"] .fork-left{animation:flowLeft 2s linear infinite}.film-scope .stage[data-scene="4"] .fork-right{animation:flowRight 2.8s linear infinite}
    @keyframes flowLeft{from{transform:translate(0,0)}to{transform:translate(-62px,40px)}}@keyframes flowRight{from{transform:translate(0,0)}to{transform:translate(63px,40px)}}.film-scope .stage[data-scene="5"] .approval-ring{animation:ring 2s ease-out infinite}@keyframes ring{from{r:20;opacity:1}to{r:24;opacity:0}}.film-scope .stage[data-scene="5"] .gate-bar{animation:gateOpen 4s ease-in-out infinite}@keyframes gateOpen{0%,35%{transform:rotate(0deg)}55%,100%{transform:rotate(-55deg)}}.film-scope .receipt-step{opacity:.1;transition:opacity .42s ease}.film-scope .receipt-step .step-body{opacity:.18;transition:opacity .42s ease}.film-scope .stage[data-scene="6"][data-beat="execute"] .step-execute,.film-scope .stage[data-scene="6"][data-beat="observe"] .step-observe,.film-scope .stage[data-scene="6"][data-beat="prove"] .step-prove{opacity:1}.film-scope .stage[data-scene="6"][data-beat="execute"] .step-execute .step-body,.film-scope .stage[data-scene="6"][data-beat="observe"] .step-observe .step-body,.film-scope .stage[data-scene="6"][data-beat="prove"] .step-prove .step-body{opacity:1}.film-scope .stage[data-scene="6"][data-beat="observe"] .step-execute,.film-scope .stage[data-scene="6"][data-beat="prove"] .step-execute,.film-scope .stage[data-scene="6"][data-beat="prove"] .step-observe{opacity:.42}.film-scope .stage[data-scene="6"][data-beat="execute"] .request-card{animation:cardLand 1.55s cubic-bezier(.2,.85,.25,1) forwards}
    @keyframes cardLand{0%{transform:translateX(210px);opacity:0}25%{opacity:1}100%{transform:translateX(0);opacity:1}}.film-scope .stage[data-scene="6"][data-beat="execute"] .commit-check{stroke-dasharray:70;stroke-dashoffset:70;animation:write .65s 1.25s ease-out forwards}.film-scope .stage[data-scene="6"][data-beat="observe"] .observe-pulse{animation:observeTravel 1.8s ease-in-out infinite}
    @keyframes observeTravel{0%{transform:translateX(-86px);opacity:0}18%,78%{opacity:1}100%{transform:translateX(84px);opacity:0}}.film-scope .stage[data-scene="6"][data-beat="observe"] .budget-fill{animation:budgetTick 1.2s .25s ease-out both;transform-origin:left center;transform-box:fill-box}
    @keyframes budgetTick{from{transform:scaleX(.42)}to{transform:scaleX(.68)}}.film-scope .stage[data-scene="6"][data-beat="prove"] .receipt-row{animation:rowIn .38s ease-out both}.film-scope .stage[data-scene="6"][data-beat="prove"] .receipt-row.r2{animation-delay:.2s}.film-scope .stage[data-scene="6"][data-beat="prove"] .receipt-row.r3{animation-delay:.4s}.film-scope .stage[data-scene="6"][data-beat="prove"] .receipt-row.r4{animation-delay:.6s}.film-scope .stage[data-scene="6"][data-beat="prove"] .receipt-row.r5{animation-delay:.8s}
    @keyframes rowIn{from{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.film-scope .stage[data-scene="6"][data-beat="prove"] .eval-scan{animation:evalScan 1.4s 1s ease-in-out infinite}
    @keyframes evalScan{0%,100%{transform:translateY(0);opacity:.25}50%{transform:translateY(30px);opacity:1}}
    @keyframes write{to{stroke-dashoffset:0}}
    @media (max-width:760px){.film-scope .film-content{padding:14px}.film-scope .film-meta{display:block;margin-top:8px}.film-scope .premise{margin-top:14px}.film-scope .stage{aspect-ratio:4/3;height:auto;min-height:0;max-height:none}.film-scope .caption-panel{grid-template-columns:1fr;row-gap:15px;min-height:0;padding:16px}.film-scope .caption-meta{flex-direction:row;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid #24493f}.film-scope .chapter-chip{max-width:70%}.film-scope .caption p{max-width:none}.film-scope .transport{padding:12px}.film-scope .transport-main{grid-template-columns:auto 1fr}.film-scope .soundless{display:none}.film-scope .rail-wrap{gap:6px}.film-scope .duration{display:none}.film-scope .chapters{grid-template-columns:repeat(7,1fr)}.film-scope .chapter{height:30px;padding:0;display:grid;place-items:center}.film-scope .chapter b{margin:0}.film-scope .chapter span{display:none}.film-scope .director-note{grid-template-columns:1fr;padding-top:22px}.film-scope .keyboard{display:none}
    }
    @media (max-width:420px){.film-scope .caption h2{font-size:24px}.film-scope .caption-panel{padding:14px}.film-scope .caption-meta{font-size:10px}.film-scope .film-switch{display:grid;grid-template-columns:1fr 1fr}.film-scope .film-tab{padding:9px 10px}}.film-scope .factory-world .factory-small{font:500 9px IBM Plex Mono,monospace;letter-spacing:.8px;fill:#7fa59b}.film-scope .factory-world .factory-title{font:500 11px IBM Plex Mono,monospace;letter-spacing:1.5px;fill:#bce9dd}.film-scope .factory-world .steel{stroke:#54756d;stroke-width:6;stroke-linecap:round}.film-scope .factory-world .joint{fill:#183c34;stroke:#74b3a3;stroke-width:3}.film-scope .factory-world .screen{fill:#0b211c;stroke:#397267;stroke-width:2}.film-scope .factory-world .conveyor-slat{stroke:#64827b;stroke-width:5}.film-scope .factory-world .lamp-green{fill:#36f2c2;filter:drop-shadow(0 0 8px #36f2c2)}.film-scope .player[data-film="factory"] .conveyor-track{animation:conveyor 1.6s linear infinite}.film-scope .player[data-film="factory"] .part{animation:partMove 8s linear infinite}.film-scope .player[data-film="factory"] .part.p2{animation-delay:-2.7s}.film-scope .player[data-film="factory"] .part.p3{animation-delay:-5.4s}
    @keyframes conveyor{to{stroke-dashoffset:-36}}@keyframes partMove{from{transform:translateX(-210px)}to{transform:translateX(1010px)}}.film-scope .player[data-film="factory"] .arm-a-upper{transform-origin:292px 480px;animation:armUpper 4.2s ease-in-out infinite}.film-scope .player[data-film="factory"] .arm-a-fore{transform-origin:370px 410px;animation:armFore 4.2s ease-in-out infinite}.film-scope .player[data-film="factory"] .arm-b-upper{transform-origin:572px 480px;animation:armUpper 4.8s .6s ease-in-out infinite}.film-scope .player[data-film="factory"] .arm-b-fore{transform-origin:650px 410px;animation:armFore 4.8s .6s ease-in-out infinite}.film-scope .player[data-film="factory"] .arm-c-upper{transform-origin:852px 480px;animation:armUpper 4.4s 1.1s ease-in-out infinite}.film-scope .player[data-film="factory"] .arm-c-fore{transform-origin:930px 410px;animation:armFore 4.4s 1.1s ease-in-out infinite}
    @keyframes armUpper{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(13deg)}}@keyframes armFore{0%,100%{transform:rotate(10deg)}50%{transform:rotate(-19deg)}}.film-scope .player[data-film="factory"] .status-blink{animation:statusBlink 1.3s steps(1) infinite}@keyframes statusBlink{50%{opacity:.28}}.film-scope .player[data-film="factory"] .sensor-wave{stroke-dasharray:9 9;animation:sensorWave 1.1s linear infinite}@keyframes sensorWave{to{stroke-dashoffset:-36}}.film-scope .player[data-film="factory"] .telemetry-up{animation:telemetryUp 2s ease-in infinite}@keyframes telemetryUp{0%{transform:translateY(300px);opacity:0}18%,78%{opacity:1}100%{transform:translateY(-150px);opacity:0}}.film-scope .player[data-film="factory"] .doc-fly{animation:docFly 1.1s cubic-bezier(.2,.8,.25,1) both}.film-scope .player[data-film="factory"] .doc-fly.d2{animation-delay:.22s}.film-scope .player[data-film="factory"] .doc-fly.d3{animation-delay:.44s}@keyframes docFly{from{transform:translateY(45px);opacity:0}to{transform:translateY(0);opacity:1}}.film-scope .player[data-film="factory"] .ontology-flow{stroke-dasharray:8 8;animation:dash 1.1s linear infinite}.film-scope .player[data-film="factory"] .confidence-fill{transform-origin:left center;transform-box:fill-box;animation:confidence 1.3s .25s ease-out both}@keyframes confidence{from{transform:scaleX(.08)}to{transform:scaleX(.91)}}.film-scope .approval-beat{opacity:0;visibility:hidden}.film-scope .stage[data-scene="4"][data-beat="human"] .approval-human,.film-scope .stage[data-scene="4"][data-beat^="control-"] .approval-controls{opacity:1;visibility:visible}.film-scope .stage[data-scene="4"][data-beat="human"] .tap-finger{animation:tapFinger 2.4s ease-in-out infinite}.film-scope .stage[data-scene="4"][data-beat="human"] .tap-ring{animation:tapRing 2.4s .55s ease-out infinite}.film-scope .stage[data-scene="4"][data-beat="human"] .launch-pulse{animation:launchPulse 2.4s .7s ease-out infinite}
    @keyframes tapFinger{0%,18%,100%{transform:translate(34px,-12px)}42%,70%{transform:translate(0,0)}}@keyframes tapRing{0%{r:9;opacity:0}18%{opacity:1}80%,100%{r:52;opacity:0}}@keyframes launchPulse{0%{transform:translate(0,0);opacity:0}15%{opacity:1}88%{opacity:1}100%{transform:translate(360px,-206px);opacity:0}}.film-scope .control-card{opacity:.66;transition:opacity .35s ease,filter .35s ease}.film-scope .stage[data-scene="4"][data-beat="control-1"] .c1,.film-scope .stage[data-scene="4"][data-beat="control-2"] .c2,.film-scope .stage[data-scene="4"][data-beat="control-3"] .c3,.film-scope .stage[data-scene="4"][data-beat="control-4"] .c4,.film-scope .stage[data-scene="4"][data-beat="control-5"] .c5,.film-scope .stage[data-scene="4"][data-beat="control-6"] .c6,.film-scope .stage[data-scene="4"][data-beat="control-7"] .c7,.film-scope .stage[data-scene="4"][data-beat="control-8"] .c8,.film-scope .stage[data-scene="4"][data-beat="control-9"] .c9{opacity:1;filter:drop-shadow(0 0 14px rgba(255,200,87,.48))}.film-scope .control-journey-dot{opacity:0;transition:transform 1.25s ease-in-out,opacity .2s ease}.film-scope .stage[data-scene="4"][data-beat^="control-"] .control-journey-dot{opacity:1}.film-scope .stage[data-scene="4"][data-beat="control-1"] .control-journey-dot{transform:translate(348px,150px)}.film-scope .stage[data-scene="4"][data-beat="control-2"] .control-journey-dot{transform:translate(738px,150px)}.film-scope .stage[data-scene="4"][data-beat="control-3"] .control-journey-dot{transform:translate(1128px,150px)}.film-scope .stage[data-scene="4"][data-beat="control-4"] .control-journey-dot{transform:translate(1128px,375px)}.film-scope .stage[data-scene="4"][data-beat="control-5"] .control-journey-dot{transform:translate(738px,375px)}.film-scope .stage[data-scene="4"][data-beat="control-6"] .control-journey-dot{transform:translate(348px,375px)}.film-scope .stage[data-scene="4"][data-beat="control-7"] .control-journey-dot{transform:translate(348px,600px)}.film-scope .stage[data-scene="4"][data-beat="control-8"] .control-journey-dot{transform:translate(738px,600px)}.film-scope .stage[data-scene="4"][data-beat="control-9"] .control-journey-dot{transform:translate(1128px,600px)}.film-scope .player[data-film="factory"] .command-down{animation:commandDown 1.8s ease-in infinite}@keyframes commandDown{0%{transform:translateY(-180px);opacity:0}20%,76%{opacity:1}100%{transform:translateY(230px);opacity:0}}.film-scope .player[data-film="factory"] .service-arm{transform-origin:572px 480px;animation:serviceMove 4.8s ease-in-out infinite}@keyframes serviceMove{0%,12%{transform:rotate(-4deg)}46%,76%{transform:rotate(30deg)}100%{transform:rotate(-4deg)}}.film-scope .player[data-film="factory"] .tool-spin{transform-origin:center;transform-box:fill-box;animation:toolSpin .55s linear infinite}@keyframes toolSpin{to{transform:rotate(360deg)}}.film-scope .player[data-film="factory"] .receipt-in{animation:rowIn .45s ease-out both}.film-scope .player[data-film="factory"] .receipt-in.r2{animation-delay:.25s}.film-scope .player[data-film="factory"] .receipt-in.r3{animation-delay:.5s}.film-scope .player[data-film="factory"] .eval-loop{stroke-dasharray:12 9;animation:dash 1.2s linear infinite}.film-scope .player[data-film="factory"] .counter{animation:counterGlow 1.8s ease-in-out infinite}@keyframes counterGlow{50%{filter:drop-shadow(0 0 12px #36f2c2)}}

    @media (prefers-reduced-motion:reduce){.film-scope *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.film-scope .player:not(.manual-play) .play::after{content:"Play";font-size:10px}}
