/* Product cinema: scoped, native DOM, no runtime dependency. */
.cinema{--cinema-accent:#c4dcb1;background:#101210;color:#eaece6;border:1px solid #ffffff19;overflow:hidden;position:relative;isolation:isolate}.cinema *{box-sizing:border-box}.cinema-heading{display:flex;justify-content:space-between;gap:16px;padding:24px 28px;font:10px/1.6 var(--mono,monospace);letter-spacing:1.4px;color:#b4b8ad;position:relative;z-index:3}.cinema-heading>span:last-child{font-size:8px;letter-spacing:1px;text-align:right}.cinema-stage{height:560px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 80%,#c4dcb110,transparent 65%)}.cinema-caption{padding:12px 30px 24px;display:flex;align-items:baseline;gap:22px}.cinema-act{font:11px var(--mono,monospace);color:var(--cinema-accent)}.cinema-caption h3{font-size:clamp(19px,2.7vw,35px);font-weight:400;letter-spacing:-1px;margin:0;line-height:1.3}.cinema-controls{display:flex;align-items:center;gap:20px;padding:0 30px 22px}.cinema-controls button{background:transparent;border:0;color:#bdc3b9;font:11px var(--mono,monospace);cursor:pointer;min-height:44px;padding:10px 6px}.cinema-controls button:focus-visible{outline:2px solid #d7e9c6;outline-offset:3px}.cinema-chapters{display:flex;gap:16px;flex:1}.cinema-chapters button{display:flex;align-items:center;gap:10px;flex:1}.cinema-chapters i{display:block;height:2px;width:100%;background:linear-gradient(to right,var(--cinema-accent) var(--progress,0%),#ffffff20 var(--progress,0%))}.cinema-disclaimer{margin:0;padding:14px 30px;border-top:1px solid #ffffff15;font:9px/1.8 var(--mono,monospace);color:#a8ada3}.nl-desk{position:absolute;width:100%;height:100%;perspective:1300px}.nl-laptop{position:absolute;left:5%;top:4%;width:72%;height:90%;transition:transform 1.8s cubic-bezier(.2,.8,.2,1)}.laptop-render{position:absolute;width:100%;height:100%;object-fit:contain;pointer-events:none}.nl-screen{position:absolute;left:9%;top:10%;width:82%;height:59%;border:7px solid #303330;border-radius:10px;box-shadow:0 0 0 1px #adb0a8,0 20px 60px #0008;background:#111512;overflow:hidden}.nl-topbar{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:8px var(--mono,monospace);color:#959b90;background:#191d19}.nl-topbar>span:first-child{color:#7e8976;letter-spacing:3px}.nl-desktop{height:calc(100% - 24px);position:relative;background:radial-gradient(ellipse at 80% 0,#42533a44,transparent 70%),#121814;overflow:hidden}.nl-editor{position:absolute;inset:10% 18% 7%;background:#222722;border:1px solid #53604a;border-radius:6px;overflow:hidden;transition:opacity .7s,transform .9s}.nl-editor-menu{padding:9px;font:7px var(--mono,monospace);color:#bdc6b6;border-bottom:1px solid #ffffff12}.nl-paper{margin:10px auto;width:77%;height:82%;background:#e5e5dc;color:#293029;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 6px 15px #0004}.nl-paper>small{font:5px var(--mono,monospace);letter-spacing:1px}.nl-paper strong{font:24px Georgia,serif}.nl-paper>span{font-size:6px}.paper-rule{height:1px;background:#323a3033}.paper-lines{height:35px;background:repeating-linear-gradient(transparent 0 9px,#3333 9px 10px);width:75%}.paper-total{font-size:7px;display:flex;justify-content:space-between;margin-top:auto}.nl-paper>small:last-child{font-size:4px}.nl-drop{position:absolute;top:0;left:20%;right:20%;padding:15px 5px;border:1px dashed #bfd4aa;background:#232f24eb;border-radius:0 0 12px 12px;text-align:center;font:9px var(--mono,monospace);transform:translateY(-110%);transition:transform .7s;z-index:4}.nl-file{position:absolute;left:54%;top:64%;font:7px var(--mono,monospace);display:flex;flex-direction:column;gap:5px;align-items:center;z-index:5;opacity:0;transition:top 1.7s cubic-bezier(.4,0,.2,1),left 1.7s,opacity .4s,transform .5s}.nl-file b{display:grid;place-items:center;width:32px;height:40px;background:#dde8cd;color:#253020;box-shadow:0 8px 18px #0008;border-radius:3px}.nl-pointer{position:absolute;top:70%;left:60%;font-size:26px;color:#fff;z-index:6;filter:drop-shadow(1px 2px 2px #000);transition:top 1.8s,left 1.8s,opacity .4s}.nl-keyboard{position:absolute;bottom:9%;height:19%;left:2%;right:2%;background:linear-gradient(#93958f,#424640);border:1px solid #c6c8c0;clip-path:polygon(7% 0,93% 0,100% 85%,99% 97%,1% 97%,0 85%);z-index:-1}.nl-phone{position:absolute;width:20%;height:77%;right:7%;top:10%;background:radial-gradient(ellipse at 20% 10%,#3a453d,transparent 60%),#151a17;border:5px solid #636861;border-radius:30px;box-shadow:0 0 0 1px #b1b4ac,15px 25px 50px #0009;overflow:hidden;transform:translate(130px,50px) rotate(8deg);opacity:0;transition:transform 1.6s cubic-bezier(.2,.8,.2,1),opacity 1s}.phone-hole{position:absolute;top:9px;left:calc(50% - 4px);height:8px;width:8px;background:#050605;border-radius:50%}.phone-status{display:flex;justify-content:space-between;padding:12px;font:7px var(--mono,monospace);color:#c6cec1}.phone-clock{font:clamp(22px,4vw,52px)/1.1 var(--mono,monospace);padding:24px 14px;color:#d8dfd1;letter-spacing:-3px}.phone-clock small{display:block;font:8px var(--mono,monospace);letter-spacing:0;padding-top:10px}.phone-home{position:absolute;bottom:8px;left:33%;width:34%;height:3px;border-radius:5px;background:#a9afa5}.phone-received,.phone-payment,.phone-browser{position:absolute;left:8%;right:8%;top:43%;padding:15px 11px;background:#d5e0ca;color:#263121;border-radius:12px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(30px);transition:opacity .7s,transform .8s;box-shadow:0 10px 30px #0003}.phone-received>span{font-size:28px}.phone-received strong{font-size:12px}.phone-received small,.phone-payment small{font:6px/1.7 var(--mono,monospace)}.phone-payment{top:42%;background:#e6e6dd}.phone-payment strong{font-size:28px;font-weight:400;letter-spacing:-1.8px}.phone-payment>span{font-size:9px}.phone-browser{top:30%;background:#edf0e8;padding:14px 9px;gap:18px}.phone-browser small{font-size:7px;background:#d4dace;border-radius:12px;padding:7px}.phone-browser strong{font-size:16px}.phone-browser>span{font-size:6px;overflow-wrap:anywhere}.phone-copy{padding:9px 5px;font-size:8px;background:#31402a;color:#e6ecdF;border-radius:5px}.nl-pc-notif,.nl-paste{position:absolute;right:5%;top:10%;width:57%;background:#dfe6d7;color:#243020;border:1px solid #f1f7e8;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;transform:translateX(120%);opacity:0;transition:transform 1s,opacity .8s;box-shadow:0 12px 30px #0005}.nl-pc-notif small,.nl-paste small{font:6px var(--mono,monospace)}.nl-pc-notif strong{font-size:18px;font-weight:400}.nl-pc-notif>span{font-size:9px}.nl-paste{top:30%;width:75%;background:#202b20;color:#dbe8ce;border-color:#7b9169}.nl-paste>span{font:10px var(--mono,monospace);overflow-wrap:anywhere}.nl-paste b{font:7px var(--mono,monospace);color:#b1c99c}.nl-orbit{position:absolute;left:15%;right:9%;bottom:10%;height:1px;background:linear-gradient(90deg,transparent,#c4dcb14a,transparent);z-index:-1}
.cinema-stage[data-act="0"][data-step="1"] .nl-file,.cinema-stage[data-act="0"][data-step="2"] .nl-file,.cinema-stage[data-act="0"][data-step="3"] .nl-file,.cinema-stage[data-act="0"][data-step="4"] .nl-file{opacity:1}.cinema-stage[data-act="0"][data-step="2"] .nl-drop,.cinema-stage[data-act="0"][data-step="3"] .nl-drop,.cinema-stage[data-act="0"][data-step="4"] .nl-drop{transform:translateY(0)}.cinema-stage[data-act="0"][data-step="3"] .nl-file,.cinema-stage[data-act="0"][data-step="4"] .nl-file{top:3%;left:46%;transform:scale(.85)}.cinema-stage[data-act="0"][data-step="3"] .nl-pointer,.cinema-stage[data-act="0"][data-step="4"] .nl-pointer{top:8%;left:53%}.cinema-stage:not([data-step="0"]):not([data-step="1"]):not([data-step="2"]):not([data-step="3"]) .nl-phone,.cinema-stage[data-act="1"] .nl-phone,.cinema-stage[data-act="2"] .nl-phone{opacity:1;transform:translate(0,0) rotate(-3deg)}.cinema-stage[data-act="0"]:is([data-step="5"],[data-step="6"],[data-step="7"],[data-step="8"],[data-step="9"]) .phone-received{opacity:1;transform:translateY(0)}.cinema-stage[data-act="1"] .phone-payment,.cinema-stage[data-act="2"] .phone-browser{opacity:1;transform:translateY(0)}.cinema-stage[data-act="1"]:not([data-step="0"]):not([data-step="1"]) .nl-pc-notif,.cinema-stage[data-act="2"]:not([data-step="0"]):not([data-step="1"]):not([data-step="2"]) .nl-paste{opacity:1;transform:translateX(0)}.cinema-stage:not([data-act="0"]) .nl-editor{opacity:.3;transform:scale(.95)}.cinema-stage:not([data-act="0"]) .nl-pointer{opacity:0}
/* Phoenix: actual characters, not a rasterised mesh. */
.cinema-phoenix{--cinema-accent:#e7b974}.phoenix-theatre{height:100%;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 65%,#c28d2620,transparent 55%)}.phoenix-bird{font:clamp(9px,1.7vw,22px)/1.35 monospace;white-space:pre;color:#f0c98c;letter-spacing:2px;text-shadow:0 0 28px #db973e50;transition:transform 2s,filter 2s;z-index:2}.phoenix-files{position:absolute;left:7%;top:20%;display:flex;flex-direction:column;gap:24px;font:11px var(--mono,monospace);color:#bcb7a5}.phoenix-files span{padding:12px;border-bottom:1px solid #b09b7444}.phoenix-snapshot{position:absolute;right:8%;top:35%;display:flex;flex-direction:column;text-align:center;gap:12px;opacity:.2;transition:opacity 2s,transform 2s;font:10px var(--mono,monospace)}.phoenix-snapshot>span{font-size:70px;color:#e9b97a}.phoenix-snapshot small{font-size:8px;color:#aca493}.phoenix-ground{position:absolute;bottom:18%;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#ad885c,transparent)}.phoenix-state{position:absolute;bottom:10%;font:10px var(--mono,monospace);letter-spacing:2px;color:#b6a98f}.cinema-stage[data-act="1"] .phoenix-bird{transform:scale(.8);filter:blur(.4px)}.cinema-stage[data-act="1"] .phoenix-snapshot{opacity:1;transform:translateX(-10px)}.cinema-stage[data-act="2"] .phoenix-bird{transform:translateY(-20px);color:#ffe2ae}
/* Context selection. */
.cinema-context{--cinema-accent:#aac7e8}.context-stage{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:40px;padding:40px}.context-question{display:flex;flex-direction:column;gap:24px}.context-question small,.context-packet small{font:9px var(--mono,monospace);letter-spacing:1px;color:#9ab2d0}.context-question strong{font-size:23px;font-weight:400;line-height:1.5;letter-spacing:-.7px}.context-question>span{font:9px/1.8 var(--mono,monospace);color:#a6b0bd}.context-library{display:flex;flex-direction:column;gap:12px}.context-source{border:1px solid #ffffff18;display:flex;gap:12px;align-items:center;padding:16px 10px;font:11px var(--mono,monospace);transition:opacity .7s,border-color .7s,transform 1s}.context-source>span{font-size:8px;color:#798592}.context-source i{margin-left:auto;font-style:normal;opacity:0}.context-packet{display:flex;flex-direction:column;gap:24px;background:#14202a;border:1px solid #6585a5;padding:24px;transform:translateX(30px);opacity:.15;transition:opacity 1s,transform 1s}.context-packet strong{font:20px var(--mono,monospace)}.context-packet code{font:11px/2 var(--mono,monospace);color:#b6cce1}.context-packet>span{font:8px var(--mono,monospace);color:#acbcd0}.cinema-stage:not([data-act="0"]) .context-source:not(.source-2){opacity:.18}.cinema-stage:not([data-act="0"]) .source-2{border-color:#a1c2e2;transform:translateX(8px);color:#d7e9fa}.cinema-stage:not([data-act="0"]) .source-2 i{opacity:1}.cinema-stage[data-act="2"] .context-packet{opacity:1;transform:translateX(0)}.recorded-proof{margin-top:24px}.recorded-proof summary{padding:15px 0;cursor:pointer;font-size:13px;color:#adb7c3}
/* Deck's scripted session: half terminal, two quarter agents. */
.cinema-terminal{--cinema-accent:#c2b6df}.td-window{position:absolute;inset:20px 35px 25px;border:1px solid #55545b;border-radius:9px;background:#101014;overflow:hidden;box-shadow:0 30px 50px #0006}.td-title,.td-status{display:flex;justify-content:space-between;padding:13px 18px;font:9px var(--mono,monospace);color:#aca5bd;border-bottom:1px solid #ffffff15}.td-body{height:calc(100% - 72px);display:flex;position:relative}.td-body aside{width:150px;flex-shrink:0;display:flex;flex-direction:column;gap:22px;border-right:1px solid #ffffff17;padding:24px 15px;font:10px var(--mono,monospace);color:#8c8899}.td-body aside b{font-size:13px;color:#e4dfee;letter-spacing:2px}.td-body aside hr{width:100%;border:0;border-top:1px solid #ffffff16}.td-body .td-project-active{color:#dad0ef}.td-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;background:#35323d;flex:1;min-width:0}.td-pane{padding:20px 16px;background:#111116;min-width:0;overflow:hidden;transition:background 1s}.td-main{grid-row:1/3}.td-pane small{font:8px var(--mono,monospace);color:#9b91ad}.td-pane pre{font:11px/1.9 var(--mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:24px;color:#d1c9de}.td-main pre{color:#bfcdb3}.td-status{border-top:1px solid #ffffff16;border-bottom:0;font-size:8px;gap:12px}.td-cursor{position:absolute;left:60%;top:70%;font-size:27px;transition:left 2s,top 2s;color:#e7e0f0;filter:drop-shadow(0 2px 3px #000)}.td-pet{position:absolute;bottom:16px;left:180px;display:flex;align-items:center;gap:15px;transition:transform 1s;pointer-events:none}.td-pet pre{font:15px/1.1 monospace;color:#d9bd9e;margin:0}.td-pet span{font:9px var(--mono,monospace);color:#b6a4cb;background:#24202d;border:1px solid #4e415f;padding:10px;opacity:0;transition:opacity 1s}.cinema-stage[data-act="1"] .td-cursor{left:76%;top:56%}.cinema-stage[data-act="1"] .td-claude{background:#1d1823}.cinema-stage[data-act="2"] .td-pet{transform:translateX(60px)}.cinema-stage[data-act="2"] .td-pet span{opacity:1}.cinema-stage[data-act="2"] .td-cursor{left:35%;top:75%}
.is-compact .cinema-stage{height:365px}.is-compact .cinema-heading{padding:22px}.is-compact .cinema-caption{padding:0 24px 16px}.is-compact .cinema-caption h3{font-size:23px}.is-compact .cinema-controls{padding:0 22px 10px;gap:10px}.is-compact .cinema-disclaimer{font-size:7px;padding:10px 22px}.is-compact .cinema-heading>span:last-child{font-size:7px}.is-compact .nl-laptop{left:0;width:84%}.is-compact .nl-phone{right:4%;width:23%;height:80%;top:8%;border-width:4px;border-radius:22px}.is-compact .phone-clock{font-size:32px;padding:20px 10px}.is-compact .phone-payment strong{font-size:22px}.is-compact .nl-editor-menu{padding:5px}.is-compact .nl-paper{padding:9px;gap:6px}.is-compact .nl-paper strong{font-size:17px}.is-compact .paper-lines{height:15px}.is-compact .nl-topbar{font-size:5px;height:17px}.is-compact .nl-desktop{height:calc(100% - 17px)}.is-compact .nl-screen{border-width:5px}.is-compact .nl-drop{font-size:7px;padding:10px 3px}.is-compact .nl-pc-notif strong{font-size:12px}.is-compact .nl-pc-notif>span{font-size:7px}.is-compact .nl-paste>span{font-size:7px}.cinema-teaser{min-width:0;background:none!important}.cinema-teaser .cinema{border:0;height:100%}.discord-copy{font:11px var(--mono,monospace);border:1px solid #ffffff30;padding:8px 12px;margin-left:8px;min-height:40px}.copy-status{font-size:12px}
@media(max-width:800px){.cinema-stage{height:440px}.nl-laptop{left:0;width:82%}.nl-phone{width:23%;right:4%;height:76%}.nl-paper{padding:10px;gap:6px}.nl-paper strong{font-size:18px}.paper-lines{height:20px}.context-stage{gap:20px;padding:25px}.context-question strong{font-size:17px}.context-source{font-size:9px;padding:13px 8px}.context-packet{padding:16px;gap:16px}.context-packet code{font-size:8px}.td-window{inset:15px}.td-body aside{width:110px;font-size:8px;padding:20px 10px}.td-pane{padding:14px 10px}.td-pane pre{font-size:9px}.td-pet{left:130px}.phoenix-files{left:4%;font-size:8px}.phoenix-snapshot{right:4%;font-size:8px}.phoenix-snapshot small{font-size:6px}}
@media(max-width:550px){.cinema-heading{padding:18px 16px;font-size:8px;letter-spacing:.5px}.cinema-heading>span:last-child{font-size:6px;max-width:120px}.cinema-stage,.is-compact .cinema-stage{height:390px}.nl-laptop,.is-compact .nl-laptop{top:2%;left:-4%;width:100%;height:65%}.nl-screen{border-width:4px}.nl-topbar{font-size:5px;height:16px;padding:0 6px}.nl-desktop{height:calc(100% - 16px)}.nl-editor-menu{font-size:5px;padding:5px}.nl-paper{padding:7px;gap:5px;margin-top:6px}.nl-paper strong{font-size:16px}.nl-paper>small{font-size:3px}.nl-paper>span{font-size:5px}.paper-total{font-size:6px}.paper-lines{height:15px}.nl-paper>small:last-child{font-size:3px}.nl-phone,.is-compact .nl-phone{top:40%;right:7%;width:29%;height:56%;border:3px solid #767a71;border-radius:18px}.phone-status{font-size:5px;padding:8px}.phone-hole{width:5px;height:5px;top:5px;left:calc(50% - 2px)}.phone-clock,.is-compact .phone-clock{font-size:27px;padding:12px 8px;letter-spacing:-2px}.phone-clock small{font-size:5px;padding-top:6px}.phone-received,.phone-payment,.phone-browser{padding:9px 7px;gap:7px;border-radius:8px}.phone-received>span{font-size:18px}.phone-received strong{font-size:8px}.phone-received small,.phone-payment small{font-size:4px}.phone-payment strong,.is-compact .phone-payment strong{font-size:20px}.phone-payment>span{font-size:6px}.phone-browser{top:28%;gap:12px}.phone-browser small{font-size:5px;padding:5px}.phone-browser strong{font-size:12px}.phone-browser>span{font-size:5px}.phone-copy{font-size:6px;padding:6px}.nl-pc-notif,.nl-paste{padding:10px;gap:7px;border-radius:6px}.nl-pc-notif small,.nl-paste small{font-size:5px}.nl-pc-notif strong{font-size:12px}.nl-pc-notif>span{font-size:6px}.nl-paste>span{font-size:7px}.nl-paste b{font-size:5px}.nl-drop{font-size:6px;padding:10px 2px}.nl-file{font-size:5px}.nl-file b{width:22px;height:28px}.nl-pointer{font-size:20px}.cinema-caption,.is-compact .cinema-caption{padding:12px 16px 14px;gap:12px}.cinema-caption h3,.is-compact .cinema-caption h3{font-size:22px;letter-spacing:-.6px}.cinema-controls,.is-compact .cinema-controls{padding:0 12px 10px;gap:8px}.cinema-controls button{font-size:9px}.cinema-chapters{gap:6px}.cinema-chapters button{gap:6px}.cinema-disclaimer{font-size:7px;padding:12px 16px}.phoenix-files{top:7%;left:5%;right:5%;flex-direction:row;gap:12px;font-size:8px}.phoenix-files span{padding:10px 5px;flex:1}.phoenix-bird{font-size:10px;letter-spacing:.3px;transform:translateY(-25px)}.phoenix-snapshot{top:auto;bottom:15%;right:9%;font-size:7px;gap:5px}.phoenix-snapshot>span{font-size:36px}.phoenix-snapshot small{display:none}.phoenix-state{font-size:7px;letter-spacing:0}.context-stage{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;gap:20px;padding:20px}.context-question{grid-column:1/3;gap:10px}.context-question strong{font-size:16px;line-height:1.4}.context-question small{font-size:7px}.context-question>span{font-size:7px}.context-library{gap:7px}.context-source{padding:9px 6px;font-size:8px;gap:6px}.context-source span{font-size:6px}.context-packet{padding:12px 8px;gap:16px;transform:translateX(10px)}.context-packet small{font-size:6px;letter-spacing:0}.context-packet strong{font-size:13px}.context-packet code{font-size:7px}.context-packet>span{font-size:6px}.td-window{inset:12px 8px}.td-title{padding:10px;font-size:7px}.td-body aside{width:66px;padding:14px 6px;gap:18px;font-size:6px;overflow-wrap:anywhere}.td-body aside b{font-size:9px}.td-pane{padding:12px 7px}.td-pane small{font-size:6px}.td-pane pre{font-size:7px;line-height:1.8;margin-top:18px}.td-status{padding:10px 6px;font-size:5px}.td-body{height:calc(100% - 58px)}.td-pet{left:80px;bottom:16px;gap:5px}.td-pet pre{font-size:10px}.td-pet span{font-size:6px;padding:7px;max-width:100px}.td-cursor{font-size:21px}}
@media(prefers-reduced-motion:reduce){.cinema *{transition:none!important;animation:none!important}.cinema-stage[data-act="0"] .nl-phone,.cinema-stage[data-act="0"] .phone-received{opacity:1;transform:none}}
/* Align the live screen to the generated square asset's display bounds. */
.nl-laptop{width:min(72%,580px);height:auto;aspect-ratio:1;top:-2%;left:5%}.laptop-render{width:100%;height:auto;object-fit:initial}.nl-screen{left:10.3%;top:12.5%;width:79%;height:44%;border:0;border-radius:4px;box-shadow:none}.nl-keyboard{display:none}.is-compact .nl-laptop{width:min(88%,390px);height:auto;top:-1%;left:0}.is-compact .nl-screen{border:0}.td-sprite{display:block;flex-shrink:0;width:64px;height:64px;background-image:url(assets/devices/deck-working-sheet.png);background-size:256px 256px;image-rendering:pixelated;animation:deck-companion 1s steps(1) infinite}.cinema-paused .td-sprite{animation-play-state:paused}@keyframes deck-companion{0%{background-position:0 -174px}25%{background-position:-64px -174px}50%{background-position:-128px -174px}75%{background-position:-192px -174px}}
@media(max-width:800px){.nl-laptop{width:min(83%,490px);top:0;left:0}.nl-screen{border:0}}
@media(max-width:550px){.nl-laptop,.is-compact .nl-laptop{width:100%;height:auto;top:-4%;left:-3%}.nl-screen{border:0}.td-sprite{width:32px;height:32px;background-size:128px 128px;animation-name:deck-companion-small}@keyframes deck-companion-small{0%{background-position:0 -87px}25%{background-position:-32px -87px}50%{background-position:-64px -87px}75%{background-position:-96px -87px}}}
.nl-phone-back{position:absolute;right:17%;top:15%;width:20%;height:70%;object-fit:contain;transform:rotate(-12deg) translateY(25px);opacity:.55;z-index:-1;transition:transform 1.8s,opacity 1.8s}.cinema-stage[data-act="1"] .nl-phone-back{transform:rotate(-18deg) translate(-18px,0);opacity:.8}.is-compact .nl-phone-back{right:16%;width:23%;top:12%}@media(max-width:550px){.nl-phone-back,.is-compact .nl-phone-back{width:29%;height:51%;right:24%;top:43%;opacity:.5}}
.phone-payment strong,.is-compact .phone-payment strong{white-space:nowrap;font-size:clamp(16px,2.2vw,28px)}.is-compact .phoenix-bird{font-size:13px;letter-spacing:.5px}.is-compact .phoenix-files{font-size:8px;left:4%}.is-compact .phoenix-files span{padding:10px 5px}.is-compact .phoenix-snapshot{right:4%;font-size:7px}.is-compact .phoenix-snapshot small{display:none}.is-compact .phoenix-snapshot>span{font-size:45px}.is-compact .context-stage{padding:20px;gap:16px}.is-compact .context-question strong{font-size:15px}.is-compact .context-question>span{font-size:7px}.is-compact .context-source{font-size:8px;padding:10px 6px}.is-compact .context-source>span{font-size:6px}.is-compact .context-packet{padding:12px 8px;gap:15px}.is-compact .context-packet strong{font-size:13px}.is-compact .context-packet code{font-size:7px}.is-compact .context-packet small{font-size:6px;letter-spacing:0}.is-compact .context-packet>span{font-size:6px}@media(max-width:550px){.phone-payment strong,.is-compact .phone-payment strong{font-size:16px}.is-compact .phoenix-bird{font-size:10px}.is-compact .phoenix-snapshot{right:9%}.is-compact .context-question strong{font-size:16px}}
.cinema .context-source{flex-direction:row;min-width:0;letter-spacing:0}.cinema .context-source>span{padding:0;border:0;background:none}.cinema .context-library{min-width:0}.cinema .context-stage{min-height:0}.cinema .context-source{flex-shrink:0}
/* Human review, v2: pace, readable mechanisms and agent-bound companions. */
.cinema-nothing .nl-desk *{transition-duration:.5s}.cinema-nothing .nl-phone{container-type:inline-size}.cinema-nothing .phone-payment{padding:clamp(7px,7cqw,15px);gap:clamp(5px,5cqw,10px)}.cinema-nothing .phone-payment strong{font-size:clamp(10px,12cqw,27px);letter-spacing:-.04em;white-space:nowrap;max-width:100%}.cinema-nothing .phone-payment small{font-size:clamp(4px,3.5cqw,7px);letter-spacing:0;overflow-wrap:anywhere}.cinema-nothing .phone-payment>span{font-size:clamp(5px,5cqw,10px)}
.phoenix-morph{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,#b2782020,transparent 65%)}.phoenix-labels{position:absolute;top:7%;left:5%;right:5%;display:flex;justify-content:space-between;font:9px var(--mono,monospace);color:#a19885;gap:15px}.phoenix-labels>span{transition:color .4s}.cinema-stage[data-act="0"] .phoenix-labels>span:first-child,.cinema-stage[data-act="1"] .phoenix-labels>span:nth-child(2),.cinema-stage[data-act="2"] .phoenix-labels>span:last-child{color:#f4d2a2}.phoenix-field{font:clamp(5px,1.25vw,17px)/1.1 monospace;white-space:pre;letter-spacing:0;color:#f0c48a;margin:0;text-shadow:0 0 20px #d49a4630}.phoenix-parts{display:flex;gap:14px;position:absolute;bottom:15%;font:10px var(--mono,monospace);color:#b5a78f}.phoenix-parts>span{border:1px solid #b78a4544;padding:9px 15px;transition:transform .6s,opacity .6s}.cinema-stage[data-act="1"] .phoenix-parts>span:first-child{transform:translate(60px,-30px);opacity:.2}.cinema-stage[data-act="1"] .phoenix-parts>span:nth-child(2){transform:translateY(-40px);opacity:.2}.cinema-stage[data-act="1"] .phoenix-parts>span:last-child{transform:translate(-60px,-30px);opacity:.2}.phoenix-operation{position:absolute;bottom:5%;text-align:center;font:11px var(--mono,monospace);color:#baab91;margin:0}.is-compact .phoenix-field{font-size:clamp(5px,.75vw,10px)}.is-compact .phoenix-labels{font-size:7px;top:6%;gap:10px}.is-compact .phoenix-parts{font-size:8px;bottom:12%}.is-compact .phoenix-parts>span{padding:6px 8px}.is-compact .phoenix-operation{font-size:8px;bottom:2%}
.mcp-story{height:100%;display:grid;grid-template-columns:1.1fr .8fr 1.1fr;grid-template-rows:auto 1fr;gap:22px 35px;padding:25px 40px 35px;align-items:center}.mcp-request{grid-column:1/-1;border-bottom:1px solid #aac7e822;padding:5px 0 25px}.mcp-request>span{display:block;font:9px var(--mono,monospace);color:#a3bfdc;margin-bottom:15px;letter-spacing:1px}.mcp-request strong{font-size:clamp(19px,2.4vw,31px);font-weight:400;letter-spacing:-.7px;line-height:1.35}.mcp-request p{font-size:12px;color:#aab4bf;margin:12px 0 0;line-height:1.6}.mcp-story small{font:9px var(--mono,monospace);letter-spacing:.5px;color:#b4c6da}.mcp-files{display:flex;flex-direction:column;gap:7px;margin-top:18px}.mcp-file{padding:12px 14px;border:1px solid #d6e7fa20;display:flex;justify-content:space-between;gap:12px;font:12px var(--mono,monospace);color:#b0bac5;transition:opacity .4s,border-color .4s,transform .5s}.mcp-file b{font-weight:400;color:#8bb59a;opacity:0}.mcp-router{display:flex;flex-direction:column;align-items:center;gap:15px;position:relative}.mcp-core{font:clamp(27px,4vw,52px) var(--mono,monospace);color:#aac7e8;padding:20px;border:1px solid #aac7e83a;background:#aac7e808}.mcp-router>span{font:10px var(--mono,monospace);color:#c1cbd5;text-align:center;line-height:1.6}.mcp-flow{position:absolute;right:-30px;top:42%;color:#aac7e8;font-size:27px;opacity:.2;transition:opacity .4s,transform .4s}.mcp-delivery{display:flex;flex-direction:column;gap:18px;border:1px solid #a3c6e955;background:#13202b;padding:23px;opacity:.25;transform:translateY(10px);transition:opacity .5s,transform .5s}.mcp-delivery strong{font:17px var(--mono,monospace);color:#d9e7f5}.mcp-delivery code{font:12px/2 var(--mono,monospace);color:#bad2e7}.mcp-delivery p{font-size:12px;line-height:1.6;color:#b6c7d6;margin:0}.cinema-stage:not([data-act="0"]) .mcp-file:not(.file-2){opacity:.3}.cinema-stage:not([data-act="0"]) .file-2{border-color:#aac7e8;transform:translateX(6px);color:#e3edf7}.cinema-stage:not([data-act="0"]) .file-2 b{opacity:1}.cinema-stage[data-act="1"] .mcp-core{border-color:#d2e6fa;box-shadow:0 0 30px #aac7e81a}.cinema-stage[data-act="2"] .mcp-delivery{opacity:1;transform:none}.cinema-stage[data-act="2"] .mcp-flow{opacity:1;transform:translateX(8px)}.is-compact .mcp-story{padding:15px 20px 25px;gap:15px}.is-compact .mcp-request{padding-bottom:15px}.is-compact .mcp-request strong{font-size:19px}.is-compact .mcp-request p{font-size:9px}.is-compact .mcp-request>span,.is-compact .mcp-story small{font-size:6px;letter-spacing:0}.is-compact .mcp-file{font-size:8px;padding:8px}.is-compact .mcp-core{font-size:24px;padding:12px}.is-compact .mcp-router>span{font-size:7px}.is-compact .mcp-delivery{padding:12px;gap:12px}.is-compact .mcp-delivery strong{font-size:11px}.is-compact .mcp-delivery code{font-size:7px}.is-compact .mcp-delivery p{font-size:8px}.is-compact .mcp-flow{font-size:17px;right:-13px}
.td-agent-output{position:relative;min-height:100px;padding-right:50px}.td-agent-pet{display:block;position:absolute;right:0;bottom:0;width:48px;height:48px;background-image:url(assets/devices/deck-rest.png);background-size:144px 48px;background-position:-96px 0;image-rendering:pixelated;--pet-row:-130.5px;--pet-frame:48px}.td-agent-pet.pet-vesper{background-position:-48px 0;--pet-row:-76.5px}.td-agent-pet[data-working="true"]{background-image:url(assets/devices/deck-working-sheet.png);background-size:192px 192px;animation:agent-typing .8s steps(1) infinite}.cinema-paused .td-agent-pet{animation-play-state:paused}@keyframes agent-typing{0%{background-position:0 var(--pet-row)}25%{background-position:calc(-1 * var(--pet-frame)) var(--pet-row)}50%{background-position:calc(-2 * var(--pet-frame)) var(--pet-row)}75%{background-position:calc(-3 * var(--pet-frame)) var(--pet-row)}}
@media(max-width:800px){.mcp-story{gap:20px;padding:20px}.mcp-file{font-size:10px;padding:10px}.mcp-delivery{padding:16px}.mcp-delivery code{font-size:9px}.mcp-flow{right:-18px}.td-agent-output{padding-right:35px}.td-agent-pet{transform:scale(.75);transform-origin:bottom right}.phoenix-parts{font-size:9px}}
@media(max-width:550px){.phoenix-field,.is-compact .phoenix-field{font-size:clamp(4px,1.14vw,6px);line-height:1.4}.phoenix-labels,.is-compact .phoenix-labels{font-size:6px;gap:10px;top:11%}.phoenix-parts,.is-compact .phoenix-parts{font-size:8px;bottom:22%;gap:7px}.phoenix-parts>span{padding:6px 8px}.phoenix-operation,.is-compact .phoenix-operation{font-size:8px;bottom:12%;padding:0 10px}.mcp-story,.is-compact .mcp-story{grid-template-columns:1fr .65fr 1fr;padding:18px 12px;gap:15px 9px;align-content:start;grid-template-rows:auto 1fr}.mcp-request strong,.is-compact .mcp-request strong{font-size:18px}.mcp-request>span{font-size:7px;margin-bottom:11px}.mcp-request p,.is-compact .mcp-request p{font-size:9px}.mcp-story small,.is-compact .mcp-story small{font-size:6px;letter-spacing:0;line-height:1.8;display:block}.mcp-files{gap:6px;margin-top:12px}.mcp-file,.is-compact .mcp-file{font-size:6px;padding:9px 5px;gap:3px}.mcp-file b{font-size:6px}.mcp-router{gap:12px}.mcp-core,.is-compact .mcp-core{font-size:19px;padding:9px 5px}.mcp-router>span{font-size:6px}.mcp-flow{right:-10px;font-size:14px}.mcp-delivery,.is-compact .mcp-delivery{padding:10px 6px;gap:16px}.mcp-delivery strong{font-size:9px}.mcp-delivery code,.is-compact .mcp-delivery code{font-size:5px;line-height:2.2}.mcp-delivery p{font-size:8px}.td-agent-output{padding-right:0;padding-bottom:35px;min-height:125px}.td-agent-pet{transform:scale(.65)}}
@media(prefers-reduced-motion:reduce){.td-agent-pet{animation:none!important}}
.cinema-nothing .phone-clock{font-size:clamp(15px,22cqw,52px);letter-spacing:-.05em;padding-left:10%;padding-right:10%}
/* Codex conversation: one continuous example, without split-screen comparison. */
.mcp-codex{position:absolute;inset:12px 30px 18px;display:flex;flex-direction:column;border:1px solid #49505c;border-radius:10px;background:#101217;box-shadow:0 20px 55px #0005;overflow:hidden;font-family:var(--mono,monospace)}.mcp-codex-bar{display:flex;justify-content:space-between;gap:15px;padding:14px 20px;border-bottom:1px solid #ffffff18;color:#b8c4d4;font-size:10px}.mcp-codex-bar>span:last-child{color:#a1c5e4;font-size:8px}.mcp-conversation{padding:22px 28px;display:flex;flex-direction:column;gap:12px;flex:1;overflow:hidden}.mcp-user,.mcp-agent-intro,.mcp-agent-answer{display:flex;gap:13px;align-items:flex-start;font-size:12px;line-height:1.7;flex-shrink:0}.mcp-user>span,.mcp-agent-intro>span,.mcp-agent-answer>span{color:#bad2e9;font-size:16px}.mcp-user p,.mcp-agent-intro p,.mcp-agent-answer p{margin:0;max-width:850px;min-height:20px}.mcp-user{padding:13px 16px;border-left:2px solid #a1b9d6;background:#a1b9d60a;color:#e3eaf2}.mcp-agent-intro{color:#a8b4c2}.mcp-tool-call{display:flex;align-items:center;gap:12px;padding:12px 17px;background:#adcce60a;border:1px solid #adcce62b;border-radius:6px;flex-shrink:0}.mcp-tool-call>div{display:flex;gap:20px;align-items:center}.mcp-tool-call strong{font-weight:400;font-size:11px;color:#b3d6ef}.mcp-tool-call>div>span{font-size:9px;color:#a0aab7}.mcp-tool-call>b{font-size:8px;font-weight:400;color:#99b69f;margin-left:auto}.mcp-tool-dot{height:6px;width:6px;border-radius:50%;background:#98c4ab;box-shadow:0 0 14px #98c4ab50}.mcp-example-gains{padding:11px 16px;border:1px solid #8ca4b02e;border-radius:6px;background:#d0dbdf05;flex-shrink:0}.mcp-example-gains>small{font-size:8px;line-height:1.7;letter-spacing:.5px;color:#b8c5cf;display:block}.mcp-example-gains>div{display:flex;gap:40px;margin-top:9px}.mcp-example-gains>div>span{display:flex;gap:12px;align-items:baseline;color:#a4b0ba;font-size:9px}.mcp-example-gains b{font-size:23px;font-weight:400;color:#cfdfed;letter-spacing:-1px}.mcp-agent-answer{color:#d6e2ee}.mcp-answer-options{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.mcp-answer-options>span{padding:7px 12px;border:1px solid #a9c2df40;border-radius:4px;color:#b3cbe3;font-size:9px}.mcp-context-ready{font-size:10px;color:#b1d4b8;display:flex;gap:15px;flex-shrink:0}.mcp-context-ready>span{font-size:8px;color:#899f91;margin-left:auto}.mcp-composer{display:flex;align-items:center;gap:16px;padding:13px 22px;font-size:10px;color:#939fae;border-top:1px solid #ffffff17;background:#151820}.mcp-composer>kbd{margin-left:auto;font-size:12px;background:none}.mcp-agent-intro,.mcp-tool-call,.mcp-example-gains,.mcp-agent-answer,.mcp-context-ready{opacity:0;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;border-width:0;transform:translateY(8px);transition:opacity .35s,transform .4s,max-height .4s}.cinema-stage:not([data-chat-step="0"]) .mcp-agent-intro{opacity:1;max-height:45px;transform:none}.cinema-stage:is([data-chat-step="2"],[data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-tool-call{opacity:1;max-height:65px;padding:12px 17px;border-width:1px;transform:none}.cinema-stage:is([data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-example-gains{opacity:1;max-height:100px;padding:11px 16px;border-width:1px;transform:none}.cinema-stage:is([data-chat-step="4"],[data-chat-step="5"]) .mcp-agent-answer{opacity:1;max-height:150px;transform:none}.cinema-stage[data-chat-step="5"] .mcp-context-ready{opacity:1;max-height:35px;transform:none}.is-compact .mcp-codex{inset:0 15px 10px}.is-compact .mcp-codex-bar{font-size:8px;padding:11px 13px}.is-compact .mcp-codex-bar>span:last-child{font-size:6px}.is-compact .mcp-conversation{padding:13px;gap:8px}.is-compact .mcp-user,.is-compact .mcp-agent-intro,.is-compact .mcp-agent-answer{font-size:9px;line-height:1.6;gap:8px}.is-compact .mcp-user{padding:10px}.is-compact .mcp-tool-call>div{gap:8px;flex-wrap:wrap}.is-compact .mcp-tool-call strong{font-size:8px}.is-compact .mcp-tool-call>div>span,.is-compact .mcp-tool-call>b{font-size:6px}.is-compact .mcp-example-gains small{font-size:6px}.is-compact .mcp-example-gains>div{gap:18px;margin-top:6px}.is-compact .mcp-example-gains b{font-size:17px}.is-compact .mcp-example-gains>div>span{font-size:6px;gap:6px}.is-compact .mcp-answer-options{margin-top:6px}.is-compact .mcp-answer-options>span{font-size:6px;padding:5px 7px}.is-compact .mcp-context-ready{font-size:7px}.is-compact .mcp-context-ready>span{display:none}.is-compact .mcp-composer{font-size:7px;padding:10px 13px}.is-compact .cinema-stage:is([data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-agent-intro{max-height:0;opacity:0}
/* A rotating snapshot unfolds into an ASCII phoenix, then restores a new laptop. */
.phoenix-new-pc{position:absolute;right:3%;top:31%;width:30%;height:43%;perspective:800px;opacity:var(--pc-reveal,0);transform:translateY(calc((1 - var(--pc-reveal,0))*25px))}.phoenix-pc-lid{position:absolute;inset:0 5% 15%;border:2px solid #8b8172;border-radius:7px;background:#181814;transform-origin:center bottom;transform:rotateX(var(--lid-angle,82deg));backface-visibility:hidden;box-shadow:0 0 0 1px #c5bba922,0 15px 35px #0006;padding:10px}.phoenix-pc-camera{width:3px;height:3px;border-radius:50%;background:#a09277;position:absolute;top:4px;left:50%}.phoenix-pc-screen{height:100%;background:radial-gradient(ellipse at top right,#bca26e22,transparent),#101710;padding:16px;display:flex;flex-direction:column;gap:12px;font:10px var(--mono,monospace);color:#d8d9c4;overflow:hidden}.phoenix-pc-screen>small{font-size:7px;color:#a59b85;white-space:nowrap}.phoenix-pc-screen>b{font-size:20px;font-weight:400;color:#e0cb9c}.phoenix-pc-screen>span{font-size:9px;color:#b8d0a5;transition:opacity .4s}.phoenix-pc-screen>i{font-style:normal;color:#acb795;margin-top:auto}.phoenix-pc-base{position:absolute;left:0;right:0;height:15%;bottom:0;background:linear-gradient(#645e54,#24231e);clip-path:polygon(5% 0,95% 0,100% 78%,98% 100%,2% 100%,0 78%);border-bottom:2px solid #aaa08f}.phoenix-pc-base:after{content:'';position:absolute;left:37%;right:37%;height:35%;top:20%;border:1px solid #aca39466;border-radius:2px}.phoenix-flight{position:absolute;inset:0;pointer-events:none}.phoenix-flight>span{position:absolute;left:calc(39% + var(--flight,0)*35%);top:calc(48% - sin(var(--flight,0)*3.14159)*13%);transform:translateY(calc(var(--flight,0)*10px));padding:8px 10px;font:9px var(--mono,monospace);color:#f1d4a2;background:#2a251bcf;border:1px solid #b9945855;opacity:0}.phoenix-flight>span:nth-child(2){margin-top:26px}.phoenix-flight>span:nth-child(3){margin-top:52px}.cinema-stage[data-act="2"] .phoenix-parts{opacity:0;transition:opacity .3s}.cinema-stage[data-restored="true"] .phoenix-pc-lid{border-color:#b6c697;box-shadow:0 0 25px #b6c69718}.is-compact .phoenix-new-pc{width:33%;right:2%;top:31%;height:40%}.is-compact .phoenix-pc-screen{padding:10px 6px;gap:8px}.is-compact .phoenix-pc-screen>small{font-size:4px}.is-compact .phoenix-pc-screen>b{font-size:13px}.is-compact .phoenix-pc-screen>span,.is-compact .phoenix-pc-screen>i{font-size:5px}.is-compact .phoenix-flight>span{font-size:6px;padding:5px 6px}.is-compact .phoenix-flight>span:nth-child(2){margin-top:17px}.is-compact .phoenix-flight>span:nth-child(3){margin-top:34px}
@media(max-width:550px){.mcp-codex,.is-compact .mcp-codex{inset:0 8px 10px}.mcp-codex-bar{padding:12px;font-size:8px}.mcp-codex-bar>span:last-child{font-size:6px}.mcp-conversation{padding:12px;gap:8px}.mcp-user,.mcp-agent-intro,.mcp-agent-answer{font-size:9px;gap:8px;line-height:1.6}.mcp-user{padding:9px}.mcp-tool-call>div{flex-direction:column;align-items:flex-start;gap:5px}.mcp-tool-call strong{font-size:8px}.mcp-tool-call>div>span,.mcp-tool-call>b{font-size:6px}.mcp-tool-call>b{max-width:65px;line-height:1.6}.mcp-example-gains>small{font-size:6px;letter-spacing:0}.mcp-example-gains>div{gap:15px;margin-top:5px}.mcp-example-gains b{font-size:17px}.mcp-example-gains>div>span{font-size:6px;gap:6px;flex-wrap:wrap}.mcp-answer-options{gap:5px;margin-top:7px}.mcp-answer-options>span{font-size:6px;padding:5px 7px}.mcp-context-ready{font-size:7px}.mcp-context-ready>span{display:none}.mcp-composer{font-size:7px;padding:10px}.cinema-stage:is([data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-agent-intro{max-height:0;opacity:0}.phoenix-new-pc,.is-compact .phoenix-new-pc{width:40%;height:30%;right:3%;top:42%}.phoenix-pc-lid{padding:6px;border-width:1px}.phoenix-pc-screen{padding:9px 5px;gap:6px}.phoenix-pc-screen>small{font-size:3px}.phoenix-pc-screen>b{font-size:12px}.phoenix-pc-screen>span,.phoenix-pc-screen>i{font-size:4px}.phoenix-flight>span{font-size:5px;padding:4px 5px}.phoenix-flight>span:nth-child(2){margin-top:14px}.phoenix-flight>span:nth-child(3){margin-top:28px}}
@media(max-width:550px){.mcp-example-gains>small,.is-compact .mcp-example-gains small{font-size:7px;letter-spacing:0}}
.cinema-context .cinema-stage[data-act="2"] .mcp-agent-intro{display:none}
.is-compact .cinema-stage:is([data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-tool-call{padding:8px 10px}.is-compact .cinema-stage:is([data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-example-gains{padding:8px 10px}
@media(max-width:550px){.cinema-context .mcp-conversation{padding:10px;gap:8px}.cinema-context .cinema-stage:is([data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-tool-call{padding:8px 10px}.cinema-context .cinema-stage:is([data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-example-gains{padding:8px 10px}.mcp-user>span,.mcp-agent-intro>span,.mcp-agent-answer>span{font-size:12px}.mcp-codex-bar{padding:10px}.mcp-agent-answer{font-size:8px}}
/* Teasers must grow with their controls instead of scrolling inside a clipped art box. */
.featured .project-art.cinema-teaser,.project-pair .project-art.cinema-teaser{height:auto;min-height:0;overflow:visible}.cinema-teaser .cinema{height:auto;overflow:hidden}.cinema-teaser .cinema-caption{min-height:75px}.cinema-teaser .cinema-stage{height:365px}@media(max-width:550px){.cinema-teaser .cinema-stage{height:390px}.cinema-teaser .cinema-caption{min-height:82px}}
/* Same product render for both Phoenix machines. */
.phoenix-transfer{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#ab78301a,transparent 65%)}.phoenix-real-pc{position:absolute;top:22%;width:35%;aspect-ratio:1}.phoenix-real-pc>img{width:100%;height:auto;display:block}.pc-source{left:0;opacity:var(--source-dim,1)}.pc-target{right:0;opacity:var(--target-reveal,0);transform:translateY(calc((1 - var(--target-reveal,0))*25px));transition:none}.phoenix-real-screen{position:absolute;left:10.3%;top:12.5%;width:79%;height:44%;background:radial-gradient(ellipse at top right,#87724427,transparent),#11180f;display:flex;flex-direction:column;padding:12px 15px;gap:10px;color:#d4dec5;border-radius:3px;font-family:var(--mono,monospace);overflow:hidden}.phoenix-real-screen>small{font-size:6px;color:#a7ad9c;letter-spacing:.5px}.phoenix-real-screen>b{font-size:18px;font-weight:400;color:#e3d2a2}.phoenix-real-screen>span{font-size:9px;transition:opacity .35s;color:#bacda6}.phoenix-real-screen>i{font-size:10px;font-style:normal;margin-top:auto}.phoenix-center{position:absolute;left:27%;width:46%;height:70%;top:13%;display:grid;place-items:center}.phoenix-center .phoenix-field{font:clamp(5px,1vw,14px)/1.25 monospace;letter-spacing:0;white-space:pre;transform:none!important;text-align:left}.phoenix-packets{position:absolute;inset:0;pointer-events:none}.phoenix-packets>span{position:absolute;font:9px var(--mono,monospace);color:#e5c695;background:#201b13d9;border:1px solid #c59b5750;padding:7px 9px;opacity:0;z-index:3}.phoenix-transfer .phoenix-operation{bottom:7%;font-size:11px}.cinema-stage[data-restored="true"] .pc-target .phoenix-real-screen{box-shadow:inset 0 0 15px #b9d49816}.is-compact .phoenix-real-pc{width:38%;top:25%}.is-compact .phoenix-real-screen{padding:7px 6px;gap:5px}.is-compact .phoenix-real-screen>small{font-size:3px}.is-compact .phoenix-real-screen>b{font-size:10px}.is-compact .phoenix-real-screen>span,.is-compact .phoenix-real-screen>i{font-size:5px}.is-compact .phoenix-center .phoenix-field{font-size:clamp(3px,.57vw,8px)}.is-compact .phoenix-packets>span{font-size:5px;padding:4px}.is-compact .phoenix-transfer .phoenix-operation{font-size:8px;bottom:10%}
/* All conversation blocks share the same gutter and icon column. */
.cinema-context .mcp-user,.cinema-context .mcp-agent-intro,.cinema-context .mcp-agent-answer{display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px;padding-left:16px;padding-right:16px;width:100%;box-sizing:border-box}.cinema-context .mcp-agent-answer>div{min-width:0}.cinema-context .mcp-user p,.cinema-context .mcp-agent-intro p,.cinema-context .mcp-agent-answer p{max-width:none;overflow-wrap:anywhere}.cinema-context .mcp-tool-call{display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:12px;padding-left:16px!important;padding-right:16px!important}.cinema-context .mcp-context-ready{padding-left:16px;padding-right:16px}.mcp-context-summary{border:1px solid #abcbe62a;background:#abcbe608;border-radius:6px;padding:12px 16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;opacity:0;max-height:0;overflow:hidden;transform:translateY(6px);transition:opacity .3s,transform .35s,max-height .35s}.mcp-context-summary>span{font:8px var(--mono,monospace);letter-spacing:.6px;color:#9ebad1}.mcp-context-summary>strong{font-size:13px;color:#d4e5f1;font-weight:400}.mcp-context-summary>p{font-size:10px;line-height:1.6;margin:0;color:#afbfd0}.cinema-stage:is([data-chat-step="3"],[data-chat-step="4"],[data-chat-step="5"]) .mcp-context-summary{max-height:100px;opacity:1;transform:none}.cinema-context .mcp-agent-intro{padding-top:0;padding-bottom:0}.cinema-context .cinema-stage[data-act="2"] .mcp-agent-intro{display:none}.is-compact .mcp-context-summary{padding:9px 16px;gap:6px 10px}.is-compact .mcp-context-summary>span{font-size:6px}.is-compact .mcp-context-summary>strong{font-size:10px}.is-compact .mcp-context-summary>p{font-size:8px}.is-compact .mcp-agent-answer{font-size:9px}
@media(max-width:550px){.phoenix-real-pc,.is-compact .phoenix-real-pc{width:46%;top:42%}.phoenix-transfer .pc-source{left:-3%}.phoenix-transfer .pc-target{right:-3%}.phoenix-center{top:7%;left:10%;width:80%;height:55%}.phoenix-center .phoenix-field,.is-compact .phoenix-center .phoenix-field{font-size:clamp(4px,1.27vw,7px)}.phoenix-real-screen,.is-compact .phoenix-real-screen{padding:5px;gap:4px}.phoenix-real-screen>small{font-size:3px}.phoenix-real-screen>b{font-size:9px}.phoenix-real-screen>span,.phoenix-real-screen>i{font-size:4px}.phoenix-transfer .phoenix-operation,.is-compact .phoenix-transfer .phoenix-operation{bottom:9%;font-size:8px}.phoenix-packets>span{font-size:5px;padding:4px}.cinema-context .mcp-user,.cinema-context .mcp-agent-intro,.cinema-context .mcp-agent-answer{grid-template-columns:12px minmax(0,1fr);gap:8px;padding-left:10px;padding-right:10px}.cinema-context .mcp-tool-call{grid-template-columns:12px minmax(0,1fr);padding-left:10px!important;padding-right:10px!important;gap:8px}.cinema-context .mcp-tool-call>b{display:none}.mcp-context-summary,.is-compact .mcp-context-summary{padding:9px 10px;gap:5px 10px}.mcp-context-summary>span{font-size:6px}.mcp-context-summary>strong{font-size:10px}.mcp-context-summary>p{font-size:8px}.cinema-context .mcp-context-ready{padding-left:10px;padding-right:10px;font-size:7px}}
.phoenix-transfer .phoenix-operation{left:0;right:0;bottom:3%;margin:0;text-align:center;padding:0 14px}.phoenix-real-pc{width:32%;top:20%}.phoenix-transfer .pc-source{left:1%}.phoenix-transfer .pc-target{right:1%}.cinema-context .mcp-user{padding-left:14px}.cinema-context .mcp-tool-call{padding-left:15px!important}.is-compact .phoenix-transfer .phoenix-operation{left:0;right:0;bottom:6%}
@media(max-width:550px){.phoenix-real-pc,.is-compact .phoenix-real-pc{width:44%;top:42%}.phoenix-transfer .pc-source{left:0}.phoenix-transfer .pc-target{right:0}.phoenix-transfer .phoenix-operation,.is-compact .phoenix-transfer .phoenix-operation{bottom:7%}.cinema-context .mcp-user{padding-left:8px}.cinema-context .mcp-tool-call{padding-left:9px!important}}
/* Place text inside the row rather than against its upper edge. */
.cinema-context .mcp-conversation{padding-top:32px}.cinema-context .mcp-user,.cinema-context .mcp-agent-intro,.cinema-context .mcp-agent-answer{align-items:center}.cinema-context .mcp-user>span,.cinema-context .mcp-agent-intro>span,.cinema-context .mcp-agent-answer>span{line-height:1}.cinema-context .mcp-user p,.cinema-context .mcp-agent-intro p,.cinema-context .mcp-agent-answer p{min-height:0;line-height:1.85;padding-top:3px;padding-bottom:3px}.cinema-context .mcp-user{min-height:54px}.cinema-context .mcp-agent-answer{align-items:start}.cinema-context .mcp-agent-answer>span{padding-top:7px}.cinema-context .mcp-agent-intro>span{transform:translateY(1px)}.is-compact.cinema-context .mcp-conversation{padding-top:18px}.is-compact.cinema-context .mcp-user{min-height:44px}@media(max-width:550px){.cinema-context .mcp-conversation{padding-top:16px}.cinema-context .mcp-user{min-height:48px}.cinema-context .mcp-user p,.cinema-context .mcp-agent-intro p,.cinema-context .mcp-agent-answer p{line-height:1.7;padding-top:2px;padding-bottom:2px}}
.cinema-context .cinema-stage:not([data-chat-step="0"]) .mcp-agent-intro{padding-top:8px;padding-bottom:8px}
.cinema-context .mcp-answer-options{visibility:hidden}.cinema-context .cinema-stage[data-chat-step="5"] .mcp-answer-options{visibility:visible}.cinema-context .mcp-agent-answer p:empty:after{content:'▍';color:#a9c8e2}
/* Draw the markers instead of relying on the font's diamond baseline. */
.mcp-codex-bar .mcp-brand{display:flex;align-items:center;gap:10px}.mcp-brand>svg{display:block;flex-shrink:0}.cinema-context .mcp-agent-intro>.mcp-agent-mark,.cinema-context .mcp-agent-answer>.mcp-agent-mark{display:grid;place-items:center;align-self:start;width:12px;height:calc(1em * 1.85 + 6px);font-size:inherit;line-height:1;margin:0;padding:0!important;transform:none!important}.mcp-agent-mark>svg{display:block;width:8px;height:8px}@media(max-width:550px){.cinema-context .mcp-agent-intro>.mcp-agent-mark,.cinema-context .mcp-agent-answer>.mcp-agent-mark{height:calc(1em * 1.7 + 4px)}.mcp-agent-mark>svg{width:7px;height:7px}}
/* Phoenix rebirth: one ASCII scene, one visual language. */
.rebirth-scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 49% 50%,#a56d2012,transparent 63%);overflow:hidden}.rebirth-canvas{margin:0;white-space:pre;font:clamp(4px,.9vw,12px)/1.03 monospace;letter-spacing:0;color:#e4bd7e;text-shadow:0 0 18px #b87d2923;user-select:none}.rebirth-labels{position:absolute;top:5%;left:4%;right:4%;display:flex;justify-content:space-between;gap:16px;font:8px var(--mono,monospace);letter-spacing:1px;color:#ada18a}.rebirth-status{position:absolute;bottom:5%;left:5%;right:5%;text-align:center;font:11px/1.6 var(--mono,monospace);color:#d6c3a1;margin:0}.rebirth-credit{position:absolute;bottom:1%;right:4%;font:7px/1.7 var(--mono,monospace);color:#928774;text-decoration:none}.rebirth-credit:hover{color:#e8c28b;text-decoration:underline}.rebirth-credit:focus-visible{outline:1px solid #e8c28b;outline-offset:4px}.is-compact .rebirth-canvas{font-size:clamp(3px,.58vw,8px);line-height:1.05}.is-compact .rebirth-labels{font-size:6px;letter-spacing:0}.is-compact .rebirth-status{font-size:8px;bottom:6%}.is-compact .rebirth-credit{font-size:6px}.cinema-stage[data-rebirth="hatch"] .rebirth-canvas{color:#f4d6a5;text-shadow:0 0 24px #d88d3d44}.cinema-stage[data-rebirth="ready"] .rebirth-canvas{color:#ddcda7}@media(max-width:550px){.rebirth-canvas,.is-compact .rebirth-canvas{font-size:clamp(3px,1.14vw,6px);line-height:1.65}.rebirth-labels,.is-compact .rebirth-labels{font-size:5px;gap:8px;letter-spacing:0;top:6%}.rebirth-status,.is-compact .rebirth-status{font-size:8px;bottom:9%;left:7%;right:7%}.rebirth-credit,.is-compact .rebirth-credit{font-size:6px;bottom:3%;right:7%}}
.rebirth-canvas{font-size:clamp(4px,1.15vw,15px);line-height:.78}.is-compact .rebirth-canvas{font-size:clamp(3px,.6vw,8.5px);line-height:1.02}@media(max-width:550px){.rebirth-canvas,.is-compact .rebirth-canvas{font-size:clamp(3px,1.14vw,6px);line-height:1.65}}
.rebirth-world{position:relative;font:clamp(4px,1.15vw,15px)/.78 monospace}.rebirth-world>.rebirth-canvas{font:inherit}.rebirth-bird{position:absolute;white-space:pre;margin:0;font:inherit;line-height:1.12;color:#f1ce95;text-shadow:0 0 20px #bd8b4033;transform-origin:center;display:none;pointer-events:none}.is-compact .rebirth-world{font-size:clamp(3px,.6vw,8.5px);line-height:1.02}@media(max-width:550px){.rebirth-world,.is-compact .rebirth-world{font-size:clamp(3px,1.14vw,6px);line-height:1.65}}
/* Return to the original workstation/snapshot composition. */
.snapshot-scene{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#c6994220,transparent 56%);overflow:hidden}.snapshot-layout{position:absolute;inset:10% 4% 15%;display:grid;grid-template-columns:1fr .8fr 1fr;align-items:center;gap:24px}.snapshot-machine,.snapshot-heart{min-width:0;text-align:center;position:relative}.snapshot-label{display:block;font:8px var(--mono,monospace);letter-spacing:1.5px;color:#b6ab94;margin-bottom:32px;white-space:nowrap}.snapshot-screen{font:clamp(5px,.82vw,12px)/1.4 monospace;letter-spacing:0;white-space:pre;text-align:left;display:inline-block;margin:0;color:#dfd4bc}.snapshot-source .snapshot-screen{color:#d2bb92}.snapshot-target .snapshot-screen{color:#c9d5b7}.snapshot-files{display:flex;justify-content:center;gap:6px;margin-top:20px;font:8px var(--mono,monospace);color:#a49c8d}.snapshot-files>span{padding:7px;border-bottom:1px solid #ffffff16;transition:opacity .4s}.snapshot-crystal{font:clamp(6px,.9vw,13px)/1 monospace;white-space:pre;letter-spacing:0;margin:0;color:#edc181;text-shadow:0 0 20px #d19a4725}.snapshot-heart .snapshot-label{margin-bottom:8px}.snapshot-core-label{font:10px var(--mono,monospace);letter-spacing:2px;color:#b7a07c;display:block;margin-top:7px}.snapshot-bottom{position:absolute;bottom:5%;left:5%;right:5%;text-align:center}.snapshot-bottom>span{font:9px var(--mono,monospace);letter-spacing:1.5px;color:#e3be83}.snapshot-bottom>p{font-size:12px;color:#b6ae9d;line-height:1.6;margin:12px 0 0}.snapshot-flow{position:absolute;inset:0;pointer-events:none}.snapshot-flow>span{position:absolute;font:9px var(--mono,monospace);color:#e8cf9e;padding:6px;background:#15130ede;border:1px solid #96744044;opacity:0}.cinema-stage[data-snapshot-state="ready"] .snapshot-target .snapshot-label{color:#cddab8}.is-compact .snapshot-layout{inset:12% 3% 21%;gap:8px}.is-compact .snapshot-label{font-size:5px;letter-spacing:.3px;margin-bottom:22px}.is-compact .snapshot-screen{font-size:clamp(3px,.43vw,6px);line-height:1.5}.is-compact .snapshot-crystal{font-size:clamp(3px,.46vw,7px)}.is-compact .snapshot-files{font-size:4px;gap:3px;margin-top:12px}.is-compact .snapshot-files>span{padding:4px}.is-compact .snapshot-core-label{font-size:6px}.is-compact .snapshot-bottom>span{font-size:7px}.is-compact .snapshot-bottom>p{font-size:9px}.is-compact .snapshot-flow>span{font-size:5px;padding:3px}@media(max-width:550px){.snapshot-layout,.is-compact .snapshot-layout{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;inset:7% 5% 22%;gap:10px}.snapshot-heart{grid-row:1;grid-column:1/-1}.snapshot-source{grid-row:2;grid-column:1}.snapshot-target{grid-row:2;grid-column:2}.snapshot-label,.is-compact .snapshot-label{font-size:5px;margin-bottom:10px;letter-spacing:.1px}.snapshot-screen,.is-compact .snapshot-screen{font-size:clamp(3px,.98vw,5px);line-height:1.55}.snapshot-crystal,.is-compact .snapshot-crystal{font-size:5px;line-height:.8}.snapshot-heart .snapshot-label{margin-bottom:2px}.snapshot-core-label,.is-compact .snapshot-core-label{font-size:6px;margin-top:4px}.snapshot-files,.is-compact .snapshot-files{font-size:4px;gap:2px;margin-top:7px}.snapshot-files>span{padding:3px}.snapshot-bottom>span{font-size:7px}.snapshot-bottom>p{font-size:9px;margin-top:8px}.snapshot-flow>span{font-size:5px;padding:3px}}
.cinema-disclaimer,.is-compact .cinema-disclaimer{font-size:11px;line-height:1.7}.cinema-heading>span:last-child,.is-compact .cinema-heading>span:last-child{font-size:10px;letter-spacing:.5px}.cinema-controls button,.is-compact .cinema-controls button{font-size:12px}@media(max-width:550px){.cinema-disclaimer,.is-compact .cinema-disclaimer{font-size:12px;padding:13px 16px;line-height:1.7}.cinema-heading>span:last-child,.is-compact .cinema-heading>span:last-child{font-size:10px;line-height:1.6;max-width:150px}.cinema-controls button,.is-compact .cinema-controls button{font-size:12px}.cinema-controls,.is-compact .cinema-controls{gap:8px;flex-wrap:wrap}.cinema-chapters{min-width:45%;}.cinema-heading,.is-compact .cinema-heading{gap:12px;padding:18px 16px}}