:root{--serif: Baskerville, "Libre Baskerville", "Iowan Old Style", Georgia, serif;--sans: "Avenir Next", "SF Pro Display", Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cinema-block: "Avenir Next Condensed", "Arial Narrow", Impact, Haettenschweiler, "Arial Black", sans-serif;--cinema-script: "Snell Roundhand", "SignPainter", "Apple Chancery", "Brush Script MT", cursive;--poster-red: #ed0805;--poster-sky: #3398c7;--poster-sky-light: #74c6e3;--accent: var(--poster-red);--bg-0: #030208;--bg-1: #0c0715;--text-strong: rgba(255, 255, 255, .96);--text: rgba(255, 255, 255, .78);--text-soft: rgba(255, 255, 255, .56);--text-faint: rgba(255, 255, 255, .38);--line: rgba(255, 255, 255, .13);--line-strong: rgba(255, 255, 255, .22);--glass: rgba(10, 9, 16, .62);--glass-strong: rgba(11, 9, 18, .82);--panel: rgba(12, 10, 20, .72);--glow-a: rgba(183, 131, 255, .3);--glow-b: rgba(79, 190, 222, .2);--gold: #f0c36a;--button-fill: linear-gradient(135deg, color-mix(in srgb, var(--accent) 36%, #fff 8%), rgba(255, 255, 255, .08));--screen-bg: linear-gradient(115deg, rgba(255,255,255,.035), transparent 28%), radial-gradient(80% 70% at 50% 28%, var(--glow-a), transparent 62%), radial-gradient(100% 90% at 50% 100%, var(--glow-b), transparent 64%), linear-gradient(180deg, var(--bg-1), var(--bg-0))}:root[data-theme=gilded]{--accent: #f0c36a;--bg-0: #080502;--bg-1: #171008;--text-strong: rgba(255, 248, 232, .97);--text: rgba(255, 242, 214, .8);--text-soft: rgba(245, 222, 180, .62);--text-faint: rgba(245, 222, 180, .42);--line: rgba(240, 195, 106, .18);--line-strong: rgba(240, 195, 106, .32);--glass: rgba(26, 16, 7, .64);--glass-strong: rgba(31, 20, 10, .84);--panel: rgba(28, 18, 9, .76);--glow-a: rgba(240, 195, 106, .26);--glow-b: rgba(128, 64, 31, .22);--gold: #ffd889;--button-fill: linear-gradient(135deg, rgba(240, 195, 106, .36), rgba(112, 61, 31, .28));--screen-bg: linear-gradient(115deg, rgba(255,240,198,.055), transparent 30%), radial-gradient(85% 68% at 50% 22%, rgba(240, 195, 106, .2), transparent 62%), radial-gradient(95% 90% at 30% 100%, rgba(112, 61, 31, .24), transparent 65%), linear-gradient(180deg, var(--bg-1), var(--bg-0))}:root[data-theme=silver]{--accent: #d8d6cc;--bg-0: #030303;--bg-1: #14130f;--text-strong: rgba(252, 250, 241, .98);--text: rgba(236, 233, 220, .82);--text-soft: rgba(214, 210, 196, .62);--text-faint: rgba(190, 186, 170, .42);--line: rgba(232, 228, 210, .16);--line-strong: rgba(232, 228, 210, .3);--glass: rgba(18, 18, 17, .66);--glass-strong: rgba(22, 21, 19, .88);--panel: rgba(19, 18, 16, .78);--glow-a: rgba(235, 230, 210, .16);--glow-b: rgba(120, 116, 104, .18);--gold: #f3f0df;--button-fill: linear-gradient(135deg, rgba(232, 228, 210, .24), rgba(92, 90, 82, .26));--screen-bg: repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 7px), radial-gradient(85% 70% at 50% 18%, rgba(232, 228, 210, .15), transparent 62%), radial-gradient(100% 86% at 50% 100%, rgba(80, 78, 70, .24), transparent 66%), linear-gradient(180deg, var(--bg-1), var(--bg-0))}:root[data-theme=oracle]{--accent: var(--poster-red);--bg-0: #020608;--bg-1: #07141a;--text-strong: rgba(248, 250, 247, .96);--text: rgba(229, 238, 238, .78);--text-soft: rgba(190, 211, 216, .58);--text-faint: rgba(148, 179, 188, .38);--line: rgba(51, 152, 199, .16);--line-strong: rgba(237, 8, 5, .26);--glass: rgba(4, 15, 20, .54);--glass-strong: rgba(5, 17, 24, .76);--panel: rgba(5, 18, 26, .68);--glow-a: rgba(51, 152, 199, .16);--glow-b: rgba(237, 8, 5, .08);--gold: #d7c89c;--button-fill: linear-gradient(135deg, rgba(237, 8, 5, .72), rgba(51, 152, 199, .16));--screen-bg: radial-gradient(92% 58% at 50% 0%, rgba(51, 152, 199, .18), transparent 64%), radial-gradient(70% 60% at 50% 24%, rgba(116, 198, 227, .1), transparent 65%), radial-gradient(84% 78% at 74% 74%, rgba(237, 8, 5, .05), transparent 68%), linear-gradient(90deg, rgba(51, 152, 199, .024), transparent 18%, transparent 82%, rgba(237, 8, 5, .018)), linear-gradient(180deg, var(--bg-1), var(--bg-0))}:root[data-theme=retro]{--cinema-block: "Futura Condensed Extra Bold", "Avenir Next Condensed", "Arial Narrow", Impact, sans-serif;--poster-red: #ff442f;--poster-sky: #25b7a7;--poster-sky-light: #6fe7cd;--accent: #ff9f3f;--bg-0: #050604;--bg-1: #151207;--text-strong: rgba(255, 239, 204, .97);--text: rgba(255, 226, 178, .78);--text-soft: rgba(255, 201, 130, .58);--text-faint: rgba(255, 185, 94, .38);--line: rgba(255, 159, 63, .22);--line-strong: rgba(111, 231, 205, .26);--glass: rgba(17, 16, 10, .68);--glass-strong: rgba(20, 17, 9, .86);--panel: rgba(20, 17, 9, .76);--glow-a: rgba(255, 159, 63, .18);--glow-b: rgba(37, 183, 167, .14);--gold: #ffc16b;--button-fill: linear-gradient(135deg, rgba(255, 159, 63, .48), rgba(37, 183, 167, .16));--screen-bg: radial-gradient(76% 58% at 50% 10%, rgba(255, 159, 63, .18), transparent 64%), radial-gradient(70% 56% at 50% 54%, rgba(37, 183, 167, .13), transparent 66%), repeating-linear-gradient(to bottom, rgba(255, 206, 130, .025) 0 1px, transparent 1px 5px), linear-gradient(180deg, #171208, #050604)}:root[data-theme=pop90]{--cinema-block: "Arial Black", "Avenir Next Condensed", Impact, Haettenschweiler, sans-serif;--poster-red: #ff2f82;--poster-sky: #36d8c6;--poster-sky-light: #a6fff0;--accent: #ff2f82;--bg-0: #100b2d;--bg-1: #23145a;--text-strong: rgba(255, 252, 226, .98);--text: rgba(255, 249, 210, .82);--text-soft: rgba(215, 252, 255, .66);--text-faint: rgba(255, 249, 210, .46);--line: rgba(255, 207, 50, .3);--line-strong: rgba(255, 47, 130, .38);--glass: rgba(21, 13, 68, .64);--glass-strong: rgba(23, 13, 72, .84);--panel: rgba(21, 13, 68, .72);--glow-a: rgba(54, 216, 198, .24);--glow-b: rgba(255, 47, 130, .18);--gold: #ffcf32;--button-fill: linear-gradient(135deg, rgba(255, 47, 130, .78), rgba(255, 207, 50, .58));--screen-bg: radial-gradient(78% 56% at 50% 4%, rgba(54, 216, 198, .22), transparent 66%), radial-gradient(70% 64% at 78% 72%, rgba(255, 47, 130, .16), transparent 70%), repeating-linear-gradient(135deg, rgba(255, 207, 50, .025) 0 10px, transparent 10px 20px), linear-gradient(180deg, #23145a, #100b2d)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow:hidden;background:var(--bg-0);color:var(--text-strong);font-family:var(--sans)}button,textarea{font:inherit}button{color:inherit}.app-shell,#root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.app-shell{background:var(--screen-bg)}.app-shell:has(.library),.app-shell:has(.version-screen),.app-shell:has(.reel-intro),.app-shell:has(.story-map-screen),.app-shell:has(.wizard-screen),.app-shell:has(.ended){background:linear-gradient(180deg,#3ba8d5,#8fd4ed 44%,#d8eef4)}.app-shell:has(.story-screen){background:var(--screen-bg)}:root[data-theme=retro] .app-shell:has(.library),:root[data-theme=retro] .app-shell:has(.version-screen),:root[data-theme=retro] .app-shell:has(.reel-intro),:root[data-theme=retro] .app-shell:has(.story-map-screen),:root[data-theme=retro] .app-shell:has(.wizard-screen),:root[data-theme=retro] .app-shell:has(.ended){background:radial-gradient(62% 42% at 50% 33%,rgba(255,183,80,.24),transparent 68%),radial-gradient(48% 34% at 63% 42%,rgba(37,183,167,.18),transparent 74%),repeating-linear-gradient(to bottom,rgba(255,207,128,.035) 0 1px,transparent 1px 6px),linear-gradient(180deg,#25170a,#0c0d08 58%,#030403)}:root[data-theme=pop90] .app-shell:has(.library),:root[data-theme=pop90] .app-shell:has(.version-screen),:root[data-theme=pop90] .app-shell:has(.reel-intro),:root[data-theme=pop90] .app-shell:has(.story-map-screen),:root[data-theme=pop90] .app-shell:has(.wizard-screen),:root[data-theme=pop90] .app-shell:has(.ended){background:linear-gradient(152deg,transparent 0 16%,rgba(255,47,130,.9) 16% 23%,rgba(255,207,50,.92) 23% 29%,rgba(63,106,255,.76) 29% 34%,transparent 34%),linear-gradient(24deg,transparent 0 58%,rgba(18,21,83,.92) 58% 76%,transparent 76%),radial-gradient(circle at 76% 18%,rgba(255,207,50,.32) 0 7%,transparent 7.5%),linear-gradient(180deg,#63ead7,#3fd9c8 48%,#3287f4)}:root[data-theme=pop90] .app-shell:before{background:linear-gradient(135deg,transparent 0 64%,rgba(255,207,50,.42) 64% 68%,transparent 68%),repeating-linear-gradient(135deg,rgba(255,111,178,.38) 0 12px,rgba(255,111,178,.38) 12px 18px,transparent 18px 30px),repeating-linear-gradient(45deg,transparent 0 18px,rgba(30,34,118,.2) 18px 24px,transparent 24px 36px);background-size:100% 100%,62px 62px,78px 78px;-webkit-mask-image:none;mask-image:none;opacity:.28}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(70% 65% at 50% 45%,#000,transparent 72%);mask-image:radial-gradient(70% 65% at 50% 45%,#000,transparent 72%);opacity:.16}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;filter:blur(58px) saturate(.82);opacity:.16;pointer-events:none}.aurora span{position:absolute;border-radius:46% 54% 62% 38%;mix-blend-mode:screen;animation:drift 26s ease-in-out infinite alternate}.aurora span:nth-child(1){width:62vw;height:30vw;left:-20vw;top:-12vw;background:linear-gradient(135deg,var(--glow-a),transparent 70%)}.aurora span:nth-child(2){width:72vw;height:38vw;right:-26vw;bottom:-18vw;background:linear-gradient(45deg,transparent 14%,var(--glow-b),transparent 72%);animation-duration:33s}.aurora span:nth-child(3){width:56vw;height:22vw;left:22vw;top:20vh;background:linear-gradient(95deg,transparent,color-mix(in srgb,var(--accent) 24%,transparent),transparent 70%);animation-duration:29s}.aurora span:nth-child(4){width:42vw;height:18vw;right:12vw;top:-8vw;background:linear-gradient(155deg,color-mix(in srgb,var(--gold) 22%,transparent),transparent 68%);animation-duration:24s}@keyframes drift{0%{transform:translate3d(-2%,-3%,0) scale(.96) rotate(-4deg)}to{transform:translate3d(7%,8%,0) scale(1.12) rotate(8deg)}}.cinema-depth{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none;perspective:900px;image-rendering:pixelated;opacity:.3;transition:opacity .9s ease}.cinema-depth:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 6px),repeating-linear-gradient(0deg,rgba(255,255,255,.026) 0 1px,transparent 1px 6px),radial-gradient(80% 62% at 50% 44%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 62%);-webkit-mask-image:radial-gradient(78% 66% at 50% 46%,#000 42%,transparent 82%);mask-image:radial-gradient(78% 66% at 50% 46%,#000 42%,transparent 82%);opacity:.26;animation:pixelMaskShift 28s steps(18) infinite}.cinema-depth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(62% 45% at 50% 42%,rgba(255,255,255,.12),transparent 24%,rgba(0,0,0,.12) 62%,rgba(0,0,0,.55)),repeating-linear-gradient(to bottom,rgba(255,255,255,.055) 0 2px,transparent 2px 7px);border-radius:45%/32%;transform:scaleX(1.06);opacity:.18;animation:tubeBreath 18s ease-in-out infinite}.depth-arch{position:absolute;left:50%;top:52%;width:min(86vw,980px);height:min(54vw,580px);border:2px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:44%/30%;transform:translate(-50%,-50%);box-shadow:0 0 80px color-mix(in srgb,var(--accent) 12%,transparent),inset 0 0 70px #00000061;opacity:.14}.depth-arch:nth-child(2){width:min(70vw,760px);height:min(40vw,430px);border-color:color-mix(in srgb,var(--gold) 14%,transparent);animation:archPulse 8s ease-in-out infinite}.signal-beam{position:absolute;top:24%;left:-20%;width:140%;height:18%;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--accent) 16%,transparent) 0 10px,transparent 10px 18px),linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent) 12%,transparent),transparent);filter:blur(2px);opacity:.06;transform:skewY(-7deg);animation:bandSweep 13s steps(16) infinite}.signal-beam:nth-child(4){top:62%;height:12%;opacity:.16;animation-duration:19s;animation-delay:-6s}.star-drift{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;opacity:.08;background-image:radial-gradient(circle,rgba(255,255,255,.6) 0 1px,transparent 1.6px),radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,white 8%) 0 1px,transparent 1.4px);background-size:170px 170px,260px 260px;background-position:0 0,80px 120px;-webkit-mask-image:radial-gradient(70% 70% at 50% 46%,#000,transparent 75%);mask-image:radial-gradient(70% 70% at 50% 46%,#000,transparent 75%);animation:starDrift 70s linear infinite}.pixel-rainbow{position:absolute;left:50%;top:44%;width:min(76vw,940px);height:min(44vw,520px);transform:translate(-50%,-50%);border-radius:45%/32%;background:linear-gradient(115deg,#ff4b6257,#ffde6647 22%,#58ffab40 40%,#58c8ff4d 62%,#dc5aff3d 80%,#ff4b6233),repeating-linear-gradient(0deg,rgba(255,255,255,.16) 0 2px,transparent 2px 8px),repeating-linear-gradient(90deg,rgba(0,0,0,.2) 0 4px,transparent 4px 10px);filter:blur(.4px) saturate(1.2);mix-blend-mode:screen;opacity:.08;animation:rainbowStatic 18s steps(12) infinite}.phosphor-mask{position:absolute;left:50%;top:44%;width:min(78vw,960px);height:min(46vw,540px);transform:translate(-50%,-50%);border-radius:45%/32%;background:repeating-linear-gradient(90deg,rgba(255,0,0,.06) 0 2px,rgba(0,255,140,.07) 2px 4px,rgba(80,160,255,.06) 4px 6px,transparent 6px 9px),repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.14;animation:phosphorCrawl 12s steps(8) infinite}@keyframes oracleRotate{to{transform:rotate(360deg)}}@keyframes archPulse{0%,to{opacity:.14;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.03)}}@keyframes bandSweep{0%,to{transform:translateY(-42vh) skewY(-7deg);opacity:.05}35%{opacity:.28}58%{transform:translateY(58vh) skewY(-7deg);opacity:.12}}@keyframes starDrift{to{background-position:420px -620px,-360px -480px}}@keyframes pixelMaskShift{0%,to{transform:translateZ(0)}25%{transform:translate3d(8px,-4px,0)}50%{transform:translate3d(-5px,7px,0)}75%{transform:translate3d(3px,4px,0)}}@keyframes tubeBreath{0%,to{opacity:.34;filter:brightness(.94)}50%{opacity:.5;filter:brightness(1.12)}}@keyframes rainbowStatic{0%,to{background-position:0 0,0 0,0 0;opacity:.2}25%{background-position:24px -10px,0 12px,-8px 0;opacity:.32}50%{background-position:-18px 18px,0 -8px,10px 0;opacity:.24}75%{background-position:10px 7px,0 16px,-14px 0;opacity:.34}}@keyframes phosphorCrawl{to{background-position:18px 0,0 16px}}.shimmer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.18;image-rendering:pixelated;pointer-events:none}.pixel-shake{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;width:100%;height:100%;opacity:0;image-rendering:pixelated;mix-blend-mode:normal;pointer-events:none;transition:opacity .26s ease}.app-shell:has(.library) .pixel-shake,.app-shell:has(.version-screen) .pixel-shake{opacity:0}.app-shell:has(.story-screen) .pixel-shake{z-index:14;opacity:1;mix-blend-mode:normal}:root[data-theme=pop90] .pixel-shake{mix-blend-mode:normal}.gesture-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:17;width:100%;height:100%;image-rendering:auto;pointer-events:none;touch-action:none}.gesture-overlay.is-enabled{pointer-events:auto;cursor:crosshair}.gesture-card-head button{border:1px solid var(--line);border-radius:999px;background:var(--glass);color:var(--text);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);cursor:pointer;font-size:.66rem;letter-spacing:.13em;padding:9px 13px;text-transform:uppercase;box-shadow:inset 0 1px #ffffff24,0 14px 34px #00000038}.gesture-hud{position:fixed;z-index:87;width:min(310px,calc(100vw - 32px));opacity:0;pointer-events:none;transform:translateY(6px) scale(.98);transition:opacity .18s ease,transform .18s ease}.interaction-feedback{position:fixed;z-index:30;top:104px;left:50%;display:flex;align-items:center;gap:9px;max-width:min(460px,calc(100vw - 40px));padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);color:var(--text);font-size:.74rem;letter-spacing:.04em;box-shadow:0 18px 44px -26px #000000b3;opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity .24s ease,transform .24s ease}.interaction-feedback.is-visible{opacity:1;transform:translate(-50%)}.interaction-feedback-icon{color:var(--accent);font-size:.9rem}.interaction-feedback-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.safety-feedback{max-width:min(680px,calc(100vw - 40px));border-color:color-mix(in srgb,var(--accent) 68%,white 14%);background:linear-gradient(135deg,#031412f5,#0d0a05f0);color:#fff6e8;font-size:clamp(.82rem,1.4vw,1rem);line-height:1.35;box-shadow:0 22px 60px -28px #000000e6,inset 0 1px #ffffff1f}.safety-feedback .interaction-feedback-icon{flex:0 0 auto;color:#7ff2d5}.safety-feedback .interaction-feedback-text{overflow:visible;text-overflow:clip;white-space:normal}.heard-transcript{position:fixed;z-index:30;right:24px;bottom:148px;display:flex;flex-direction:column;gap:3px;max-width:min(320px,calc(100vw - 48px));padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);color:var(--text);text-align:right;box-shadow:0 18px 44px -26px #000000b3;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}.heard-transcript.is-visible{opacity:1;transform:translateY(0)}.heard-transcript-label{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.heard-transcript-text{font-family:var(--serif);font-size:.95rem;line-height:1.35}.gesture-hud.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.gesture-card,.gesture-thinking{border:1px solid rgba(255,255,255,.14);border-radius:12px;background:linear-gradient(145deg,#101219e0,#06080dc7);color:#ffffffdb;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08);box-shadow:0 28px 90px #0000006b,inset 0 1px #ffffff14}.gesture-card{padding:13px}.gesture-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.gesture-card-head b{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.gesture-card p{margin:0;color:#ffffff9e;font-size:.84rem;line-height:1.45}.gesture-error{color:#ffb4b4db!important}.intent-map{position:relative;min-height:138px;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 12% 50%,color-mix(in srgb,var(--accent-a) 18%,transparent),transparent 32%),linear-gradient(135deg,#ffffff13,#ffffff06);box-shadow:inset 0 1px #ffffff14}.intent-map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:18px 18px;opacity:.38;-webkit-mask-image:radial-gradient(circle at 24% 50%,black,transparent 78%);mask-image:radial-gradient(circle at 24% 50%,black,transparent 78%)}.intent-map-svg{position:absolute;top:8px;right:8px;bottom:8px;left:4px;width:calc(100% - 12px);height:calc(100% - 16px);overflow:visible}.intent-origin{fill:#ffffffe6;stroke:var(--accent-a);stroke-width:2;filter:url(#intentGlow)}.intent-stem,.intent-branch{fill:none;stroke-linecap:round}.intent-stem{stroke:#ffffff57;stroke-width:2}.intent-branch{stroke-width:var(--branch-width, 3px);opacity:var(--branch-opacity, .76);filter:url(#intentGlow);stroke-dasharray:320;stroke-dashoffset:320;animation:intentBranchDraw .72s cubic-bezier(.22,1,.36,1) forwards}.intent-branch-0,.intent-branch-node-0{stroke:var(--accent-a);fill:var(--accent-a);animation-delay:20ms}.intent-branch-1,.intent-branch-node-1{stroke:var(--accent-b);fill:var(--accent-b);animation-delay:.11s}.intent-branch-2,.intent-branch-node-2{stroke:var(--accent-c);fill:var(--accent-c);animation-delay:.19s}.intent-branch-node{opacity:var(--node-opacity, .8);filter:url(#intentGlow);transform-box:fill-box;transform-origin:center;animation:intentNodePop .54s cubic-bezier(.22,1.4,.36,1) both}.intent-branch-copy{position:relative;z-index:1;display:grid;gap:6px;padding:12px 10px 10px 66px}.intent-branch-item{display:grid;grid-template-columns:42px 1fr;gap:1px 8px;align-items:baseline;min-height:36px;opacity:var(--item-opacity, .82)}.intent-branch-item strong{grid-row:span 2;align-self:center;color:color-mix(in srgb,var(--accent-a) 88%,white);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.76rem;letter-spacing:.02em}.intent-branch-item-1 strong{color:color-mix(in srgb,var(--accent-b) 84%,white)}.intent-branch-item-2 strong{color:color-mix(in srgb,var(--accent-c) 84%,white)}.intent-branch-item span{color:#ffffffeb;font-size:.82rem;line-height:1.15}.intent-branch-item em{color:#ffffff7a;font-size:.68rem;font-style:normal;line-height:1.1}.gesture-thinking{display:flex;align-items:center;gap:8px;width:max-content;padding:10px 13px}.gesture-thinking span{width:7px;height:7px;border-radius:50%;background:#ff0020eb;animation:gestureThinking .9s ease-in-out infinite}.gesture-thinking span:nth-child(2){animation-delay:.12s}.gesture-thinking span:nth-child(3){animation-delay:.24s}.gesture-thinking b{color:#ffffffb8;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}@keyframes gestureThinking{0%,to{transform:translateY(0);opacity:.42}50%{transform:translateY(-4px);opacity:1}}@keyframes intentBranchDraw{to{stroke-dashoffset:0}}@keyframes intentNodePop{0%{transform:scale(.45);opacity:0}to{transform:scale(1)}}.movie-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;pointer-events:none;opacity:.32;mix-blend-mode:multiply;filter:sepia(.28) saturate(.84) contrast(.9);transition:opacity .7s ease}.app-shell:has(.library) .movie-backdrop,.app-shell:has(.version-screen) .movie-backdrop{opacity:.24}.app-shell:has(.story-screen) .movie-backdrop{opacity:.18;mix-blend-mode:screen}:root[data-theme=retro] .movie-backdrop{opacity:.3;mix-blend-mode:screen;filter:sepia(.45) saturate(.9) contrast(1.08)}:root[data-theme=retro] .app-shell:has(.library) .movie-backdrop,:root[data-theme=retro] .app-shell:has(.version-screen) .movie-backdrop{opacity:.2}:root[data-theme=retro] .app-shell:has(.story-screen) .movie-backdrop{opacity:.12}:root[data-theme=pop90] .movie-backdrop{opacity:.18;mix-blend-mode:multiply;filter:saturate(1.35) contrast(.9) hue-rotate(-8deg)}:root[data-theme=pop90] .app-shell:has(.library) .movie-backdrop,:root[data-theme=pop90] .app-shell:has(.version-screen) .movie-backdrop{opacity:.12}:root[data-theme=pop90] .app-shell:has(.story-screen) .movie-backdrop{opacity:.12;mix-blend-mode:screen}.crt-glass,.signal-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.crt-glass{z-index:28;opacity:.1;background:radial-gradient(90% 74% at 50% 50%,transparent 56%,rgba(0,0,0,.34)),linear-gradient(90deg,rgba(255,255,255,.06),transparent 10%,transparent 90%,rgba(255,255,255,.04));mix-blend-mode:soft-light}.signal-noise{z-index:31;opacity:.03;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.16) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 11px);transform-origin:center;animation:signalDrift 7s linear infinite}:root[data-theme=oracle] .crt-glass{opacity:.22;background:radial-gradient(72% 65% at 50% 50%,transparent 56%,rgba(0,0,0,.58)),radial-gradient(120% 85% at 50% 50%,rgba(51,152,199,.1),transparent 48%),linear-gradient(90deg,rgba(255,255,255,.12),transparent 11%,transparent 89%,rgba(255,255,255,.09))}:root[data-theme=oracle] .signal-noise{opacity:.045;mix-blend-mode:screen}:root[data-theme=retro] .crt-glass{opacity:.28;background:radial-gradient(72% 60% at 50% 48%,transparent 54%,rgba(0,0,0,.62)),radial-gradient(84% 54% at 50% 44%,rgba(255,159,63,.12),transparent 62%),linear-gradient(90deg,rgba(255,159,63,.08),transparent 13%,transparent 87%,rgba(37,183,167,.08))}:root[data-theme=retro] .signal-noise{opacity:.072;mix-blend-mode:screen;background:repeating-linear-gradient(to bottom,rgba(255,218,150,.2) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(37,183,167,.1) 0 1px,transparent 1px 13px)}:root[data-theme=pop90] .crt-glass{opacity:.16;background:radial-gradient(78% 62% at 50% 48%,transparent 58%,rgba(13,7,50,.36)),linear-gradient(90deg,rgba(255,47,130,.08),transparent 12%,transparent 88%,rgba(54,216,198,.08))}:root[data-theme=pop90] .signal-noise{opacity:.034;mix-blend-mode:multiply;background:repeating-linear-gradient(to bottom,rgba(16,11,45,.2) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 10px)}:root[data-theme=oracle] .app-shell{filter:contrast(1.02) saturate(.96)}:root[data-theme=retro] .app-shell{filter:contrast(1.08) saturate(.92)}:root[data-theme=pop90] .app-shell{filter:saturate(1.08) contrast(1.02)}.app-shell:has(.story-screen) .aurora{opacity:.28}.app-shell:has(.story-screen) .cinema-depth{opacity:.72}.app-shell:has(.story-screen) .shimmer{opacity:.44}.app-shell:has(.story-screen) .signal-noise{opacity:.08}:root[data-theme=oracle] .story-art img,:root[data-theme=oracle] .live-frame{filter:contrast(1.12) saturate(.9) brightness(.92) hue-rotate(8deg)}:root[data-theme=retro] .story-art img,:root[data-theme=retro] .live-frame{filter:contrast(1.1) saturate(.78) sepia(.22) hue-rotate(-10deg) brightness(.9)}:root[data-theme=pop90] .story-art img,:root[data-theme=pop90] .live-frame{filter:contrast(1.08) saturate(1.14) brightness(.96)}@keyframes signalDrift{0%{transform:translateY(0);opacity:.035}9%{transform:translateY(-1.5%);opacity:.09}10%{transform:translateY(1.2%);opacity:.02}11%{transform:translateY(0);opacity:.055}70%{opacity:.04}71%{opacity:.13}72%{opacity:.045}to{transform:translateY(-4%);opacity:.04}}.grain{position:fixed;top:-45%;right:-45%;bottom:-45%;left:-45%;z-index:30;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .55s steps(4) infinite}:root[data-theme=silver] .grain{opacity:.13;animation-duration:.42s}:root[data-theme=silver] .app-shell:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;pointer-events:none;background:radial-gradient(70% 72% at 50% 48%,transparent 50%,rgba(0,0,0,.54)),repeating-linear-gradient(to bottom,rgba(255,255,255,.032) 0 1px,transparent 1px 5px);mix-blend-mode:soft-light;opacity:.62}:root[data-theme=silver] .story-art img,:root[data-theme=silver] .live-frame{filter:grayscale(1) sepia(.13) contrast(1.16) brightness(.92)}:root[data-theme=silver] .story-art:after{background:radial-gradient(80% 80% at 50% 38%,transparent 42%,rgba(0,0,0,.48)),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.62)),repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);opacity:.88}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(3%,3%)}}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;overflow:hidden}.login-screen{display:grid;place-items:center;padding:24px}.login-card{width:min(440px,calc(100vw - 36px));padding:clamp(24px,4vw,36px);border:1px solid var(--line);border-radius:8px;background:radial-gradient(120% 80% at 50% 0%,rgba(255,255,255,.09),transparent 44%),linear-gradient(145deg,rgba(255,255,255,.07),transparent 32%),var(--panel);box-shadow:0 36px 130px #000000ad,0 0 80px -54px var(--accent),inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(26px) saturate(1.12);backdrop-filter:blur(26px) saturate(1.12)}.login-card:before,.library-head:before{content:"";display:block;width:68px;height:2px;margin:0 auto 14px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--accent),var(--gold),transparent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 45%,transparent)}.login-card .library-title{font-size:clamp(3.2rem,12vw,5.8rem)}.login-copy{margin:18px 0 22px;color:var(--text-soft);line-height:1.55}.login-submit{width:100%}.login-error{color:#ffb4b4}.version-screen{display:grid;place-items:center;padding:clamp(24px,5vw,72px);text-align:center}.version-inner{width:min(1180px,100%)}.version-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin:clamp(28px,5vh,48px) auto 0}.version-card{display:grid;gap:10px;min-height:210px;padding:clamp(22px,4vw,34px);border:1px solid rgba(255,255,255,.46);border-radius:10px;background:linear-gradient(180deg,#ffffffb8,#e4f5fb75),#eaf8fc94;color:#002c40bd;cursor:pointer;text-align:left;box-shadow:0 18px 48px #08364824,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(7px) saturate(1.04);backdrop-filter:blur(7px) saturate(1.04);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.version-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--poster-red) 48%,transparent);box-shadow:0 24px 60px #08364833,0 0 30px #ed080514,inset 0 1px #ffffffdb}.version-card span{color:var(--poster-red);font-family:var(--cinema-block);font-size:clamp(2.8rem,6vw,5.4rem);font-weight:900;line-height:.85}.version-card b{color:#002c40e6;font-size:1rem;letter-spacing:.18em;text-transform:uppercase}.version-card em{max-width:34ch;color:#002c40a3;font-style:normal;line-height:1.5}.version-switch{margin:16px auto 0}.version-radio-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px auto 0;padding:0;border:0}.version-radio-picker legend{width:100%;margin:0 0 2px;color:var(--text-faint);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase}.version-radio-option{position:relative;cursor:pointer}.version-radio-option input{position:absolute;opacity:0;pointer-events:none}.version-radio-option span{display:inline-grid;grid-auto-flow:column;align-items:baseline;gap:8px;min-height:36px;padding:8px 13px;border:1px solid rgba(0,44,64,.18);border-radius:999px;background:#ffffff6b;color:#002c40c2;box-shadow:inset 0 1px #ffffff8a;transition:transform .18s ease,border-color .18s ease,background .18s ease}.version-radio-option b{color:var(--poster-red);font-family:var(--cinema-block);font-size:.92rem;letter-spacing:.02em}.version-radio-option em{color:#002c409e;font-size:.72rem;font-style:normal;letter-spacing:.08em;text-transform:uppercase}.version-radio-option:hover span,.version-radio-option input:focus-visible+span{transform:translateY(-1px);border-color:#ed080547;background:#fff9}.version-radio-option input:checked+span{border-color:#ed08058c;background:#ed08051a}.library{position:relative;overflow-x:hidden;overflow-y:auto;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:0;min-height:100vh;height:100vh;padding:0 clamp(24px,5vw,72px) 72px;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.library-tools{position:fixed;right:18px;top:16px;z-index:37;display:flex;gap:8px}.library-tools>.tool-btn,.library-tools>.tool-btn[style]{position:static!important}.front-page{position:relative;z-index:2;display:grid;justify-items:center;align-content:center;min-height:100vh;padding:clamp(76px,10vh,116px) 0 clamp(44px,6vh,72px)}.front-page-head{position:relative;z-index:3;text-align:center}.front-page-eyebrow,.manifesto-index{margin:0 0 14px;color:var(--poster-sky-light);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.64rem;letter-spacing:.3em;text-transform:uppercase}.front-page-deck{margin:18px 0 0;color:var(--text);font-family:var(--serif);font-size:clamp(1rem,1.5vw,1.32rem);font-style:italic;letter-spacing:.04em}.living-graph{position:relative;width:min(1060px,92vw);height:clamp(350px,52vh,540px);margin-top:clamp(8px,1.5vh,20px);min-height:320px;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:22px;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--glow-b) 70%,transparent),transparent 45%),linear-gradient(115deg,rgba(255,255,255,.025),transparent 30%),color-mix(in srgb,var(--glass) 66%,transparent);box-shadow:0 36px 80px #00000052,inset 0 1px #ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.living-graph:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(70% 80% at 50% 50%,black,transparent);mask-image:radial-gradient(70% 80% at 50% 50%,black,transparent)}.graph-canvas{position:absolute;top:7%;right:3%;bottom:2%;left:3%;width:94%;height:88%;overflow:visible}.graph-edges .edge{fill:none;stroke:color-mix(in srgb,var(--poster-sky-light) 52%,transparent);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 10;opacity:.36;transition:opacity .9s ease,stroke .9s ease,stroke-width .9s ease;animation:graphCurrent 10s linear infinite}.graph-edges .edge-core{stroke:color-mix(in srgb,var(--accent) 82%,white 10%);stroke-width:3;stroke-dasharray:4 13;opacity:.64}.key-moment rect{fill:color-mix(in srgb,var(--glass-strong) 84%,transparent);stroke:var(--accent);stroke-width:3}.key-moment>circle:not(.key-halo){fill:var(--accent)}.key-halo{fill:none;stroke:color-mix(in srgb,var(--accent) 45%,transparent);stroke-width:1;stroke-dasharray:3 9;animation:keyOrbit 12s linear infinite}.key-moment text{fill:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;letter-spacing:.24em;text-anchor:middle}.adaptive-moment{opacity:.78;transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}.adaptive-moment>circle:first-child{fill:color-mix(in srgb,var(--poster-sky) 20%,var(--glass-strong));stroke:var(--poster-sky-light);stroke-width:2}.adaptive-moment text{fill:var(--text-strong);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;text-anchor:middle}.moment-pulse{fill:none;stroke:var(--poster-sky-light);stroke-width:1;opacity:0;animation:livingPulse 3.2s ease-out infinite}.living-graph[data-phase=add] .moment-b,.living-graph[data-phase=reshape] .moment-d{opacity:1}.living-graph[data-phase=add] .moment-b{transform:translate(382px,198px) scale(1.22)}.living-graph[data-phase=reshape] .moment-c{transform:translate(632px,214px)}.living-graph[data-phase=reshape] .edge-c,.living-graph[data-phase=protect] .edge-core{opacity:1;stroke-width:4}.living-graph[data-phase=remove] .moment-a,.living-graph[data-phase=remove] .edge-a,.living-graph[data-phase=remove] .edge-ghost{opacity:.06}.living-graph[data-phase=protect] .key-halo{stroke-width:3;stroke:var(--accent)}.graph-status{position:absolute;top:18px;left:20px;z-index:4;display:flex;align-items:center;gap:9px;color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}.graph-status-light{width:7px;height:7px;border-radius:50%;background:var(--poster-sky-light);box-shadow:0 0 14px var(--poster-sky-light);animation:statusBlink 1.8s ease-in-out infinite}.signal-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid color-mix(in srgb,var(--poster-sky-light) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--glass-strong) 82%,transparent);color:var(--text-soft);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 24px #0003;animation:signalFloat 5.4s ease-in-out infinite}.signal-chip i{width:5px;height:5px;border-radius:50%;background:var(--poster-sky-light)}.signal-voice{left:8%;top:18%;animation-delay:-.8s}.signal-gesture{right:8%;top:18%;animation-delay:-2.4s}.signal-gaze{left:5%;bottom:18%;animation-delay:-3.1s}.signal-draw{right:6%;bottom:19%;animation-delay:-1.5s}.signal-context{left:46%;bottom:5%;animation-delay:-4.2s}.graph-legend{position:absolute;right:18px;bottom:14px;z-index:4;display:flex;gap:16px;color:var(--text-faint);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase}.graph-legend span{display:flex;align-items:center;gap:6px}.graph-legend i{width:8px;height:8px;display:inline-block}.legend-key{border:1px solid var(--accent);transform:rotate(45deg)}.legend-live{border:1px solid var(--poster-sky-light);border-radius:50%}.legend-signal{background:var(--poster-sky-light);border-radius:50%;box-shadow:0 0 8px var(--poster-sky-light)}.front-page-scroll{display:grid;justify-items:center;gap:9px;margin-top:18px;color:var(--text-soft);font-size:.58rem;letter-spacing:.24em;text-decoration:none;text-transform:uppercase}.front-page-scroll i{width:1px;height:30px;background:linear-gradient(var(--accent),transparent);animation:scrollThread 2s ease-in-out infinite}.story-manifesto{position:relative;z-index:2;display:grid;grid-template-columns:minmax(120px,.6fr) minmax(0,2.2fr) minmax(150px,.7fr);gap:clamp(26px,5vw,76px);width:min(1180px,100%);margin:0 auto;padding:clamp(88px,12vh,144px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto-copy h2,.story-shelf .library-head h2{margin:0;color:var(--text-strong);font-family:var(--serif);font-size:clamp(2.4rem,5.1vw,5.3rem);font-weight:400;line-height:.95;letter-spacing:-.045em}.manifesto-copy>p{max-width:760px;margin:38px 0 0;color:var(--text);font-family:var(--serif);font-size:clamp(1.12rem,1.7vw,1.45rem);line-height:1.62}.manifesto-copy .manifesto-expansion{color:var(--text-soft)}.manifesto-copy blockquote{margin:54px 0 0;color:var(--accent);font-family:var(--cinema-block);font-size:clamp(1.65rem,3.2vw,3.2rem);font-style:normal;line-height:1.02;text-transform:uppercase}.manifesto-copy blockquote em{color:var(--poster-sky-light);font-family:var(--serif);font-weight:400;text-transform:none}.manifesto-aside{align-self:end;display:grid;gap:7px;padding-left:20px;border-left:1px solid var(--line-strong)}.manifesto-aside span{margin-top:15px;color:var(--text-faint);font-size:.57rem;letter-spacing:.2em;text-transform:uppercase}.manifesto-aside b{color:var(--text);font-family:var(--serif);font-size:.98rem;font-weight:400}.story-shelf{position:relative;z-index:2;width:100%;padding:clamp(94px,12vh,142px) 0 20px}.story-shelf .library-head{margin-bottom:42px}.story-shelf .library-head h2{margin-top:12px;font-size:clamp(2.5rem,5vw,5rem)}@keyframes graphCurrent{to{stroke-dashoffset:-180}}@keyframes keyOrbit{to{transform:rotate(360deg);transform-origin:center}}@keyframes livingPulse{0%{opacity:.6;transform:scale(.7)}80%,to{opacity:0;transform:scale(1.7)}}@keyframes statusBlink{50%{opacity:.3;transform:scale(.72)}}@keyframes signalFloat{50%{transform:translateY(-9px)}}@keyframes scrollThread{50%{transform:scaleY(.55);transform-origin:top;opacity:.4}}@media(max-height:760px)and (min-width:681px){.front-page{padding-top:54px;padding-bottom:28px}.front-page .library-title{font-size:clamp(3.2rem,7vw,5.6rem)}.front-page-deck{margin-top:12px}.living-graph{height:350px;margin-top:10px}.front-page-scroll{margin-top:10px}}.library:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(76% 66% at 50% 44%,rgba(244,252,255,.72),rgba(184,225,238,.34) 54%,transparent 82%),linear-gradient(180deg,#ffffff57,#3398c714 62%,#01131c1f)}:root[data-theme=retro] .library:before{background:radial-gradient(64% 48% at 50% 46%,rgba(255,179,92,.22),rgba(24,20,10,.28) 56%,transparent 78%),linear-gradient(180deg,#ffc56f14,#0204034d)}:root[data-theme=pop90] .library:before{background:radial-gradient(42% 36% at 50% 36%,rgba(255,255,232,.42),transparent 72%),linear-gradient(102deg,transparent 0 12%,rgba(255,47,130,.22) 12% 18%,transparent 18% 72%,rgba(255,207,50,.24) 72% 78%,transparent 78%),repeating-linear-gradient(135deg,rgba(18,21,83,.1) 0 5px,transparent 5px 16px)}.library-head{margin:0 auto;text-align:center;max-width:920px;position:relative}.library-title,.movie-title{margin:0;font-family:var(--cinema-block);font-style:normal;font-weight:900;line-height:.82;letter-spacing:0;text-transform:uppercase;color:var(--poster-red);text-shadow:0 2px 0 rgba(255,255,255,.24),0 8px 22px rgba(1,28,42,.18)}.library-title{font-size:clamp(3.2rem,8.2vw,7rem)}.library-sub{margin:14px 0 0;color:#a80000d1;font-size:.62rem;letter-spacing:.28em;text-transform:uppercase}.session-note{margin:10px 0 0;color:var(--text-faint);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.theme-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px auto 0;padding:0;border:0;max-width:760px}.login-card .theme-picker{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.theme-picker legend{grid-column:1 / -1;margin:0 0 2px;color:var(--text-faint);font-size:.64rem;letter-spacing:.24em;text-transform:uppercase}.theme-option{position:relative;min-width:0;cursor:pointer}.theme-option input{position:absolute;opacity:0;pointer-events:none}.theme-option span{display:grid;gap:4px;min-height:74px;padding:12px;border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--glass) 82%,transparent);box-shadow:inset 0 1px #ffffff0d;transition:border-color .18s ease,background .18s ease,transform .18s ease}.theme-option b{color:var(--text);font-size:.82rem;font-weight:600}.theme-option em{color:var(--text-faint);font-size:.72rem;font-style:normal;line-height:1.35}.theme-option input:checked+span{border-color:color-mix(in srgb,var(--accent) 58%,white 8%);background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,transparent),color-mix(in srgb,var(--glass-strong) 92%,transparent));box-shadow:0 14px 42px -24px var(--accent),inset 0 1px #ffffff1f}.theme-option:hover span{transform:translateY(-1px)}:root[data-theme=oracle] .theme-option span,:root[data-theme=oracle] .story-art,:root[data-theme=oracle] .login-card,:root[data-theme=oracle] .config-card,:root[data-theme=oracle] .debug-panel{border-radius:8px}:root[data-theme=oracle] .primary-btn,:root[data-theme=oracle] .ghost-btn,:root[data-theme=oracle] .tool-btn,:root[data-theme=oracle] .next-btn,:root[data-theme=oracle] .prev-btn,:root[data-theme=oracle] .statusbar,:root[data-theme=oracle] .scene-pill,:root[data-theme=oracle] .note-pill{border-radius:999px}:root[data-theme=oracle] .library-sub,:root[data-theme=oracle] .statusbar,:root[data-theme=oracle] .story-style{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}:root[data-theme=retro] .library-title,:root[data-theme=retro] .movie-title,:root[data-theme=retro] .story-map-title,:root[data-theme=retro] .wizard-heading{color:#ff9f3f;text-shadow:2px 0 0 rgba(37,183,167,.35),-2px 0 0 rgba(255,68,47,.28),0 12px 32px rgba(0,0,0,.42)}:root[data-theme=retro] .library-sub,:root[data-theme=retro] .statusbar,:root[data-theme=retro] .story-style,:root[data-theme=retro] .theme-picker legend{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}:root[data-theme=retro] .library-sub{color:#6fe7cdb8}:root[data-theme=retro] .theme-option span{border-color:#ff9f3f38;background:linear-gradient(180deg,#1d190dd1,#0e110cb8),#0a0a08b8;box-shadow:inset 0 1px #ffd38a1a,0 16px 42px #00000038}:root[data-theme=retro] .theme-option input:checked+span{border-color:#6fe7cd9e;background:linear-gradient(135deg,#ff9f3f33,#25b7a729),#0c0d08db;box-shadow:0 0 0 1px #ff9f3f1f,0 18px 50px #00000047,inset 0 1px #ffebbc29}:root[data-theme=pop90] .library-title,:root[data-theme=pop90] .movie-title,:root[data-theme=pop90] .story-map-title,:root[data-theme=pop90] .wizard-heading{color:#ffcf32;-webkit-text-stroke:1px rgba(18,21,83,.38);text-shadow:5px 5px 0 #ff2f82,10px 10px 0 rgba(33,210,194,.72),0 16px 0 rgba(18,21,83,.18)}:root[data-theme=pop90] .movie-title{text-shadow:3px 3px 0 #ff2f82,6px 6px 0 rgba(33,210,194,.62),0 10px 0 rgba(18,21,83,.16)}:root[data-theme=pop90] .library-sub{color:#121553c2;font-weight:900;letter-spacing:.36em}:root[data-theme=pop90] .theme-picker legend{color:#121553bd;font-weight:900}:root[data-theme=pop90] .theme-option span{border:2px solid rgba(18,21,83,.22);border-radius:6px;background:linear-gradient(135deg,#fffce2e6,#a6fff0bd);box-shadow:4px 4px #1215532e,inset 0 1px #ffffffb3}:root[data-theme=pop90] .theme-option b{color:#131555;font-weight:900;text-transform:uppercase}:root[data-theme=pop90] .theme-option em{color:#131555ad;font-weight:700}:root[data-theme=pop90] .theme-option input:checked+span{border-color:#131555;background:linear-gradient(135deg,#ffcf32 0,#ffcf32 44%,#ff2f82 44%,#ff2f82 52%,#36d8c6 52%,#36d8c6);box-shadow:5px 5px #131555,0 12px 32px #ff2f8238}:root[data-theme=pop90] .theme-option input:checked+span b,:root[data-theme=pop90] .theme-option input:checked+span em{color:#131555}.story-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px);width:min(1180px,100%);margin:0 auto;align-items:stretch}.story-card{position:relative;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:11px;padding:8px 8px 11px;border:1px solid rgba(255,255,255,.52);border-radius:10px;background:linear-gradient(180deg,#ffffffb8,#e4f5fb85),#eaf8fc94;box-shadow:0 14px 34px #0836481f,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(5px) saturate(1.02);backdrop-filter:blur(5px) saturate(1.02);cursor:pointer;text-align:center;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.story-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--poster-red) 48%,transparent);background:linear-gradient(180deg,#ffffffeb,#d6eff8c2),#f5fcffd6;box-shadow:0 20px 46px #0836482e,0 0 24px #ed080514,inset 0 1px #ffffffd6}:root[data-theme=retro] .story-card{border-color:#ffc56f42;background:linear-gradient(180deg,#1e1a0fe6,#0a0d0adb),#070805d1;box-shadow:0 18px 42px #00000061,0 0 0 1px #6fe7cd0f,inset 0 1px #ffdd9f1f}:root[data-theme=retro] .story-card:hover{border-color:#6fe7cd80;background:linear-gradient(180deg,#271f10f2,#0b120ee6),#070805e6;box-shadow:0 24px 54px #0000007a,0 0 28px #ff9f3f1f,inset 0 1px #ffdd9f29}:root[data-theme=pop90] .story-card{padding:10px 10px 12px;border:3px solid #131555;border-radius:5px;background:linear-gradient(180deg,#fffce2f5,#fff4aee0);box-shadow:8px 8px #ff2f82b8,14px 14px #36d8c69e,0 22px 40px #1215532e;-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=pop90] .story-card:hover{transform:translateY(-4px) rotate(-.6deg);border-color:#131555;background:linear-gradient(180deg,#fffbe2,#a6fff0);box-shadow:10px 10px #ff2f82d6,17px 17px #ffcf32c7,0 28px 48px #1215533d}.story-art{position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid rgba(237,8,5,.12);border-radius:8px;background:#e1f3f9c7;box-shadow:inset 0 1px #ffffffad;transition:border-color .24s ease,box-shadow .24s ease,filter .24s ease}:root[data-theme=retro] .story-art{border-color:#ff9f3f38;background:repeating-linear-gradient(to bottom,rgba(255,211,138,.05) 0 1px,transparent 1px 5px),#060907e6;box-shadow:inset 0 0 32px #0000006b}:root[data-theme=pop90] .story-art{border:3px solid #131555;border-radius:4px;background:repeating-linear-gradient(135deg,rgba(255,47,130,.15) 0 9px,transparent 9px 18px),#36d8c6;box-shadow:inset 0 0 0 3px #ffcf325c}:root[data-theme=pop90] .story-art:after{background:linear-gradient(120deg,rgba(255,255,255,.38),transparent 28%),repeating-linear-gradient(to bottom,rgba(18,21,83,.09) 0 1px,transparent 1px 4px);opacity:.52}.story-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,36,52,.26)),linear-gradient(120deg,rgba(255,255,255,.18),transparent 28%);opacity:.7;pointer-events:none}.story-card:hover .story-art{border-color:color-mix(in srgb,var(--poster-red) 54%,white 4%);box-shadow:inset 0 1px #ffffff29;filter:brightness(1.05)}.story-art img{width:100%;height:100%;object-fit:cover;display:block}.story-sigil{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(42% 30% at 50% 35%,rgba(51,152,199,.22),transparent 72%),linear-gradient(150deg,rgba(255,255,255,.055),transparent 42%),repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 6px),#020a09db}:root[data-theme=retro] .story-sigil{background:radial-gradient(44% 36% at 50% 36%,rgba(111,231,205,.16),transparent 72%),repeating-linear-gradient(to bottom,rgba(255,197,111,.05) 0 1px,transparent 1px 5px),linear-gradient(145deg,rgba(255,159,63,.08),transparent 46%),#040705f0}:root[data-theme=retro] .story-sigil span{border-color:#6fe7cd57;color:#ff9f3f;box-shadow:0 0 34px #ff9f3f2e,inset 0 0 20px #6fe7cd14}:root[data-theme=pop90] .story-sigil{background:radial-gradient(circle at 74% 22%,#ffcf32 0 8%,transparent 8.5%),linear-gradient(135deg,#36d8c6 0,#36d8c6 48%,#ff2f82 48%,#ff2f82 54%,#5a78ff 54%,#5a78ff)}:root[data-theme=pop90] .story-sigil span{border:3px solid #131555;color:#ffcf32;background:#ff2f82;text-shadow:3px 3px 0 #131555;box-shadow:5px 5px #36d8c6d1}.story-sigil span{width:clamp(56px,8vw,78px);height:clamp(56px,8vw,78px);display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--accent) 34%,transparent);border-radius:50%;color:color-mix(in srgb,var(--poster-red) 84%,white 6%);font-family:var(--cinema-block);font-weight:900;font-size:2.4rem;line-height:1;box-shadow:0 0 46px color-mix(in srgb,var(--poster-red) 18%,transparent)}.story-style{position:absolute;z-index:2;left:50%;bottom:10px;transform:translate(-50%);padding:5px 9px;border-radius:999px;background:color-mix(in srgb,var(--poster-red) 52%,rgba(0,0,0,.58));border:1px solid rgba(255,255,255,.16);font-size:.54rem;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}.story-name{margin:0;font-family:var(--cinema-block);font-style:normal;font-size:clamp(1rem,1.45vw,1.28rem);font-weight:800;letter-spacing:0;text-transform:uppercase;color:var(--poster-red);line-height:.98;min-height:2.25em;display:grid;place-items:center}:root[data-theme=retro] .story-name{color:#ffbe67}:root[data-theme=pop90] .story-name{color:#131555;text-shadow:2px 2px 0 #ffcf32,4px 4px 0 rgba(255,47,130,.42)}.ended{display:grid;place-items:center;padding:clamp(26px,5vw,72px);text-align:center;background:radial-gradient(70% 54% at 50% 42%,rgba(255,255,255,.26),transparent 68%),transparent}.title-inner{display:grid;justify-items:center;width:min(980px,94vw);max-width:none}.movie-title{display:grid;justify-items:center;gap:clamp(2px,.8vw,9px);width:min(980px,94vw);max-height:min(600px,58vh);overflow:hidden;font-size:clamp(3.4rem,9.2vw,8.8rem);line-height:.86;text-wrap:balance}.movie-title-kicker,.movie-title-line{display:block}.movie-title-kicker{font-size:clamp(1.6rem,4.8vw,4.2rem);line-height:.96}.movie-title-line{max-width:11.8ch;white-space:nowrap}.tagline,.ending-copy{max-width:620px;margin:24px auto 0;color:var(--text-soft);line-height:1.65}.primary-btn,.ghost-btn,.tool-btn,.next-btn,.prev-btn{border:1px solid rgba(255,255,255,.5);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);cursor:pointer;box-shadow:inset 0 1px #ffffff52,0 18px 34px -28px #002332b3;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.primary-btn{margin-top:42px;padding:14px 34px;border-color:color-mix(in srgb,var(--poster-red) 54%,white 8%);background:linear-gradient(135deg,#ed0805d1,#8008088a);color:var(--text-strong);font-size:.78rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.ghost-btn{margin-top:18px;padding:10px 18px;color:#002c40b8;background:#ebfaff85}.all-stories-btn{border:1px solid rgba(255,211,147,.34);border-radius:999px;padding:11px 18px;background:#0e0c08bd;color:#ffe2ad;font:700 .74rem/1 Avenir Next,Gill Sans,Trebuchet MS,ui-sans-serif,sans-serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.all-stories-btn:hover{transform:translateY(-2px);border-color:#ffd39399;background:#18140ed1}#storyModeBack span{margin-right:7px;color:#7ff5de}#reset{font-family:inherit;font-weight:400;font-size:.68rem;letter-spacing:.16em}:root[data-theme=retro] .primary-btn{border-color:#ff9f3fa8;background:linear-gradient(135deg,#ff9f3fdb,#8f411d9e);color:#130d04;box-shadow:0 18px 44px #00000052,0 0 28px #ff9f3f29,inset 0 1px #fff1ca47}:root[data-theme=retro] .ghost-btn,:root[data-theme=retro] .tool-btn,:root[data-theme=retro] .next-btn,:root[data-theme=retro] .prev-btn,:root[data-theme=retro] .statusbar,:root[data-theme=retro] .scene-pill,:root[data-theme=retro] .note-pill{border-color:#ff9f3f38;background:#0e0d08a8;color:#ffe2b2cc;box-shadow:inset 0 1px #ffd38a1a,0 14px 34px #00000042}:root[data-theme=pop90] .primary-btn{border:3px solid #131555;border-radius:6px;background:linear-gradient(135deg,#ffcf32 0,#ffcf32 48%,#ff2f82 48%,#ff2f82);color:#131555;font-family:var(--cinema-block);font-size:.84rem;font-weight:900;box-shadow:5px 5px #36d8c6,9px 9px #13155552}:root[data-theme=pop90] .ghost-btn,:root[data-theme=pop90] .tool-btn,:root[data-theme=pop90] .next-btn,:root[data-theme=pop90] .prev-btn,:root[data-theme=pop90] .statusbar,:root[data-theme=pop90] .scene-pill,:root[data-theme=pop90] .note-pill{border:2px solid rgba(19,21,85,.52);border-radius:6px;background:#fffce2d1;color:#131555;box-shadow:4px 4px #ff2f8261,inset 0 1px #ffffff9e}:root[data-theme=pop90] .statusbar,:root[data-theme=pop90] .scene-pill,:root[data-theme=pop90] .note-pill{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:900}.primary-btn:hover,.ghost-btn:hover,.tool-btn:hover,.next-btn:hover,.prev-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 54%,white 8%);box-shadow:0 22px 60px -26px color-mix(in srgb,var(--accent) 56%,transparent),inset 0 1px #ffffff1f}.intro{display:grid;place-items:center;background:radial-gradient(70% 54% at 50% 44%,rgba(255,255,255,.26),transparent 68%),transparent}.story-map-screen{position:fixed;top:0;right:0;bottom:0;left:0;padding:clamp(18px,3vw,42px);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.2vh,26px)}.story-map-screen>#soundPanelHost{position:absolute}.story-map-screen:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.08) 49%,transparent 56% 100%),radial-gradient(48% 26% at 50% 52%,rgba(51,152,199,.12),transparent 72%);mix-blend-mode:screen;opacity:.12;animation:mapSignalSweep 12s ease-in-out infinite}.story-map-stack{width:min(1320px,96vw);flex:0 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center}.story-map-head{position:relative;z-index:2;margin:0 auto;width:min(760px,calc(100vw - 40px));text-align:center}.story-map-head p:last-child{margin:10px auto 0;max-width:660px;color:var(--text-soft);line-height:1.45;font-size:.92rem}.story-map-title{margin:0;color:var(--text-strong);font-family:var(--cinema-block);font-style:normal;font-weight:900;font-size:clamp(2.8rem,6.8vw,6.4rem);line-height:.82;letter-spacing:0;text-transform:uppercase;color:var(--poster-red);text-shadow:0 0 22px rgba(237,8,5,.2),0 2px 0 rgba(0,0,0,.46)}.story-map-title--medium{font-size:clamp(2.1rem,5.4vw,4.4rem);line-height:.88}.story-map-title--long{font-size:clamp(1.5rem,4vw,3.2rem);line-height:.94}.story-map{position:relative;z-index:2;width:min(1320px,96vw);margin-top:clamp(16px,2vh,28px);color:var(--text);flex:0 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}.story-map-svg{width:auto;height:auto;max-width:100%;max-height:100%;overflow:visible;filter:drop-shadow(0 25px 60px rgba(0,0,0,.28))}.story-map-svg text{font-family:var(--sans);fill:var(--text)}.fine-path{fill:none;stroke:color-mix(in srgb,var(--text-soft) 28%,transparent);stroke-width:1.05;stroke-dasharray:1 13;stroke-dashoffset:64;opacity:0;animation-name:fineReveal,fineFlow;animation-duration:1.4s,10s;animation-timing-function:ease,linear;animation-delay:var(--path-delay, .42s),calc(var(--path-delay, .42s) + .9s);animation-fill-mode:forwards,none;animation-iteration-count:1,infinite}.fine-1,.fine-4{stroke:color-mix(in srgb,var(--accent-a) 32%,rgba(210,220,255,.2))}.fine-2,.fine-6{stroke:color-mix(in srgb,var(--accent-b) 34%,rgba(210,220,255,.2))}.known-path{fill:none;stroke-width:3.8;stroke-linecap:round;filter:url(#mapGlow);stroke-dasharray:1200;stroke-dashoffset:1200;animation:pathDraw 2.8s cubic-bezier(.22,1,.36,1) 1.45s forwards}.path-a{stroke:var(--accent-a)}.path-b{stroke:var(--accent-b);animation-delay:1.7s}.path-c{stroke:var(--accent-c);animation-delay:1.58s}.converge-path{stroke:color-mix(in srgb,#ffffff 64%,var(--accent-c) 36%);stroke-width:2.4;opacity:.92;animation-delay:2.65s}.protagonist-node circle,.ending circle{fill:#ffffff09;stroke:color-mix(in srgb,var(--text-soft) 72%,transparent);stroke-width:2}.ending-a circle{stroke:var(--accent-a)}.ending-b circle{stroke:var(--accent-b)}.ending-c{animation-delay:3.1s}.ending-c circle{stroke:var(--accent-c)}.convergence-node{animation-delay:3.55s}.convergence-node circle{fill:#ffffff14;stroke:color-mix(in srgb,#ffffff 72%,var(--accent-c) 28%);stroke-width:2.2}.node-pop{opacity:0;transform-box:fill-box;transform-origin:center;animation:nodePop .75s cubic-bezier(.2,.9,.2,1) forwards}.ending-a{animation-delay:3s}.ending-b{animation-delay:3.2s}.path-game{position:relative;z-index:6;flex:0 0 auto;width:min(980px,calc(100vw - 32px));display:grid;gap:12px;justify-items:center;pointer-events:auto}.path-start{min-width:210px}.node-icon,.end-icon{font-family:var(--serif);font-size:34px;fill:var(--text)}.node-label{font-size:23px;fill:var(--text)}.end-title{font-size:18px;font-weight:600;fill:var(--text)}.end-copy{font-size:14px;fill:var(--text-soft)}.convergence-node .end-title{font-weight:800}.milestone{opacity:0;animation:milestoneIn .55s ease forwards}.milestone-0{animation-delay:2.2s}.milestone-1{animation-delay:2.48s}.milestone-2{animation-delay:2.76s}.milestone line{stroke:var(--line-strong);stroke-width:1}.milestone circle{fill:var(--text-faint)}.mile-icon{font-family:var(--serif);font-size:32px;fill:var(--text-soft)}.mile-label{font-size:17px;fill:var(--text)}.mile-sub{font-size:12px;fill:var(--text-faint)}.map-legend{display:flex;justify-content:center;gap:clamp(18px,6vw,76px);flex-wrap:wrap;margin-top:-20px}.map-legend span{display:grid;grid-template-columns:42px minmax(140px,210px);grid-template-rows:auto auto;align-items:center;column-gap:12px;color:var(--text-soft)}.map-legend i{grid-row:1 / span 2;display:block}.map-legend b{font-size:.96rem;font-weight:500}.map-legend em{color:var(--text-faint);font-style:normal;font-size:.8rem;line-height:1.35}.legend-end{width:22px;height:22px;border:1.5px solid var(--accent-a);border-radius:50%}.legend-known{height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent-a),var(--accent-b))}.legend-fine{height:0;border-top:3px dotted rgba(210,220,255,.42)}@keyframes pathDraw{to{stroke-dashoffset:0}}@keyframes fineFlow{to{stroke-dashoffset:-120}}@keyframes fineReveal{0%{opacity:0;filter:blur(5px)}to{opacity:.38;filter:blur(0)}}@keyframes mapSignalSweep{0%,to{transform:translate(-8%) skew(-2deg);opacity:.12}45%{opacity:.34}58%{transform:translate(8%) skew(2deg);opacity:.2}}@keyframes nodePop{0%{opacity:0;transform:scale(.82);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes milestoneIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.countdown{font-family:var(--serif);font-style:normal;font-size:clamp(6rem,18vw,13rem);color:#ebfff8c7;animation:pulse 1.05s ease both}.reel-intro{display:grid;place-items:center;align-content:center;gap:22px;background:radial-gradient(42% 42% at 50% 48%,rgba(255,255,255,.28),transparent 68%),transparent}.reel-loader{position:relative;width:clamp(150px,24vw,280px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 42px rgba(51,152,199,.16))}.reel-disc{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(215,200,156,.34);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(238,230,200,.18) 0 7%,transparent 8%),radial-gradient(circle at 50% 50%,rgba(2,5,5,.44) 0 24%,transparent 25%),repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.06) 0 2px,transparent 2px 8px),#070a0994;animation:reelSpin 1.7s linear infinite}.reel-disc span{position:absolute;left:50%;top:50%;width:38%;height:15%;margin-top:-7.5%;border-radius:999px;background:#00000080;transform-origin:0 50%}.reel-disc span:nth-child(1){transform:rotate(0) translate(23%)}.reel-disc span:nth-child(2){transform:rotate(60deg) translate(23%)}.reel-disc span:nth-child(3){transform:rotate(120deg) translate(23%)}.reel-disc span:nth-child(4){transform:rotate(180deg) translate(23%)}.reel-disc span:nth-child(5){transform:rotate(240deg) translate(23%)}.reel-disc span:nth-child(6){transform:rotate(300deg) translate(23%)}.reel-core{position:relative;z-index:2;width:18%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(235,230,210,.32);background:#ebe6d21a}.film-tail{position:absolute;left:58%;top:56%;width:48%;height:11px;border-top:1px solid rgba(215,200,156,.25);border-bottom:1px solid rgba(215,200,156,.2);transform:rotate(14deg)}.reel-status{min-height:1em;margin:0;color:#0c121ae0;font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-shadow:0 1px 6px rgba(255,255,255,.35)}:root[data-theme=retro] .reel-status{color:var(--text);text-shadow:0 1px 8px rgba(0,0,0,.6)}@keyframes reelSpin{to{transform:rotate(360deg)}}.crt-off{width:100vw;height:100vh;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.07) 0 1px,transparent 1px 4px),linear-gradient(90deg,rgba(255,80,80,.08),transparent 35%,rgba(80,255,220,.08)),radial-gradient(90% 90% at 50% 50%,color-mix(in srgb,var(--accent) 20%,white 10%),#050409fa 62%);animation:crtPower .98s cubic-bezier(.7,0,.3,1) forwards;transform-origin:center}@keyframes crtPower{0%{transform:scaleY(1) scaleX(1);filter:brightness(1);opacity:1}40%{transform:scaleY(1.02) scaleX(.98);filter:brightness(1.6) saturate(1.4);opacity:1}62%{transform:scaleY(.012) scaleX(1);filter:brightness(4.2) saturate(1.8);opacity:1}82%{transform:scaleY(.012) scaleX(.04);filter:brightness(6);opacity:1}to{transform:scaleY(.008) scaleX(0);filter:brightness(7);opacity:0}}@keyframes pulse{0%{opacity:0;transform:scale(.94);filter:blur(8px)}35%{opacity:.9;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.04);filter:blur(3px)}}.story-screen{background:var(--bg-0)}.story-screen:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:radial-gradient(40% 30% at 50% 42%,transparent,rgba(0,0,0,.18)),linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.035) 50%,transparent 52% 100%);mix-blend-mode:screen;opacity:.38;animation:dreamSweep 9s ease-in-out infinite}@keyframes dreamSweep{0%,to{transform:translate(-3%) skew(-2deg);opacity:.18}45%{opacity:.42}52%{transform:translate(4%) skew(2deg);opacity:.28}}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.12) translate3d(1.5%,-1%,0)}}.topbar,.soundbar{position:fixed;z-index:20;top:16px;display:flex;align-items:center;gap:10px}.topbar{left:18px}.soundbar{right:18px}.ageometer{position:fixed;z-index:22;top:70px;left:18px;width:min(270px,calc(100vw - 36px));padding:10px 13px 9px;border:1px solid color-mix(in srgb,var(--accent) 42%,var(--line));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 55%),#050a0dc2;box-shadow:0 12px 34px #00000052,inset 0 0 24px #ffffff06;-webkit-backdrop-filter:blur(16px) saturate(1.15);backdrop-filter:blur(16px) saturate(1.15);color:var(--text)}.ageometer-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ageometer-heading label{color:color-mix(in srgb,var(--accent) 76%,white);font-family:var(--display);font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.ageometer-heading output{font-family:var(--mono);font-size:.7rem;font-weight:800;letter-spacing:.08em}.ageometer input[type=range]{width:100%;height:18px;margin:5px 0 0;accent-color:var(--accent);cursor:pointer}.ageometer input[type=range]:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:3px;border-radius:999px}.ageometer-scale{position:relative;height:11px;color:var(--text-soft);font-family:var(--mono);font-size:.48rem;letter-spacing:.05em}.ageometer-scale span{position:absolute;top:0;transform:translate(-50%)}.ageometer-scale span:nth-child(1){left:0;transform:none}.ageometer-scale span:nth-child(2){left:41.666%}.ageometer-scale span:nth-child(3){left:91.666%}.ageometer-scale span:nth-child(4){right:0;transform:none}.ageometer p{min-height:2.6em;margin:6px 0 0;padding-top:6px;border-top:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));color:color-mix(in srgb,var(--text) 86%,var(--text-soft));font-family:var(--body);font-size:.64rem;font-weight:550;line-height:1.38;letter-spacing:.015em}.ageometer.is-scheduled{border-color:color-mix(in srgb,var(--accent) 74%,white 8%)}.ageometer.is-adapting input[type=range]{opacity:.72}.ageometer.is-adapting:after{content:"";position:absolute;top:12px;right:58px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:ageometerPulse 1s ease-in-out infinite}@keyframes ageometerPulse{50%{opacity:.3;transform:scale(.72)}}.statusbar{position:fixed;z-index:20;left:50%;top:16px;transform:translate(-50%);max-width:min(420px,calc(100vw - 220px));padding:9px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);color:var(--text);font-size:.68rem;letter-spacing:.16em;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}@media(max-width:680px){.ageometer{top:58px;left:50%;width:min(330px,calc(100vw - 28px));padding:8px 12px 7px;transform:translate(-50%)}.ageometer p{font-size:.6rem}.story-screen .statusbar{top:152px}.story-screen .lease-chip{top:184px}.story-screen .v2-graphbar{top:214px}.story-screen .story-rotate-hint{top:260px}}@media(orientation:landscape)and (max-height:520px)and (pointer:coarse){.ageometer{top:max(50px,calc(env(safe-area-inset-top) + 42px));left:max(12px,env(safe-area-inset-left));width:220px;padding:7px 10px 6px;transform:none}.ageometer p{display:none}}.v2-graphbar{position:fixed;z-index:20;left:50%;top:42px;transform:translate(-50%);width:max-content;max-width:min(820px,calc(100vw - 180px));padding:8px 14px;border:1px solid var(--line);border-radius:16px;background:#040f1475;-webkit-backdrop-filter:blur(12px) saturate(1.08);backdrop-filter:blur(12px) saturate(1.08);color:var(--text-soft);font-size:.66rem;line-height:1.35;letter-spacing:.1em;overflow:visible;text-align:center;text-transform:uppercase;white-space:normal}.live-frame{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .42s ease}.live-frame.has-frame{opacity:1}:root[data-theme=oracle] .live-frame.has-frame{animation:phosphorBreath 5.5s ease-in-out infinite}:root[data-theme=retro] .live-frame.has-frame{animation:retroTubeBreath 6s steps(12) infinite}:root[data-theme=pop90] .live-frame.has-frame{animation:pop90TapeBreath 4.8s steps(9) infinite}@keyframes phosphorBreath{0%,to{filter:contrast(1.12) saturate(.9) brightness(.92) hue-rotate(8deg)}50%{filter:contrast(1.2) saturate(.82) brightness(1.02) hue-rotate(14deg)}}@keyframes retroTubeBreath{0%,to{filter:contrast(1.1) saturate(.78) sepia(.22) hue-rotate(-10deg) brightness(.9)}50%{filter:contrast(1.2) saturate(.72) sepia(.3) hue-rotate(-14deg) brightness(1.02)}}@keyframes pop90TapeBreath{0%,to{filter:contrast(1.08) saturate(1.14) brightness(.96)}50%{filter:contrast(1.18) saturate(1.28) brightness(1.02) hue-rotate(-4deg)}}.intro-loading{position:fixed;z-index:8;left:50%;bottom:clamp(34px,8vh,76px);transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px 18px;border:1px solid var(--line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 60px #00000057}.intro-loading .loader-ring{width:24px;height:24px}.intro-loading p{display:none}.loader-ring{width:64px;height:64px;border-radius:50%;border:1px solid var(--line);border-top-color:var(--accent);box-shadow:0 0 28px color-mix(in srgb,var(--accent) 42%,transparent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.capacity-notice-backdrop{position:fixed;z-index:95;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#04080ec7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.capacity-notice{display:grid;justify-items:center;gap:6px;width:min(420px,100%);padding:28px 26px 26px;border:1px solid var(--line);border-radius:10px;background:var(--glass-strong);box-shadow:0 28px 90px #0000009e;text-align:center}.capacity-notice p{margin:0;color:var(--text-strong);font-size:.98rem;line-height:1.5}.capacity-notice .primary-btn{margin-top:22px}.consent-notice-backdrop{position:fixed;z-index:94;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(16px,5vw,32px);background:#04080eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.consent-notice{position:relative;width:min(100%,clamp(17rem,26vw + 8rem,34rem));padding:clamp(40px,6vw,52px) clamp(20px,3.4vw,40px) clamp(24px,3.4vw,40px);border:1px solid var(--line);border-radius:10px;background:var(--glass-strong);box-shadow:0 28px 90px #0000009e;text-align:center}.consent-notice p{margin:0;color:var(--text-strong);font-size:clamp(.9rem,.72rem + .5vw,1.2rem);line-height:1.55}.consent-notice-close{position:absolute;right:clamp(8px,1vw,14px);top:clamp(8px,1vw,14px);width:clamp(30px,2.6vw,38px);height:clamp(30px,2.6vw,38px);display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:var(--text-soft);cursor:pointer;font-size:clamp(1.25rem,1.4vw,1.6rem);line-height:1}.consent-notice-close:hover,.consent-notice-close:focus-visible{color:var(--text-strong);background:#ffffff14}.config-card{position:fixed;z-index:35;right:18px;top:72px;width:min(360px,calc(100vw - 36px));padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--glass-strong);box-shadow:0 24px 80px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.config-card h2{margin:0 0 12px;font-size:.95rem;font-weight:500}.sound-card{position:fixed;z-index:35;right:18px;top:72px;width:min(220px,calc(100vw - 36px));padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--glass-strong);box-shadow:0 24px 80px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sound-card-row{display:grid;gap:6px}.sound-card-row span{color:var(--text-soft);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.volume-slider{width:100%;accent-color:var(--accent)}.volume-row{display:flex;align-items:center;gap:10px}.sound-card .tool-btn{width:30px;height:30px;flex:none}.story-menu-card{position:fixed;z-index:35;right:18px;top:64px;display:flex;flex-direction:column;gap:4px;width:min(180px,calc(100vw - 36px));padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--glass-strong);box-shadow:0 24px 80px #0000008c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.story-menu-card button{display:flex;align-items:center;gap:10px;border:none;background:transparent;color:var(--text);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer}.story-menu-card button svg{flex:none;opacity:.85}.story-menu-card button:hover,.story-menu-card button:focus-visible{background:var(--glass);color:var(--text-strong)}.story-menu-card button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.soundbar .lease-chip{position:static;right:auto;top:auto}.field{display:grid;gap:6px;margin-top:10px}.field span{color:var(--text-soft);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.field input{width:100%;padding:10px 11px;border:1px solid var(--line);border-radius:8px;background:#0000003d;color:#fff;outline:none}.field input:focus{border-color:color-mix(in srgb,var(--accent) 56%,white 8%)}.config-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.service-dot{width:9px;height:9px;border-radius:50%;background:#777;box-shadow:0 0 0 4px #ffffff0a}.service-dot.ready{background:#6ee7b7}.service-dot.error{background:#f77}.mini-copy{margin:10px 0 0;color:var(--text-faint);font-size:.78rem;line-height:1.45}.scene-pill,.note-pill{max-width:min(340px,48vw);padding:9px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-btn{width:40px;height:40px;display:grid;place-items:center;padding:0}.tool-btn.is-active{border-color:#e879f99e;background:#e879f93d;box-shadow:0 0 0 4px #e879f91f}.tool-btn:disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.lasso-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16;width:100vw;height:100vh;touch-action:none;cursor:crosshair}.draw-hint{position:fixed;left:50%;transform:translate(-50%);z-index:29;padding:7px 14px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#08080e6b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffad;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.draw-hint{top:66px}.debug-trigger{position:fixed;z-index:18;left:18px;bottom:18px;padding:8px 13px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#08080e6b;color:#ffffff94;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.debug-panel{position:fixed;z-index:75;left:18px;bottom:58px;width:min(520px,calc(100vw - 36px));max-height:min(460px,calc(100vh - 120px));display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#07070cc7;color:#ffffffc7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 80px #00000073}.debug-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.debug-head button{border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff14;color:#ffffffad;cursor:pointer}.debug-panel dl{display:grid;grid-template-columns:70px 1fr;gap:4px 10px;margin:0;font-size:.78rem}.debug-panel dt{color:#ffffff6b}.debug-panel dd{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff14;color:#ffffffc7;font:inherit}.debug-panel pre{min-height:160px;margin:0;overflow:auto;white-space:pre-wrap;color:#ffffffb8;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;line-height:1.45}.voice-debug-panel{position:fixed;z-index:24;left:18px;bottom:64px;width:min(320px,calc(100vw - 48px));padding:11px 14px 13px;border:1px solid rgba(51,152,199,.18);border-radius:10px;background:#04100f94;color:#e8fff6d6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 58px #00000057}.voice-debug-panel span{display:block;margin-bottom:5px;color:var(--text-faint);font-size:.58rem;letter-spacing:.24em;text-transform:uppercase}.voice-debug-panel p{margin:0;max-height:72px;overflow:auto;font-size:.86rem;line-height:1.35}.realtime-narrator-panel{position:fixed;z-index:24;left:18px;bottom:168px;width:min(380px,calc(100vw - 48px));padding:12px 15px 14px;border:1px solid rgba(244,197,66,.22);border-radius:10px;background:linear-gradient(135deg,#f4c5421a,#3398c714),#04100f9e;color:#fcf7dee6;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08);box-shadow:0 18px 58px #00000057,inset 0 1px #ffffff1a}.realtime-narrator-panel span{display:block;margin-bottom:6px;color:#f4c542c7;font-size:.58rem;letter-spacing:.24em;text-transform:uppercase}.realtime-narrator-panel p{margin:0;max-height:90px;overflow:auto;font-size:.88rem;line-height:1.4}.realtime-narrator-panel.is-connected{border-color:#74c6e357}.realtime-narrator-panel.is-error{border-color:#ff78786b;color:#ffdcdceb}.self-feed{position:fixed;z-index:22;right:24px;bottom:24px;width:112px;height:112px;border:1px solid rgba(51,152,199,.24);border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.08),transparent 55%),#020808a8;box-shadow:0 18px 62px #0000006b,0 0 38px #3398c724;overflow:visible}.self-feed video{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%;transform:scaleX(-1);opacity:.82;filter:contrast(1.04) saturate(.72) brightness(.86)}.self-feed:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 52%,rgba(0,0,0,.3)),repeating-linear-gradient(to bottom,rgba(255,255,255,.08) 0 1px,transparent 1px 5px);mix-blend-mode:soft-light}.voice-btn,.camera-btn{position:absolute;bottom:-3px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#051211c7;color:var(--poster-red);cursor:pointer;box-shadow:0 10px 34px #0000006b}.voice-btn{right:-3px}.camera-btn{left:-3px}.self-feed.has-camera .camera-btn{color:#74c6e3f2}.self-feed.is-recording{border-color:#ff9a7eb8;box-shadow:0 18px 62px #0000006b,0 0 48px #ff9a7e52}.self-feed.is-listening{border-color:#3398c794}.self-feed.is-recording .voice-btn{color:#ffb098}.self-feed.is-listening .voice-btn,.voice-btn.is-active{color:#74c6e3f2}.self-feed.is-connecting .voice-btn{color:#ffffff8c}.self-feed.is-connecting .voice-btn:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#ffffffeb;animation:mic-connect-spin .8s linear infinite;pointer-events:none}@keyframes mic-connect-spin{to{transform:rotate(360deg)}}.app-shell:has(.story-screen) .crt-glass:not(.story-tv-effect),.app-shell:has(.story-screen) .signal-noise:not(.story-tv-effect),.app-shell:has(.story-screen) .grain:not(.story-tv-effect){display:none}.crt-glass.story-tv-effect{position:absolute;z-index:15}.grain.story-tv-effect{position:absolute;z-index:16}.signal-noise.story-tv-effect{position:absolute;z-index:17}.app-shell.is-frame-streaming .crt-glass,.app-shell.is-frame-streaming .signal-noise,.app-shell.is-frame-streaming .grain,.app-shell.is-frame-streaming .story-tv-effect,.app-shell.is-frame-streaming .aurora,.app-shell.is-frame-streaming .cinema-depth{display:none}.caption{position:fixed;z-index:12;left:50%;bottom:126px;transform:translate(-50%);width:min(820px,calc(100vw - 54px));text-align:center;font-family:var(--serif);font-size:clamp(1.1rem,2.5vw,1.65rem);line-height:1.5;text-shadow:0 2px 18px rgba(0,0,0,.92)}.chapter-dots{position:fixed;z-index:18;left:50%;bottom:24px;transform:translate(-50%);display:flex;gap:10px}.dot{width:8px;height:8px;border-radius:999px;background:#ffffff42}.dot.done{background:color-mix(in srgb,var(--accent) 72%,white 8%)}.dot.active{width:24px;background:#fff}.next-btn,.prev-btn{position:fixed;z-index:18;bottom:152px;padding:12px 21px;background:linear-gradient(120deg,#ed08059e,#3398c738);text-transform:uppercase;letter-spacing:.15em;font-size:.72rem}.next-btn{right:26px}.prev-btn{left:26px}.prev-btn .nav-arrow,.next-btn .nav-arrow{display:none}.wizard-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px calc(40px + env(safe-area-inset-bottom,0px));color:var(--text);text-align:center}.wizard-heading{margin:0 0 12px;font-family:var(--cinema-block);font-style:normal;font-weight:900;letter-spacing:0;text-transform:uppercase;font-size:clamp(1.5rem,4vw,2.1rem);color:var(--poster-red);text-shadow:0 2px 0 rgba(255,255,255,.24),0 8px 22px rgba(1,28,42,.18)}.wizard-topbar{position:fixed;z-index:20;right:18px;top:16px;display:flex;align-items:center;gap:10px}.wizard-skip{margin-top:0;padding:9px 16px;font-family:Avenir Next,Gill Sans,Trebuchet MS,ui-sans-serif,sans-serif;font-weight:700;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase}.wizard-skip span{display:inline-block;margin-left:.35em;color:var(--accent);transition:transform .16s ease}.wizard-skip:hover span,.wizard-skip:focus-visible span{transform:translate(3px)}.wizard-card{width:min(520px,100%);padding:24px 22px 20px;border:1px solid rgba(255,255,255,.52);border-radius:22px;background:linear-gradient(180deg,#ffffffb8,#e4f5fb85),#eaf8fc94;box-shadow:0 14px 34px #0836481f,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(5px) saturate(1.02);backdrop-filter:blur(5px) saturate(1.02)}:root[data-theme=retro] .wizard-card{border-color:#ffc56f42;background:linear-gradient(180deg,#1e1a0fe6,#0a0d0adb),#070805d1;box-shadow:0 18px 42px #00000061,0 0 0 1px #6fe7cd0f,inset 0 1px #ffdd9f1f}:root[data-theme=pop90] .wizard-card{border:3px solid #131555;border-radius:16px;background:linear-gradient(180deg,#fffce2f5,#fff4aee0);box-shadow:8px 8px #ff2f82b8,14px 14px #36d8c69e,0 22px 40px #1215532e;-webkit-backdrop-filter:none;backdrop-filter:none}.wizard-progress{display:flex;justify-content:center;gap:8px;margin-bottom:16px}.wizard-dot{width:7px;height:7px;border-radius:999px;background:#0c121a38;transition:width .18s ease,background .18s ease}.wizard-dot.done{background:color-mix(in srgb,var(--accent) 72%,white 8%)}.wizard-dot.active{width:20px;background:#0c121ad1}:root[data-theme=retro] .wizard-dot{background:#ffffff3d}:root[data-theme=retro] .wizard-dot.active{background:#fff}.wizard-icon{width:60px;height:60px;margin:0 auto 14px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:var(--glass);box-shadow:inset 0 1px #ffffff52,0 18px 34px -28px #002332b3;font-size:1.5rem;color:var(--text-strong)}.wizard-title{margin:0 0 6px;font-family:var(--serif);font-size:1.3rem;line-height:1.2;min-height:2.4em;display:flex;align-items:center;justify-content:center;color:#0c121aeb}.wizard-desc{margin:0 0 14px;font-size:.92rem;line-height:1.55;min-height:4.65em;color:#0c121aad}:root[data-theme=retro] .wizard-title{color:var(--text-strong)}:root[data-theme=retro] .wizard-desc{color:var(--text-soft)}.wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.wizard-actions .ghost-btn,.wizard-actions .primary-btn{margin-top:0;white-space:nowrap}.wizard-back:disabled{opacity:.32;cursor:not-allowed;pointer-events:none}.wizard-list-mode{justify-content:flex-start}.wizard-list-head{width:min(640px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.wizard-list-head .wizard-heading{margin:0}.wizard-list-head .wizard-topbar{position:static}.wizard-list{width:min(640px,100%);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding-bottom:18px}.wizard-row{display:grid;grid-template-columns:52px 1fr 96px;align-items:center;gap:14px;padding:14px;border:1px solid rgba(255,255,255,.52);border-radius:16px;background:linear-gradient(180deg,#ffffffb8,#e4f5fb85),#eaf8fc94;box-shadow:0 14px 34px #0836481f,inset 0 1px #ffffffad;-webkit-backdrop-filter:blur(5px) saturate(1.02);backdrop-filter:blur(5px) saturate(1.02);text-align:left}:root[data-theme=retro] .wizard-row{border-color:#ffc56f42;background:linear-gradient(180deg,#1e1a0fe6,#0a0d0adb),#070805d1;box-shadow:0 18px 42px #00000061,0 0 0 1px #6fe7cd0f,inset 0 1px #ffdd9f1f}:root[data-theme=pop90] .wizard-row{border:3px solid #131555;border-radius:12px;background:linear-gradient(180deg,#fffce2f5,#fff4aee0);box-shadow:5px 5px #ff2f82b8,9px 9px #36d8c69e;-webkit-backdrop-filter:none;backdrop-filter:none}.wizard-row .wizard-icon{width:44px;height:44px;margin:0;font-size:1.1rem}.wizard-row-text h3{margin:0 0 4px;font-size:.92rem;color:#0c121aeb}.wizard-row-text p{margin:0;font-size:.8rem;line-height:1.45;color:#0c121aad}:root[data-theme=retro] .wizard-row-text h3{color:var(--text-strong)}:root[data-theme=retro] .wizard-row-text p{color:var(--text-soft)}.wizard-start{margin-top:4px}.wizard-spotlight-screen #reimagine,.wizard-spotlight-screen #roughShape,.wizard-spotlight-screen #retryScene,.wizard-spotlight-screen #cameraCommand,.wizard-spotlight-screen #voiceCommand,.wizard-spotlight-screen #reset{cursor:default}.wizard-target-highlight{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent),0 0 26px 6px color-mix(in srgb,var(--accent) 45%,transparent);animation:wizard-target-pulse 1.6s ease-in-out infinite}@keyframes wizard-target-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent),0 0 26px 6px color-mix(in srgb,var(--accent) 45%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--accent) 30%,transparent),0 0 34px 10px color-mix(in srgb,var(--accent) 25%,transparent)}}.wizard-spotlight-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;pointer-events:none}.wizard-pointer{position:fixed;z-index:31;top:0;left:0;color:var(--accent);opacity:0;transition:opacity .2s ease;transform:translate(-50%,-50%);filter:drop-shadow(0 4px 10px rgba(0,0,0,.55))}.wizard-pointer.is-visible{opacity:1}.wizard-pointer-mirror.is-mirror-x{transform:scaleX(-1)}.wizard-pointer-mirror.is-mirror-y{transform:scaleY(-1)}.wizard-pointer-mirror.is-mirror-x.is-mirror-y{transform:scale(-1)}.wizard-pointer-glyph{display:block;animation:wizard-pointer-nudge 1.1s ease-in-out infinite}@keyframes wizard-pointer-nudge{0%,to{transform:translate(0)}50%{transform:translate(-6px,-6px)}}.wizard-spotlight-card{pointer-events:auto;width:min(440px,100%);text-align:center}.wizard-spotlight-heading{margin:0 0 14px;font-family:var(--cinema-block);font-weight:900;font-size:clamp(1rem,2.4vw,1.3rem);color:var(--accent)}.wizard-spotlight-card .wizard-title,.wizard-spotlight-card .wizard-desc{text-shadow:0 2px 16px rgba(0,0,0,.6),0 1px 0 rgba(0,0,0,.4)}.wizard-spotlight-card .wizard-spotlight-heading{text-shadow:0 2px 20px rgba(0,0,0,.75),0 1px 0 rgba(0,0,0,.5)}.wizard-actions-group{display:flex;align-items:center;gap:12px}.wizard-spotlight-card .wizard-actions .wizard-next{padding:11px 24px;font-size:.74rem}.wizard-spotlight-loading{display:flex;flex-direction:column;align-items:center;gap:22px}.wizard-skip-dim{opacity:.5}.wizard-skip-dim:hover,.wizard-skip-dim:focus-visible{opacity:.8}.panel-scrim,.chat-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:#0302089e;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.chat-scrim{background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.panel{position:relative;width:min(520px,calc(100vw - 42px));padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#0f0d18e0;box-shadow:0 30px 100px #000000a6}.panel h2{margin:0 0 14px;font-size:1rem;font-weight:500}.panel textarea{width:100%;min-height:108px;resize:vertical;border-radius:8px;padding:12px 13px;background:#00000047;border:1px solid rgba(255,255,255,.13);color:#fff;outline:none}.panel-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.ox-chat{position:relative;width:min(500px,calc(100vw - 42px));padding:28px 26px 22px;border:1px solid rgba(255,255,255,.68);border-radius:22px;background:#ffffffbd;color:#1c1d22;box-shadow:0 34px 110px #191c242e,0 12px 42px #191c241f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.ox-chat-close{position:absolute;right:16px;top:13px;width:28px;height:28px;display:grid;place-items:center;border:none;border-radius:50%;background:transparent;color:#1c1d2270;cursor:pointer;font-size:1.2rem}.ox-chat-close:hover{color:#1c1d22e6;background:#ffffff80}.ox-chat-mark{margin-bottom:10px;color:#c32325d1;font-size:1rem;letter-spacing:.12em}.ox-chat h2{margin:0 0 14px;color:#26272d;font-size:1rem;font-weight:500}.ox-chat textarea{width:100%;min-height:104px;resize:vertical;border:1px solid rgba(35,38,45,.11);border-radius:15px;padding:13px 14px;background:#ffffff94;color:#1f2229;outline:none;line-height:1.45;box-shadow:inset 0 1px #ffffffb3}.ox-chat textarea:focus{border-color:#c3232557}.ox-chat textarea::placeholder{color:#20232b6b}.ox-chat-status{min-height:18px;margin:9px 0 0;color:#c32325d1;font-size:.78rem;line-height:1.35}.ox-chat-status.is-error{color:#c32325;font-weight:600}.ox-chat-actions{display:flex;justify-content:flex-end;margin-top:14px}.ox-chat-submit{padding:10px 20px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffffad;color:#1c1d22db;box-shadow:0 12px 30px #191c241f;cursor:pointer;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.ox-chat-submit:hover{background:#ffffffeb}.fade-in{animation:fadeIn .68s cubic-bezier(.2,.9,.2,1) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) scale(.992);filter:blur(10px) brightness(1.4)}65%{opacity:1;filter:blur(0) brightness(1.08)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0) brightness(1)}}@media(max-width:980px){.library{align-content:start}.story-strip{grid-template-columns:repeat(3,minmax(0,1fr));width:min(860px,100%)}}@media(max-width:680px){.version-grid{grid-template-columns:1fr}.version-card{min-height:168px}.theme-picker,.login-card .theme-picker{grid-template-columns:1fr}.library{align-content:start;gap:0;padding:0 14px 44px}.front-page{min-height:100svh;padding:78px 0 40px}.front-page .library-title{font-size:clamp(3.2rem,18vw,5.5rem)}.living-graph{width:calc(100vw - 20px);min-height:390px;height:390px;aspect-ratio:auto;margin-top:28px}.graph-canvas{top:14%;right:-7%;bottom:8%;left:-7%;width:114%;height:76%}.signal-context{display:none}.signal-voice{left:4%;top:15%}.signal-gesture{right:4%;top:15%}.signal-gaze{left:4%;bottom:13%}.signal-draw{right:4%;bottom:13%}.graph-legend{right:auto;left:50%;bottom:12px;width:max-content;gap:9px;transform:translate(-50%);font-size:.47rem}.story-manifesto{grid-template-columns:1fr;gap:24px;padding:86px 4px}.manifesto-copy h2{font-size:clamp(2.7rem,13vw,4.2rem)}.manifesto-copy>p{margin-top:28px}.manifesto-copy blockquote{margin-top:42px}.manifesto-aside{margin-top:24px}.story-shelf{padding-top:86px}.story-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.story-card{padding:7px 7px 10px}.story-art{aspect-ratio:4 / 3}.story-name{font-size:.95rem}.story-map{width:98vw;margin-top:14px}.map-legend{gap:8px;margin-top:-12px;transform:scale(.82);transform-origin:top center}.map-legend span{grid-template-columns:28px minmax(110px,1fr)}.story-map-head p:last-child{display:none}.path-game{width:calc(100vw - 20px);gap:8px}.path-start{min-width:170px;padding:10px 18px}.caption{bottom:152px}.prev-btn .nav-label,.next-btn .nav-label{display:none}.prev-btn .nav-arrow,.next-btn .nav-arrow{display:block;line-height:1}.prev-btn,.next-btn{width:46px;height:46px;padding:0;border-radius:50%;bottom:58px;display:grid;place-items:center;font-size:1.5rem;letter-spacing:0}.prev-btn{left:auto;right:50%;transform:translate(-8px)}.prev-btn:hover{transform:translate(-8px) translateY(-2px)}.next-btn{left:50%;right:auto;transform:translate(8px)}.next-btn:hover{transform:translate(8px) translateY(-2px)}.topbar{left:14px;gap:8px}.soundbar{right:14px;gap:8px}.topbar .scene-pill,.soundbar .note-pill{display:none}.tool-btn{width:36px;height:36px}.statusbar{top:64px;max-width:calc(100vw - 36px)}.v2-graphbar{top:96px;max-width:calc(100vw - 36px)}.interaction-feedback{top:156px}.self-feed{right:16px;bottom:88px;width:82px;height:82px}.voice-btn,.camera-btn{width:30px;height:30px}.voice-debug-panel{left:14px;bottom:54px;width:min(280px,calc(100vw - 28px))}.realtime-narrator-panel{left:14px;bottom:146px;width:min(300px,calc(100vw - 28px));padding:10px 12px 12px}}.front-page{min-height:100vh;padding:clamp(46px,6vh,68px) 0 28px;grid-template-columns:minmax(400px,.86fr) minmax(620px,1.24fr);grid-template-rows:1fr;align-items:stretch;gap:clamp(28px,3.2vw,54px)}.front-stage{min-height:0;grid-template-columns:1fr;grid-template-rows:auto minmax(220px,1fr);align-content:center;gap:clamp(22px,3.5vh,34px)}.front-page-head{max-width:520px}.front-page-head .library-title{font-size:clamp(4.4rem,7vw,7.4rem)}.front-stage .living-graph{align-self:end;width:100%;height:clamp(230px,34vh,330px);min-height:230px;border-radius:18px}.front-stage .graph-canvas{top:10%;right:4%;bottom:9%;left:4%;width:92%;height:78%}.front-stage .moment-simple{opacity:.66}.front-page .story-shelf{min-width:0;padding:clamp(20px,2.5vw,32px);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-items:stretch;gap:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 38%),color-mix(in srgb,var(--glass) 58%,transparent);box-shadow:0 28px 70px #00000038,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.front-page .story-shelf .library-head{display:block;margin:0;text-align:left}.front-page .story-shelf .library-head h2{max-width:600px;margin-top:9px;font-size:clamp(2rem,3.4vw,3.5rem);line-height:.96}.front-page .story-strip{align-self:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,18px)}.front-page .story-card,:root[data-theme=retro] .front-page .story-card,:root[data-theme=pop90] .front-page .story-card{gap:9px;padding:7px 7px 10px;border-color:var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),color-mix(in srgb,var(--glass-strong) 76%,transparent);box-shadow:0 12px 28px #00000030,inset 0 1px #ffffff0d}.front-page .story-name{min-height:2em;color:var(--text-strong);font-size:clamp(.68rem,.88vw,.88rem)}.front-page .front-page-credit{align-self:end}@media(max-width:1040px){.front-page{grid-template-columns:1fr;grid-template-rows:auto auto}.front-stage{grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);grid-template-rows:auto;align-items:center}.front-stage .living-graph{align-self:center}.front-page .story-shelf{padding:24px}}@media(max-width:680px){.front-page{padding-top:76px;grid-template-columns:1fr;gap:34px}.front-stage{grid-template-columns:1fr;grid-template-rows:auto auto}.front-page-head{text-align:center}.front-page-summary,.front-page-possibilities{margin-right:auto;margin-left:auto}.front-stage .living-graph{height:300px;min-height:300px}.graph-inputs{right:50%;width:max-content;transform:translate(50%);font-size:.48rem}.front-page .story-shelf{padding:20px 12px}.front-page .story-shelf .library-head{display:block;text-align:center}.front-page .story-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media(min-width:1041px){.front-page{height:100vh;min-height:680px;grid-template-columns:minmax(400px,.86fr) minmax(620px,1.24fr);grid-template-rows:1fr}.front-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(220px,1fr)}.front-page .story-shelf{padding:clamp(20px,2.5vw,32px);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-items:stretch;gap:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 38%),color-mix(in srgb,var(--glass) 58%,transparent);box-shadow:0 28px 70px #00000038,inset 0 1px #ffffff0d}.front-page .story-shelf .library-head{display:block;margin:0;text-align:left}.front-page .story-shelf .library-head h2{max-width:600px;margin-top:9px;font-size:clamp(2rem,3.4vw,3.5rem)}.front-page .story-strip{align-self:center;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,18px)}.front-page .story-card,:root[data-theme=retro] .front-page .story-card,:root[data-theme=pop90] .front-page .story-card{gap:9px;padding:7px 7px 10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),color-mix(in srgb,var(--glass-strong) 76%,transparent);box-shadow:0 12px 28px #00000030,inset 0 1px #ffffff0d}}@media(min-width:681px)and (max-width:1040px){.version-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.lease-chip{position:fixed;z-index:20;right:18px;top:64px;padding:9px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);color:var(--text);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-variant-numeric:tabular-nums}.lease-chip.is-expired{opacity:.55}.lease-chip.is-queued{border-color:color-mix(in srgb,#e0a458 60%,var(--line));color:#e0a458}.tv-set{display:contents}@media(orientation:portrait){.story-screen{background:radial-gradient(120% 80% at 50% 30%,#0c1016,#04060a 70%)}.movie-backdrop{display:none}.tv-set{display:block;position:fixed;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:min(94vw,78vh);padding:18px 18px 30px;border-radius:20px;background:linear-gradient(155deg,rgba(255,255,255,.07) 0 18%,transparent 40%),linear-gradient(180deg,#4a3524,#382718 46%,#2a1c10);box-shadow:0 16px 50px #000000a6,inset 0 1px #ffffff24,inset 0 -3px 8px #00000080}.tv-set .live-frame{position:static;inset:auto;display:block;width:100%;height:auto;object-fit:unset;border-radius:12px 12px 14px 14px;background:#000;border:4px solid #101114;box-shadow:inset 0 0 22px #000c}.tv-set:after{content:"";position:absolute;top:18px;right:18px;bottom:30px;left:18px;border-radius:12px;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0 1px,transparent 1px 3px),radial-gradient(130% 90% at 30% 12%,rgba(255,255,255,.12) 0 18%,transparent 42%)}.tv-set:before{content:"";position:absolute;left:50%;bottom:10px;transform:translate(-50%);width:42%;height:8px;border-radius:4px;background:repeating-linear-gradient(90deg,#0000008c 0,#0000008c 5px,#ffffff1f 5px,#ffffff1f 7px,#0000008c 7px,#0000008c 12px);opacity:.7}.topbar{top:max(10px,env(safe-area-inset-top));left:10px;gap:6px;max-width:calc(100vw - 150px)}.scene-pill{max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundbar{top:max(10px,env(safe-area-inset-top));right:10px;gap:6px}.soundbar .note-pill{max-width:26vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar{top:62px;max-width:92vw}.lease-chip{top:100px;right:50%;transform:translate(50%)}.v2-graphbar{top:128px;max-width:94vw}.story-rotate-hint{top:176px}.caption{bottom:max(12px,env(safe-area-inset-bottom))}}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{display:flex;align-items:center;gap:8px;margin-top:6px;padding:8px 14px;border-radius:999px;background:#00000073;border:1px solid rgba(255,255,255,.18);color:#ffffffeb;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}.rotate-hint:before{content:"";width:14px;height:20px;border:2px solid currentColor;border-radius:4px;transform:rotate(90deg);animation:rotateHintTwist 2.2s ease-in-out infinite}}@keyframes rotateHintTwist{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(90deg)}to{transform:rotate(90deg)}}.story-rotate-hint{position:fixed;z-index:20;top:64px;left:50%;transform:translate(-50%);margin:0}@media(orientation:landscape)and (max-height:520px)and (pointer:coarse){.topbar{top:max(8px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));gap:6px}.scene-pill{max-width:30vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundbar{top:max(8px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));gap:6px}.statusbar{top:max(8px,env(safe-area-inset-top));max-width:min(340px,calc(100vw - 460px))}.lease-chip{top:52px;right:max(12px,env(safe-area-inset-right))}.story-rotate-hint{display:none}.next-btn,.prev-btn{bottom:max(14px,env(safe-area-inset-bottom));padding:10px 16px}.next-btn{right:max(14px,env(safe-area-inset-right))}.prev-btn{left:max(14px,env(safe-area-inset-left))}.caption{bottom:max(44px,calc(env(safe-area-inset-bottom) + 34px));width:min(560px,calc(100vw - 300px));font-size:.78rem}.chapter-dots{bottom:max(10px,env(safe-area-inset-bottom))}.self-feed{width:74px;height:74px;right:max(12px,env(safe-area-inset-right));bottom:max(64px,calc(env(safe-area-inset-bottom) + 54px))}.debug-trigger{bottom:max(8px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));opacity:.5}}@media(min-width:1041px){.front-page{width:min(1420px,100%);height:100vh;min-height:680px;padding:clamp(46px,6vh,68px) 0 28px;display:grid;grid-template-columns:minmax(400px,.86fr) minmax(620px,1.24fr);grid-template-rows:1fr;align-items:stretch;gap:clamp(28px,3.2vw,54px)}.front-stage{grid-template-columns:1fr;grid-template-rows:auto minmax(220px,1fr);align-content:center;gap:clamp(22px,3.5vh,34px)}.front-stage .living-graph{align-self:end;width:100%;height:clamp(230px,34vh,330px);min-height:230px;margin:0}.front-page .story-shelf{min-width:0;width:100%;padding:clamp(20px,2.5vw,32px);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-items:stretch;gap:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 38%),color-mix(in srgb,var(--glass) 58%,transparent);box-shadow:0 28px 70px #00000038,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.front-page .story-shelf .library-head{display:block;margin:0;text-align:left}.front-page .story-shelf .library-head h2{max-width:600px;margin-top:9px;font-size:clamp(2rem,3.4vw,3.5rem);line-height:.96}.front-page .story-strip{align-self:center;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,18px)}.front-page .story-card,:root[data-theme=retro] .front-page .story-card,:root[data-theme=pop90] .front-page .story-card{gap:9px;padding:7px 7px 10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),color-mix(in srgb,var(--glass-strong) 76%,transparent);box-shadow:0 12px 28px #00000030,inset 0 1px #ffffff0d}.front-page .story-name{min-height:2em;color:var(--text-strong);font-size:clamp(.68rem,.88vw,.88rem)}}@media(max-width:1040px){.front-page .story-shelf{display:grid;grid-template-columns:1fr;padding:24px;gap:22px}.front-page .story-shelf .library-head{display:block;text-align:left}.front-page .story-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.front-page .story-shelf{padding:20px 12px}.front-page .story-shelf .library-head{text-align:center}.front-page .story-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}.library{display:block;padding:0 clamp(18px,3.5vw,54px) 18px}.front-page{width:min(1420px,100%);min-height:100vh;margin:0 auto;padding:clamp(48px,6.5vh,72px) 0 18px;display:grid;grid-template-rows:minmax(320px,1fr) auto auto;align-content:stretch;justify-items:stretch;gap:clamp(12px,2vh,22px)}.front-stage{min-height:0;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(580px,1.8fr);align-items:center;gap:clamp(24px,3vw,52px)}.front-page-head{max-width:390px;text-align:left}.front-page-head .library-title{font-size:clamp(4rem,7vw,7.2rem)}.front-page-deck{margin-top:18px;font-size:clamp(1rem,1.35vw,1.28rem)}.front-page-summary{max-width:350px;margin:clamp(24px,4vh,42px) 0 0;color:var(--text);font-family:var(--serif);font-size:clamp(1.12rem,1.55vw,1.45rem);line-height:1.45}.front-page-principles{display:flex;flex-wrap:wrap;gap:9px 15px;margin-top:26px;color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.front-page-principles span{display:flex;align-items:center;gap:6px}.front-page-principles b{color:var(--accent);font-weight:500}.front-stage .living-graph{width:100%;height:min(48vh,440px);min-height:320px;margin:0}.front-page .story-shelf{width:100%;padding:14px 0 0;display:grid;grid-template-columns:minmax(150px,180px) minmax(0,1fr);align-items:end;gap:20px;border-top:1px solid var(--line)}.front-page .story-shelf .library-head{margin:0 0 8px;text-align:left}.front-page .story-shelf .library-head h2{margin-top:7px;font-family:var(--serif);font-size:clamp(1.35rem,2vw,2rem);font-weight:400;line-height:1;letter-spacing:-.025em;text-transform:none}.front-page .story-shelf .library-sub{margin:0}.front-page .story-strip{width:100%;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1vw,14px)}.front-page .story-card,:root[data-theme=retro] .front-page .story-card,:root[data-theme=pop90] .front-page .story-card{gap:7px;padding:4px 4px 7px;border:1px solid transparent;border-radius:8px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.front-page .story-card:hover,:root[data-theme=retro] .front-page .story-card:hover,:root[data-theme=pop90] .front-page .story-card:hover{transform:translateY(-5px);border-color:var(--line-strong);background:color-mix(in srgb,var(--glass) 58%,transparent);box-shadow:0 16px 30px #0003}.front-page .story-art{aspect-ratio:16 / 10;border-radius:7px}.front-page .story-name{min-height:2.2em;display:grid;place-items:center;color:var(--text);font-size:clamp(.62rem,.82vw,.82rem);line-height:1.05}.front-page-credit{margin:0;color:#ffefcc5c;font-family:var(--sans);font-size:.55rem;font-weight:700;letter-spacing:.13em;text-align:right;text-transform:uppercase}.front-page-credit a{color:#ffefcc;text-decoration-color:var(--accent);text-underline-offset:4px}.front-page-credit a:hover{color:#6fe7cd}.front-page-credit a:focus-visible{color:#6fe7cd;outline:2px solid #6fe7cd;outline-offset:5px}.front-page-endnotes{grid-column:1 / -1;width:100%;margin-top:-6px;display:flex;align-items:center;justify-content:space-between;gap:18px}.creator-playground-hint{padding:7px 2px;display:flex;align-items:center;gap:12px;color:var(--text-faint);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(.56rem,.68vw,.68rem);letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:color .18s ease}.creator-playground-hint b{color:var(--accent);font-weight:700;letter-spacing:.06em}.creator-playground-hint:hover,.creator-playground-hint:focus-visible{color:var(--text);outline:none}@media(max-width:1040px){.front-page{height:auto;min-height:100vh}.front-stage{grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr)}.front-page .story-shelf{grid-template-columns:1fr}.front-page .story-shelf .library-head{display:flex;align-items:baseline;justify-content:flex-start;gap:18px;margin:0}.front-page .story-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.library{padding:0 10px 28px}.front-page{height:auto;min-height:100svh;padding:76px 0 24px;gap:32px}.front-stage{grid-template-columns:1fr;gap:30px}.front-page-head{max-width:100%;padding:0 14px;text-align:center}.front-page-summary{margin-right:auto;margin-left:auto}.front-page-principles{justify-content:center}.front-stage .living-graph{width:100%;height:370px;min-height:370px}.front-page .story-shelf{padding-top:26px}.front-page .story-shelf .library-head{padding:0 6px}.front-page .story-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creator-playground-hint{flex-wrap:wrap;justify-content:center;gap:5px 10px;text-align:center}.front-page-endnotes{margin:-10px 12px 0;width:calc(100% - 24px);flex-direction:column;justify-content:center;gap:10px}.front-page-credit{text-align:center}}.front-page{min-height:100vh;padding:clamp(46px,6vh,68px) 0 28px}.front-page-summary{max-width:500px;margin-top:clamp(20px,3vh,30px);font-family:var(--sans);font-size:clamp(.98rem,1.25vw,1.18rem);line-height:1.55}.front-page-possibilities{max-width:470px;margin:16px 0 0;color:var(--poster-sky-light);font-size:.68rem;line-height:1.6;letter-spacing:.13em;text-transform:uppercase}.front-stage .graph-edges .edge{animation:none;stroke-dasharray:none;stroke-width:3;opacity:.68}.front-stage .graph-edges .edge-alternative{stroke:color-mix(in srgb,var(--poster-sky-light) 62%,transparent);stroke-dasharray:8 15;stroke-width:2;opacity:.42}.front-stage .key-halo,.front-stage .moment-pulse,.front-stage .graph-status-light{animation:none}.front-stage .key-halo{opacity:.62}.front-stage .moment-pulse{opacity:.25}.graph-inputs{position:absolute;right:18px;bottom:14px;z-index:4;margin:0;color:var(--text-faint);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase}.story-demo .graph-status{align-items:flex-start;max-width:calc(100% - 40px)}.story-demo .graph-status>span:last-child{display:grid;gap:4px}.story-demo .graph-status b{color:var(--poster-sky-light);font-weight:700}.story-demo .graph-status em{color:var(--text-soft);font-family:var(--sans);font-size:.72rem;font-style:normal;letter-spacing:0;line-height:1.35;text-transform:none}.story-demo .graph-status-light{margin-top:3px;transition:background .4s ease,box-shadow .4s ease}.demo-signal{position:absolute;top:70px;right:18px;z-index:5;display:flex;align-items:center;gap:9px;min-width:152px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--poster-sky-light) 34%,transparent);border-radius:12px;background:color-mix(in srgb,var(--glass-strong) 92%,transparent);box-shadow:0 12px 28px #0003;opacity:0;transform:translateY(-10px);transition:opacity .36s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.demo-signal-icon{display:grid;width:28px;height:28px;place-items:center;flex:0 0 auto;border-radius:50%;background:color-mix(in srgb,var(--poster-sky-light) 18%,transparent);color:var(--poster-sky-light);font-size:.85rem}.demo-signal>span:last-child{display:grid;gap:2px}.demo-signal b,.demo-signal em{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-style:normal}.demo-signal b{color:var(--poster-sky-light);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase}.demo-signal em{color:var(--text-strong);font-size:.64rem}.story-demo[data-demo-step="1"] .demo-signal,.story-demo[data-demo-step="2"] .demo-signal,.story-demo[data-demo-step="3"] .demo-signal{opacity:1;transform:translateY(0)}.story-demo .demo-story-line{stroke:color-mix(in srgb,var(--accent) 70%,white 8%);stroke-width:3;opacity:.74}.story-demo .demo-memory-line{stroke:var(--poster-sky-light);stroke-width:3;stroke-dasharray:520;stroke-dashoffset:520;opacity:0;transition:stroke-dashoffset 1.1s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.story-demo .demo-effect{fill:color-mix(in srgb,var(--poster-sky-light) 18%,var(--glass-strong));stroke:var(--poster-sky-light);stroke-width:2;opacity:0;transform:scale(.72);transform-origin:center;transition:opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.story-demo[data-demo-step="1"] .effect-light,.story-demo[data-demo-step="2"] .effect-light,.story-demo[data-demo-step="3"] .effect-light,.story-demo[data-demo-step="4"] .effect-light,.story-demo[data-demo-step="5"] .effect-light,.story-demo[data-demo-step="2"] .effect-door,.story-demo[data-demo-step="3"] .effect-door,.story-demo[data-demo-step="4"] .effect-door,.story-demo[data-demo-step="5"] .effect-door,.story-demo[data-demo-step="3"] .effect-bridge,.story-demo[data-demo-step="4"] .effect-bridge,.story-demo[data-demo-step="5"] .effect-bridge{opacity:.95;transform:scale(1)}.story-demo[data-demo-step="1"] .key-heart,.story-demo[data-demo-step="2"] .key-heart,.story-demo[data-demo-step="3"] .key-heart,.story-demo[data-demo-step="4"] .key-heart{transform:translate(430px,270px) scale(1.08)}.story-demo .demo-key{transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .45s ease}.story-demo .key-end .key-halo,.story-demo .key-end rect{transition:stroke .5s ease,stroke-width .5s ease,opacity .5s ease}.story-demo .demo-memory-echo{opacity:0;transform-origin:842px 244px;transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.story-demo .demo-memory-echo circle,.story-demo .demo-memory-echo rect,.story-demo .demo-memory-echo path{fill:var(--poster-sky-light);stroke:var(--poster-sky-light);stroke-width:3}.story-demo[data-demo-step="4"] .demo-memory-line,.story-demo[data-demo-step="5"] .demo-memory-line{stroke-dashoffset:0;opacity:.9}.story-demo[data-demo-step="5"] .key-end{transform:translate(842px,244px) scale(1.1)}.story-demo[data-demo-step="5"] .key-end .key-halo,.story-demo[data-demo-step="5"] .key-end rect{stroke:var(--poster-sky-light);stroke-width:4}.story-demo[data-demo-step="5"] .demo-memory-echo{opacity:1;transform:scale(1.25)}.demo-memory{position:absolute;left:18px;bottom:16px;z-index:5;display:grid;gap:3px;padding-left:10px;border-left:2px solid var(--poster-sky-light);opacity:0;transform:translate(-8px);transition:opacity .4s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.demo-memory span{color:var(--poster-sky-light);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.5rem;letter-spacing:.12em;text-transform:uppercase}.demo-memory b{color:var(--text-strong);font-family:var(--sans);font-size:.7rem;font-weight:500}.story-demo[data-demo-step="4"] .demo-memory,.story-demo[data-demo-step="5"] .demo-memory{opacity:1;transform:translate(0)}.demo-progress{position:absolute;right:18px;bottom:18px;z-index:5;display:flex;gap:5px}.demo-progress span{width:14px;height:2px;border-radius:99px;background:color-mix(in srgb,var(--text-faint) 45%,transparent);transition:width .3s ease,background .3s ease}.demo-progress span.is-active{width:28px;background:var(--poster-sky-light)}.story-shelf-copy{margin:12px 0 0;color:var(--text-soft);font-family:var(--serif);font-size:.92rem;font-style:italic}.app-shell:has(.library) .movie-backdrop{opacity:.14}@media(min-width:1041px){.front-page{width:min(1420px,100%);height:calc(100vh - 36px);min-height:664px;margin:18px auto;padding:clamp(28px,3vw,44px);display:grid;grid-template-columns:minmax(400px,.86fr) minmax(620px,1.24fr);grid-template-rows:1fr;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 35%),color-mix(in srgb,var(--glass) 42%,transparent);box-shadow:0 30px 80px #00000038,inset 0 1px #ffffff0d}.front-stage{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(220px,1fr);align-content:stretch;padding-right:clamp(28px,3vw,48px);gap:clamp(22px,3.5vh,34px)}.front-stage .living-graph{align-self:end;width:100%;height:clamp(230px,34vh,330px);min-height:230px;margin:0}.front-page .story-shelf{min-width:0;width:100%;padding:0 0 0 clamp(28px,3vw,48px);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;align-items:stretch;gap:22px;border:0;border-left:1px solid var(--line);border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.front-page .story-shelf .library-head{display:block;margin:0;text-align:left}.front-page .story-shelf .library-head h2{max-width:600px;margin-top:9px;font-size:clamp(2rem,3.4vw,3.5rem);line-height:.96}.front-page .story-strip{align-self:center;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.3vw,18px);counter-reset:story-card}.front-page .story-card,:root[data-theme=retro] .front-page .story-card,:root[data-theme=pop90] .front-page .story-card{gap:9px;padding:7px 7px 10px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,rgba(255,255,255,.045),transparent),color-mix(in srgb,var(--glass-strong) 76%,transparent);box-shadow:0 12px 28px #00000030,inset 0 1px #ffffff0d;counter-increment:story-card}.front-page .story-card:before{content:"0" counter(story-card);position:absolute;top:13px;left:13px;z-index:3;padding:4px 6px;border-radius:999px;background:#050604ad;color:var(--poster-sky-light);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.48rem;letter-spacing:.08em;box-shadow:0 4px 12px #0003}.front-page .story-name{min-height:2em;color:var(--text-strong);font-size:clamp(.68rem,.88vw,.88rem)}}@media(max-width:1040px){.front-page{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;gap:34px}.front-page .story-shelf{display:grid;grid-template-columns:1fr;padding:24px;gap:22px}.front-page .story-shelf .library-head{display:block;text-align:left}.front-page .story-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:680px){.front-page{padding-top:76px}.front-page .story-shelf{padding:20px 12px}.front-page .story-shelf .library-head{text-align:center}.front-page .story-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-signal{top:82px;right:10px;min-width:136px}.story-demo .graph-status{left:12px;max-width:60%}.demo-memory{left:12px}}@media(prefers-reduced-motion:reduce){.story-demo *,.story-demo *:before,.story-demo *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{grid-template-columns:minmax(0,1fr)}.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{position:relative;width:min(1180px,100%);margin:auto;padding:0;display:grid;grid-template-columns:minmax(290px,.7fr) minmax(540px,1.3fr);grid-template-rows:1fr;align-items:center;gap:clamp(34px,5vw,76px);opacity:1;transform:translateY(0);transition:opacity .38s ease,transform .45s cubic-bezier(.2,.8,.2,1)}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{align-self:center;width:100%;height:clamp(350px,50vh,480px);min-height:350px;margin:0}.front-page[data-intro-state=demo] .story-shelf,.front-page[data-intro-state=leaving] .story-shelf{display:none}.front-page[data-intro-state=leaving] .front-stage{opacity:0;transform:translateY(-12px);pointer-events:none}.front-page[data-intro-state=library]{grid-template-columns:minmax(0,1fr)}.front-page[data-intro-state=library] .front-stage{display:none}.front-page[data-intro-state=library] .story-shelf{width:min(1120px,100%);margin:auto;padding:0;border:0;background:none;box-shadow:none;animation:storyShelfReveal .65s cubic-bezier(.2,.8,.2,1) both}.skip-demo-btn{position:absolute;top:0;right:0;z-index:9;display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--text-soft) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--glass-strong) 76%,transparent);color:var(--text-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.skip-demo-btn:hover,.skip-demo-btn:focus-visible{border-color:var(--poster-sky-light);background:color-mix(in srgb,var(--poster-sky-light) 12%,var(--glass-strong));color:var(--text-strong);transform:translateY(-1px)}.skip-demo-btn:focus-visible{outline:2px solid var(--poster-sky-light);outline-offset:3px}@keyframes storyShelfReveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:860px){.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{padding-top:76px}.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:30px}.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{max-width:560px;padding-right:90px}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:clamp(310px,46vh,410px);min-height:310px}}@media(max-width:520px){.skip-demo-btn{top:-52px}.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{padding-right:0}}@media(prefers-reduced-motion:reduce){.front-page[data-intro-state=library] .story-shelf{animation-duration:.01ms}}.story-demo .graph-status{max-width:min(620px,calc(100% - 220px))}.story-demo .graph-status b{font-size:clamp(.62rem,.8vw,.76rem);letter-spacing:.12em}.story-demo .graph-status em{max-width:48ch;color:var(--text-strong);font-size:clamp(.84rem,1vw,1rem);font-weight:500;line-height:1.45}.story-demo .graph-canvas{transform:scale(.94);transform-origin:50% 54%;transition:transform 1.05s cubic-bezier(.2,.8,.2,1)}.story-demo[data-demo-step="2"] .graph-canvas{transform:scale(1.28);transform-origin:43% 52%}.story-demo[data-demo-step="3"] .graph-canvas{transform:scale(1.13);transform-origin:63% 70%}.story-demo[data-demo-step="4"] .graph-canvas{transform:scale(1.08);transform-origin:66% 35%}.story-demo[data-demo-step="5"] .graph-canvas{transform:scale(.96);transform-origin:50% 52%}.demo-modalities{position:absolute;top:82px;right:18px;z-index:6;display:flex;width:min(260px,48%);flex-wrap:wrap;justify-content:flex-end;gap:7px;opacity:0;transform:translateY(-8px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.demo-modalities span{padding:7px 9px;border:1px solid color-mix(in srgb,var(--poster-sky-light) 62%,transparent);border-radius:999px;background:color-mix(in srgb,var(--poster-sky-light) 13%,var(--glass-strong));color:var(--poster-sky-light);font-family:var(--sans);font-size:.7rem;font-weight:600;box-shadow:0 8px 20px #0003}.story-demo[data-demo-step="1"] .demo-modalities{opacity:1;transform:translateY(0)}.story-demo[data-demo-step="1"] .demo-signal{opacity:0;transform:translateY(-10px)}.story-demo[data-demo-step="4"] .demo-signal{opacity:1;transform:translateY(0)}.story-demo[data-demo-step="1"] .effect-light{opacity:0;transform:scale(.72)}.story-demo[data-demo-step="2"] .effect-bridge{opacity:.95;transform:scale(1)}.front-stage .story-demo .graph-edges .demo-new-path{stroke:var(--poster-sky-light);stroke-width:3;stroke-dasharray:560;stroke-dashoffset:560;opacity:0;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.story-demo .demo-branch-node{opacity:0;transition:opacity .5s ease}.front-stage .story-demo[data-demo-step="3"] .graph-edges .demo-new-path,.front-stage .story-demo[data-demo-step="4"] .graph-edges .demo-new-path,.front-stage .story-demo[data-demo-step="5"] .graph-edges .demo-new-path{stroke-dashoffset:0;opacity:.92}.story-demo[data-demo-step="3"] .demo-branch-node,.story-demo[data-demo-step="4"] .demo-branch-node,.story-demo[data-demo-step="5"] .demo-branch-node{opacity:1}.story-demo[data-demo-step="0"] .demo-key .key-halo,.story-demo[data-demo-step="5"] .demo-key .key-halo{opacity:1;stroke:var(--accent);stroke-width:3}.story-demo[data-demo-step="5"] .demo-story-line{stroke-width:5;opacity:1}.front-stage .story-demo[data-demo-step="5"] .graph-edges .demo-new-path,.front-stage .story-demo[data-demo-step="5"] .graph-edges .demo-memory-line{stroke-width:2.5;opacity:.72}.front-stage .story-demo .graph-edges .demo-memory-line{stroke-dasharray:520;stroke-dashoffset:520;opacity:0}.front-stage .story-demo[data-demo-step="4"] .graph-edges .demo-memory-line,.front-stage .story-demo[data-demo-step="5"] .graph-edges .demo-memory-line{stroke-dashoffset:0;opacity:.9}.front-page[data-intro-state=library] .story-shelf{position:relative}.front-page[data-intro-state=library] .story-shelf .library-head{padding-right:170px}.return-demo-btn{position:absolute;top:0;right:0;z-index:6;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 13px;border:1px solid color-mix(in srgb,var(--poster-sky-light) 34%,transparent);border-radius:999px;background:color-mix(in srgb,var(--glass-strong) 80%,transparent);color:var(--poster-sky-light);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .18s ease,border-color .18s ease,transform .18s ease}.return-demo-btn:hover,.return-demo-btn:focus-visible{border-color:var(--poster-sky-light);color:var(--text-strong);transform:translateY(-1px)}.return-demo-btn:focus-visible{outline:2px solid var(--poster-sky-light);outline-offset:3px}@media(max-width:680px){.story-demo .graph-status{max-width:calc(100% - 24px)}.demo-modalities{top:112px;right:10px;width:calc(100% - 20px)}.front-page[data-intro-state=library] .story-shelf .library-head{padding-top:52px;padding-right:0}.return-demo-btn{right:12px}}.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(480px,1fr);gap:clamp(18px,2.5vh,28px)}.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{width:100%;max-width:none;padding:0;display:grid;grid-template-columns:minmax(250px,.52fr) minmax(420px,1fr);grid-template-rows:auto auto auto;column-gap:clamp(34px,5vw,72px);align-items:end}.front-page[data-intro-state=demo] .front-page-eyebrow,.front-page[data-intro-state=leaving] .front-page-eyebrow{grid-column:1;grid-row:1;margin-bottom:8px}.front-page[data-intro-state=demo] .front-page-head .library-title,.front-page[data-intro-state=leaving] .front-page-head .library-title{grid-column:1;grid-row:2 / span 2;font-size:clamp(3.8rem,6vw,6.4rem)}.front-page[data-intro-state=demo] .front-page-deck,.front-page[data-intro-state=leaving] .front-page-deck{grid-column:2;grid-row:1;margin:0 0 8px}.front-page[data-intro-state=demo] .front-page-summary,.front-page[data-intro-state=leaving] .front-page-summary{grid-column:2;grid-row:2;max-width:760px;margin:0;font-size:clamp(.92rem,1.1vw,1.08rem);line-height:1.45}.front-page[data-intro-state=demo] .front-page-possibilities,.front-page[data-intro-state=leaving] .front-page-possibilities{grid-column:2;grid-row:3;max-width:none;margin-top:8px}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{width:100%;height:clamp(500px,62vh,680px);min-height:500px}.story-demo .graph-canvas{top:88px;right:2%;bottom:118px;left:2%;width:96%;height:auto}.story-demo .demo-memory{bottom:112px}.story-demo .demo-progress{left:50%;bottom:88px;transform:translate(-50%)}.demo-expectation{position:absolute;left:18px;right:166px;bottom:18px;z-index:7;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,2vw,26px);min-height:68px;padding:11px 16px;border:1px solid color-mix(in srgb,var(--poster-sky-light) 26%,transparent);border-radius:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--poster-sky-light) 8%,transparent),transparent),color-mix(in srgb,var(--glass-strong) 94%,transparent);box-shadow:0 14px 34px #00000038}.demo-expectation>span{display:grid;gap:4px}.demo-expectation small{color:var(--poster-sky-light);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.52rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.demo-expectation b{color:var(--text-strong);font-family:var(--sans);font-size:clamp(.78rem,1vw,.96rem);font-weight:650;line-height:1.25}.demo-expectation i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--poster-sky-light) 15%,transparent);color:var(--poster-sky-light);font-size:1rem;font-style:normal}.demo-next-btn{position:absolute;right:18px;bottom:18px;z-index:8;display:inline-flex;min-width:130px;min-height:68px;align-items:center;justify-content:center;gap:12px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--poster-sky-light) 52%,transparent);border-radius:14px;background:var(--poster-sky-light);color:color-mix(in srgb,var(--bg) 88%,black);font-family:var(--sans);font-size:.82rem;font-weight:800;cursor:pointer;transition:filter .18s ease,transform .18s ease,box-shadow .18s ease}.demo-next-btn b{font-size:1rem}.demo-next-btn span,.demo-next-btn b{color:#10231f}.demo-next-btn:hover,.demo-next-btn:focus-visible{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--poster-sky-light) 18%,transparent)}.demo-next-btn:focus-visible{outline:2px solid white;outline-offset:3px}@media(max-width:860px){.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{display:block}.front-page[data-intro-state=demo] .front-page-head .library-title,.front-page[data-intro-state=leaving] .front-page-head .library-title{font-size:clamp(3.6rem,14vw,6rem)}.front-page[data-intro-state=demo] .front-page-deck,.front-page[data-intro-state=leaving] .front-page-deck{margin-top:12px}.front-page[data-intro-state=demo] .front-page-summary,.front-page[data-intro-state=leaving] .front-page-summary{margin-top:18px}.front-page[data-intro-state=demo] .front-page-possibilities,.front-page[data-intro-state=leaving] .front-page-possibilities{margin-top:10px}}@media(max-width:520px){.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{grid-template-rows:auto minmax(560px,1fr)}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:560px;min-height:560px}.demo-expectation{right:12px;bottom:84px;left:12px;grid-template-columns:1fr auto 1fr;gap:8px;min-height:80px;padding:10px}.demo-expectation i{width:24px;height:24px}.demo-next-btn{right:12px;bottom:12px;left:12px;min-height:58px}.story-demo .demo-progress{bottom:178px}.story-demo .demo-memory{bottom:200px}.story-demo .graph-canvas{top:128px;right:1%;bottom:190px;left:1%;width:98%}}.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving],.front-page[data-intro-state=library]{width:min(1280px,calc(100% - 32px));min-height:calc(100vh - 32px);height:auto;margin:16px auto;padding:clamp(24px,3.2vw,42px);border:1px solid color-mix(in srgb,var(--poster-sky-light) 16%,transparent);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent 34%),color-mix(in srgb,var(--glass) 58%,transparent);box-shadow:0 28px 80px #0000003d,inset 0 1px #ffffff0a}.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{width:100%;min-height:0;grid-template-rows:auto minmax(500px,1fr);gap:clamp(20px,2.8vh,30px)}.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{min-height:118px;padding:0 140px 0 0;display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:clamp(30px,4vw,64px);align-items:center}.front-page[data-intro-state=demo] .front-page-eyebrow,.front-page[data-intro-state=leaving] .front-page-eyebrow{grid-column:1;grid-row:1;margin:0 0 4px;font-size:.56rem}.front-page[data-intro-state=demo] .front-page-head .library-title,.front-page[data-intro-state=leaving] .front-page-head .library-title{grid-column:1;grid-row:2;margin:0;font-size:clamp(3rem,4.5vw,4.5rem);line-height:.84}.front-page[data-intro-state=demo] .front-page-deck,.front-page[data-intro-state=leaving] .front-page-deck{grid-column:1;grid-row:3;margin:10px 0 0;font-size:.88rem}.front-page[data-intro-state=demo] .front-page-summary,.front-page[data-intro-state=leaving] .front-page-summary{grid-column:2;grid-row:1 / span 3;max-width:720px;margin:0;color:var(--text);font-size:clamp(.9rem,1.05vw,1.04rem);line-height:1.55}.front-page[data-intro-state=demo] .front-page-possibilities,.front-page[data-intro-state=leaving] .front-page-possibilities{display:none}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:clamp(510px,64vh,660px);min-height:510px;border-color:color-mix(in srgb,var(--poster-sky-light) 22%,transparent);border-radius:18px;background:radial-gradient(circle at 48% 46%,color-mix(in srgb,var(--glow-b) 48%,transparent),transparent 47%),color-mix(in srgb,var(--glass-strong) 72%,transparent);box-shadow:0 22px 60px #00000038,inset 0 1px #ffffff0d}.front-page[data-intro-state=demo] .living-graph:before,.front-page[data-intro-state=leaving] .living-graph:before{opacity:.42}.story-demo .graph-status{top:22px;left:24px;max-width:calc(100% - 250px);gap:11px}.story-demo .graph-status b{font-size:.62rem}.story-demo .graph-status em{margin-top:1px;font-size:clamp(.82rem,1vw,.96rem)}.story-demo .graph-canvas{top:78px;right:3.5%;bottom:92px;left:3.5%;width:93%}.story-demo .demo-progress{top:27px;left:50%;bottom:auto;transform:translate(-50%)}.demo-progress span{width:18px;height:3px}.demo-progress span.is-active{width:34px}.demo-signal,.demo-modalities{top:82px;right:24px}.story-demo .demo-memory{left:24px;bottom:104px}.demo-expectation{left:0;right:154px;bottom:0;min-height:88px;padding:15px 24px;border:0;border-top:1px solid color-mix(in srgb,var(--poster-sky-light) 18%,transparent);border-radius:0;background:color-mix(in srgb,var(--glass-strong) 86%,transparent);box-shadow:none}.demo-expectation b{font-size:clamp(.78rem,.95vw,.94rem)}.demo-next-btn{right:18px;bottom:18px;min-width:118px;min-height:52px;padding:10px 15px;border:0;border-radius:10px;box-shadow:0 10px 24px color-mix(in srgb,var(--poster-sky-light) 15%,transparent)}.skip-demo-btn{top:2px;right:100px;min-height:34px;padding:7px 12px;border-color:color-mix(in srgb,var(--text-soft) 22%,transparent);background:transparent}.front-page[data-intro-state=library] .story-shelf{width:min(1120px,100%)}.front-page[data-intro-state=library] .story-shelf .library-head h2{max-width:720px;font-size:clamp(2.4rem,4vw,4rem)}@media(max-width:760px){.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving],.front-page[data-intro-state=library]{width:min(100% - 16px,1280px);min-height:calc(100vh - 16px);margin:8px auto;padding:68px 16px 20px;border-radius:16px}.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{min-height:0;padding:0;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:0}.front-page[data-intro-state=demo] .front-page-eyebrow,.front-page[data-intro-state=leaving] .front-page-eyebrow,.front-page[data-intro-state=demo] .front-page-head .library-title,.front-page[data-intro-state=leaving] .front-page-head .library-title,.front-page[data-intro-state=demo] .front-page-deck,.front-page[data-intro-state=leaving] .front-page-deck,.front-page[data-intro-state=demo] .front-page-summary,.front-page[data-intro-state=leaving] .front-page-summary{grid-column:1}.front-page[data-intro-state=demo] .front-page-head .library-title,.front-page[data-intro-state=leaving] .front-page-head .library-title{grid-row:2;font-size:clamp(3.1rem,14vw,4.4rem)}.front-page[data-intro-state=demo] .front-page-deck,.front-page[data-intro-state=leaving] .front-page-deck{grid-row:3}.front-page[data-intro-state=demo] .front-page-summary,.front-page[data-intro-state=leaving] .front-page-summary{grid-row:4;margin-top:18px}.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{grid-template-rows:auto minmax(520px,1fr)}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:540px;min-height:540px}.skip-demo-btn{top:-48px;right:auto;left:0}.story-demo .graph-status{max-width:calc(100% - 190px)}.story-demo .demo-progress{top:27px;left:50%;bottom:auto;transform:translate(-50%)}}.app-shell:has(.story-mode-screen){background:radial-gradient(circle at 72% 34%,rgba(29,120,110,.16),transparent 34%),linear-gradient(135deg,#100d08,#21180d 52%,#081a19)}.story-mode-screen{--front-display: "Futura Condensed ExtraBold", "Avenir Next Condensed", "Arial Narrow", Impact, sans-serif;--front-body: "Avenir Next", "Gill Sans", "Trebuchet MS", ui-sans-serif, sans-serif;min-height:100%;overflow:auto;padding:max(28px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(28px,env(safe-area-inset-left));color:#fff1d0;font-family:var(--front-body)}.story-mode-tools{position:fixed;z-index:8;top:max(24px,env(safe-area-inset-top));right:max(28px,env(safe-area-inset-right));left:max(28px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;pointer-events:none}.story-mode-tools>*{pointer-events:auto}.story-mode-shell{width:min(1160px,100%);min-height:calc(100vh - 56px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:0 auto;display:grid;grid-template-columns:minmax(250px,.7fr) minmax(540px,1.55fr);align-items:center;gap:clamp(38px,6vw,88px)}.story-mode-poster{position:relative;aspect-ratio:3 / 4;max-height:min(70vh,720px);overflow:hidden;border:1px solid rgba(255,190,104,.55);border-radius:48% 48% 14px 14px;background:#15120c;box-shadow:0 28px 70px #0000007a,0 0 0 8px #ffb14e0b}.story-mode-poster img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.story-mode-poster-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 48%,rgba(5,8,7,.92))}.story-mode-poster p{position:absolute;right:24px;bottom:24px;left:24px;margin:0;color:#fff0ca;font:800 clamp(1.25rem,2.1vw,2rem)/1.02 var(--front-display);letter-spacing:.035em;text-align:center;text-transform:uppercase;text-wrap:balance}.story-mode-choice{min-width:0}.story-mode-head{max-width:740px;margin-bottom:clamp(28px,4vw,48px)}.story-mode-head>p{margin:0 0 13px;color:#78eed8;font:800 .78rem/1 var(--front-body);letter-spacing:.23em;text-transform:uppercase}.story-mode-head h1{max-width:740px;margin:0;color:#fff0c7;font:800 clamp(3rem,5.3vw,5.8rem)/.93 var(--front-display);letter-spacing:-.025em;text-wrap:balance}.story-mode-head>span{display:block;max-width:620px;margin-top:20px;color:#ffefccbd;font:500 clamp(1rem,1.35vw,1.24rem)/1.5 var(--front-body)}.story-mode-slider-panel{width:min(720px,100%);border:1px solid rgba(255,203,126,.28);border-radius:24px;padding:clamp(24px,3vw,38px);background:radial-gradient(circle at 80% 0%,rgba(92,239,212,.1),transparent 38%),linear-gradient(145deg,rgba(255,174,78,.09),transparent 58%),#0f0e0abd;box-shadow:0 22px 54px #0000003d,inset 0 1px #ffffff0d}.story-mode-slider-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.story-mode-slider-heading>span{color:#ffefccad;font:800 .78rem/1 var(--front-body);letter-spacing:.2em;text-transform:uppercase}.story-mode-slider-heading strong{color:#7ff5de;font:800 clamp(1.65rem,3vw,2.6rem)/1 var(--front-display);letter-spacing:.02em;text-transform:uppercase}.story-mode-slider{width:100%;height:38px;margin:22px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:grab}.story-mode-slider:active{cursor:grabbing}.story-mode-slider::-webkit-slider-runnable-track{height:8px;border:1px solid rgba(255,221,160,.35);border-radius:999px;background:linear-gradient(90deg,#ffe1af57,#edb96d 48%,#73ead4);box-shadow:inset 0 2px 6px #0000005c}.story-mode-slider::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid #0b211e;border-radius:50%;background:#8bf7e1;box-shadow:0 0 0 3px #ffdc9dc2,0 7px 18px #00000073}.story-mode-slider::-moz-range-track{height:8px;border:1px solid rgba(255,221,160,.35);border-radius:999px;background:linear-gradient(90deg,#ffe1af57,#edb96d 48%,#73ead4)}.story-mode-slider::-moz-range-thumb{width:24px;height:24px;border:3px solid #0b211e;border-radius:50%;background:#8bf7e1;box-shadow:0 0 0 3px #ffdc9dc2}.story-mode-slider:focus-visible{outline:2px solid #8bf7e1;outline-offset:5px;border-radius:999px}.story-mode-scale{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2px;color:#ffefcca8;font:800 .7rem/1 var(--front-body);letter-spacing:.12em;text-transform:uppercase}.story-mode-scale span:nth-child(2){text-align:center}.story-mode-scale span:last-child{text-align:right}.story-mode-expectation{min-height:132px;margin-top:30px;padding:24px 26px;border-left:3px solid #7ff5de;background:#04121175}.story-mode-expectation strong{display:block;color:#fff0c7;font:800 clamp(1.7rem,2.7vw,2.45rem)/1 var(--front-display);letter-spacing:.015em;text-transform:uppercase}.story-mode-expectation p{max-width:56ch;margin:12px 0 0;color:#fff1d6d1;font:600 clamp(1rem,1.4vw,1.18rem)/1.48 var(--front-body)}.story-mode-continue{width:100%;margin-top:22px;border:1px solid rgba(139,247,225,.52);border-radius:999px;padding:16px 22px;display:flex;align-items:center;justify-content:center;gap:.35em;background:linear-gradient(120deg,#48d5bc38,#ffb25321);color:#fff1cf;font:800 .82rem/1 var(--front-body);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.story-mode-continue b{margin-left:auto;color:#8bf7e1;font-size:1.2rem}.story-mode-continue:hover,.story-mode-continue:focus-visible{transform:translateY(-2px);border-color:#8bf7e1;outline:none;background:linear-gradient(120deg,#48d5bc52,#ffb25333)}@media(max-width:820px){.story-mode-shell{grid-template-columns:180px minmax(0,1fr);gap:28px}.story-mode-poster{max-height:400px}.story-mode-slider-panel{padding:26px}}@media(max-width:680px){.story-mode-screen{padding:max(86px,calc(env(safe-area-inset-top) + 72px)) 18px max(24px,env(safe-area-inset-bottom))}.story-mode-tools{right:18px;left:18px}.story-mode-shell{min-height:auto;display:block}.story-mode-poster{width:92px;height:92px;margin:0 0 18px;border-radius:50%}.story-mode-poster p,.story-mode-poster-shade{display:none}.story-mode-head{margin-bottom:24px}.story-mode-head h1{font-size:clamp(2.8rem,13vw,4rem)}.story-mode-head>span{margin-top:14px;font-size:.98rem}.story-mode-slider-panel{padding:22px 18px}.story-mode-expectation{min-height:146px;padding:20px}.story-mode-expectation strong{font-size:1.75rem}}@media(max-width:520px){.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:590px;min-height:590px}.story-demo .graph-canvas{top:142px;right:1%;bottom:188px;left:1%;width:98%}.story-demo .graph-status{max-width:calc(100% - 28px)}.demo-expectation{right:0;bottom:64px;min-height:94px;padding:12px;border-bottom:1px solid color-mix(in srgb,var(--poster-sky-light) 18%,transparent)}.demo-next-btn{right:12px;bottom:10px;left:12px;min-height:46px}.story-demo .demo-progress{top:112px;left:50%;bottom:auto;transform:translate(-50%)}.story-demo .demo-memory{bottom:190px}}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{border:1px solid color-mix(in srgb,var(--poster-sky-light) 56%,transparent);background:radial-gradient(circle at 48% 45%,rgba(19,77,68,.28),transparent 48%),linear-gradient(145deg,#0c1c18fa,#030a09fc);box-shadow:0 0 0 1px #ffffff09,0 28px 70px #0000007a,0 0 42px color-mix(in srgb,var(--poster-sky-light) 10%,transparent),inset 0 1px #ffffff12}.front-page[data-intro-state=demo] .living-graph:before,.front-page[data-intro-state=leaving] .living-graph:before{opacity:.7}.story-demo .graph-status b,.story-demo .demo-expectation small{color:#8ff4df}.story-demo .graph-status em,.story-demo .demo-expectation b,.story-demo .key-moment text,.story-demo .adaptive-moment text{color:#fff9eb;fill:#fff9eb}.front-stage .story-demo .graph-edges .demo-story-line{stroke:#f6a65f;stroke-width:4;opacity:1}.story-demo .key-moment rect{fill:#0f1916f5;stroke:#ffad67;stroke-width:4}.story-demo .key-moment>circle:not(.key-halo){fill:#ffad67}.story-demo .key-halo{stroke:#ffba77d1;opacity:.9}.front-stage .story-demo .graph-edges .demo-new-path,.front-stage .story-demo .graph-edges .demo-memory-line,.story-demo .demo-effect{stroke:#8ff4df}.demo-expectation{border-top-color:#8ff4df4d;background:#040e0cf5}.demo-expectation i{background:#8ff4df2e;color:#8ff4df}.demo-progress span{background:#fff3}.demo-progress span.is-active{background:#8ff4df;box-shadow:0 0 14px #8ff4df6b}.demo-next-btn{background:#8ff4df;box-shadow:0 12px 30px #5fe7cd3d}.story-demo .key-thumb-frame{fill:#071210fa;stroke:#ffad67;stroke-width:3}.story-demo .key-thumb{opacity:.98;filter:saturate(1.08) contrast(1.04)}.story-demo .key-moment text{font-size:13px;font-weight:800;letter-spacing:.2em;paint-order:stroke;stroke:#030a09eb;stroke-width:5px;stroke-linejoin:round}.story-demo .key-moment .key-halo{stroke-width:1.5;stroke-dasharray:4 7;opacity:.7}.front-stage .story-demo .key-moment>circle.key-thumb-frame{fill:#071210fa;stroke:#ffad67;stroke-width:4}.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{padding:clamp(20px,2.5vw,32px)}.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{grid-template-rows:auto minmax(460px,1fr);gap:16px}.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{min-height:92px}.front-page[data-intro-state=demo] .front-page-head .library-title,.front-page[data-intro-state=leaving] .front-page-head .library-title{font-size:clamp(2.8rem,4vw,4rem)}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:clamp(460px,59vh,590px);min-height:460px}.story-demo .graph-canvas{top:18px;right:2.5%;bottom:126px;left:2.5%;width:95%;transform:scale(1.06)}.story-demo[data-demo-step="2"] .graph-canvas{transform:scale(1.25)}.story-demo[data-demo-step="3"] .graph-canvas{transform:scale(1.16)}.story-demo[data-demo-step="4"] .graph-canvas{transform:scale(1.12)}.story-demo[data-demo-step="5"] .graph-canvas{transform:scale(1.05)}.demo-expectation{min-height:120px;padding-top:13px;padding-bottom:13px;gap:9px}.demo-action-flow{padding-top:8px}.demo-next-btn{min-height:84px}@media(min-width:900px){.demo-expectation{grid-template-columns:minmax(280px,.92fr) minmax(420px,1.35fr);align-items:center;gap:24px}.demo-action-flow{padding-top:0;padding-left:24px;border-top:0;border-left:1px solid rgba(143,244,223,.2)}}@media(min-width:561px)and (max-width:760px){.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{padding:22px}.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{min-height:110px;padding:0 132px 0 0;display:grid;grid-template-columns:minmax(200px,.48fr) minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:28px}.front-page[data-intro-state=demo] .front-page-eyebrow,.front-page[data-intro-state=leaving] .front-page-eyebrow{grid-column:1;grid-row:1}.front-page[data-intro-state=demo] .front-page-head .library-title,.front-page[data-intro-state=leaving] .front-page-head .library-title{grid-column:1;grid-row:2;font-size:clamp(2.8rem,8vw,3.8rem)}.front-page[data-intro-state=demo] .front-page-deck,.front-page[data-intro-state=leaving] .front-page-deck{grid-column:1;grid-row:3;margin-top:8px}.front-page[data-intro-state=demo] .front-page-summary,.front-page[data-intro-state=leaving] .front-page-summary{grid-column:2;grid-row:1 / span 3;margin:0;font-size:.86rem;line-height:1.45}.skip-demo-btn{top:0;right:88px;left:auto}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:500px;min-height:500px}}@media(max-width:560px){.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{padding:66px 14px 16px}.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{gap:18px}}.front-stage .story-demo .graph-edges .demo-possible-path{fill:none;stroke:#8ff4df;stroke-width:2.5;stroke-dasharray:520;stroke-dashoffset:520;opacity:0;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1),opacity .35s ease}.front-stage .story-demo .graph-edges .possibility-middle{stroke:#f6a65f;stroke-dasharray:8 11}.front-stage .story-demo[data-demo-step="3"] .graph-edges .demo-possible-path,.front-stage .story-demo[data-demo-step="4"] .graph-edges .demo-possible-path,.front-stage .story-demo[data-demo-step="5"] .graph-edges .demo-possible-path{stroke-dashoffset:0;opacity:.82}.story-demo .possibility-field{opacity:0;transition:opacity .5s ease}.story-demo[data-demo-step="3"] .possibility-field{opacity:1}.story-demo[data-demo-step="4"] .possibility-field,.story-demo[data-demo-step="5"] .possibility-field{opacity:.64}.story-demo .possibility-frame{fill:#050e0cfa;stroke:#8ff4df;stroke-width:3}.story-demo .possibility-halo{fill:none;stroke:#8ff4dfc7;stroke-width:1.5;stroke-dasharray:3 6}.story-demo .possibility-node text{fill:#fff9eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;font-weight:800;letter-spacing:.13em;text-anchor:middle;paint-order:stroke;stroke:#030a09f0;stroke-width:4px}.story-demo[data-demo-step="3"] .graph-canvas{transform:scale(1.05);transform-origin:58% 50%}.story-demo .demo-signal{display:none}.app-shell:has(.library) .movie-backdrop{z-index:1;opacity:.08}.story-demo .graph-canvas{top:18px;right:auto;bottom:126px;left:50%;width:min(1400px,95%);height:calc(100% - 144px);translate:-50% 0}@media(max-width:520px){.story-demo .graph-canvas{top:52px;bottom:268px;width:98%;height:calc(100% - 320px)}}.front-page[data-intro-state=demo] .story-demo .skip-demo-btn,.front-page[data-intro-state=leaving] .story-demo .skip-demo-btn{top:17px;left:auto;right:20px}.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{min-height:0}@media(min-width:561px)and (max-width:760px){.front-page[data-intro-state=demo] .front-page-head,.front-page[data-intro-state=leaving] .front-page-head{padding-right:0;grid-template-columns:minmax(220px,.52fr) minmax(0,1fr)}.front-page[data-intro-state=demo] .front-page-head .library-title,.front-page[data-intro-state=leaving] .front-page-head .library-title{font-size:3rem;white-space:nowrap}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:470px;min-height:470px}}@media(max-width:560px){.front-page[data-intro-state=demo] .story-demo .skip-demo-btn,.front-page[data-intro-state=leaving] .story-demo .skip-demo-btn{top:15px;left:auto;right:14px}}.story-demo .graph-canvas{top:34px;right:3.5%;bottom:142px;left:3.5%}.story-demo .demo-progress{top:22px;left:50%;right:auto;transform:translate(-50%)}.story-demo .demo-memory{bottom:148px}.demo-expectation{right:154px;min-height:132px;padding:16px 24px;display:grid;grid-template-columns:minmax(0,1fr);align-content:center;gap:12px}.demo-explanation{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px}.demo-explanation .graph-status-light{margin-top:5px;background:#8ff4df;box-shadow:0 0 14px #8ff4df9e}.demo-explanation>span:last-child{display:grid;gap:3px}.demo-explanation b{color:#8ff4df;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.61rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.demo-explanation em{max-width:62ch;color:#fff9eb;font-family:var(--sans);font-size:clamp(.82rem,1vw,.96rem);font-style:normal;font-weight:650;line-height:1.35}.demo-action-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(10px,2vw,22px);padding-top:11px;border-top:1px solid rgba(143,244,223,.2)}.demo-action-flow>span{display:grid;gap:3px}.demo-action-flow i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#8ff4df29;color:#8ff4df;font-size:.9rem;font-style:normal}.demo-next-btn{min-height:96px}@media(max-width:520px){.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:680px;min-height:680px}.story-demo .graph-canvas{top:52px;right:1%;bottom:268px;left:1%}.demo-expectation{right:0;bottom:64px;min-height:204px;padding:14px}.demo-action-flow{gap:8px}.demo-action-flow i{width:24px;height:24px}.story-demo .demo-memory{bottom:276px}}.app-shell:has(.front-page[data-intro-state=demo]) .movie-backdrop,.app-shell:has(.front-page[data-intro-state=leaving]) .movie-backdrop{display:none}.story-demo .graph-canvas{top:34px;right:3.5%;bottom:142px;left:3.5%;width:93%;height:calc(100% - 176px);margin:0;translate:none;transform:none;transform-origin:center}.story-demo[data-demo-step="2"] .graph-canvas{transform:scale(1.12);transform-origin:48% 54%}.story-demo[data-demo-step="3"] .graph-canvas{transform:scale(1.08);transform-origin:56% 51%}.story-demo[data-demo-step="4"] .graph-canvas{transform:scale(1.05);transform-origin:58% 49%}.story-demo[data-demo-step="5"] .graph-canvas{transform:none}@media(max-width:520px){.story-demo .graph-canvas{top:52px;right:1%;bottom:268px;left:1%;width:98%;height:calc(100% - 320px)}.story-demo[data-demo-step="2"] .graph-canvas,.story-demo[data-demo-step="3"] .graph-canvas,.story-demo[data-demo-step="4"] .graph-canvas{transform:none}}@media(max-width:520px){.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{gap:14px}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:530px;min-height:530px}.story-demo .graph-canvas{inset:48px 1% auto;width:98%;height:238px}.front-page[data-intro-state=demo] .story-demo .skip-demo-btn,.front-page[data-intro-state=leaving] .story-demo .skip-demo-btn{min-height:40px;padding:8px 12px}.story-demo .demo-memory{right:14px;bottom:216px;max-width:calc(100% - 28px)}.demo-expectation{left:0;right:0;bottom:54px;min-height:154px;padding:12px 14px;gap:9px}.demo-explanation{gap:9px}.demo-explanation em{font-size:.82rem}.demo-action-flow{gap:7px;padding-top:8px}.demo-action-flow i{width:22px;height:22px}.demo-next-btn{right:12px;bottom:10px;left:12px;min-width:0;min-height:44px;padding:8px 14px}}@media(max-width:350px){.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{padding-right:10px;padding-left:10px}.front-page[data-intro-state=demo] .front-stage .living-graph,.front-page[data-intro-state=leaving] .front-stage .living-graph{height:510px;min-height:510px}.story-demo .graph-canvas{height:220px}.story-demo .demo-memory{bottom:212px}}.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{width:min(1360px,calc(100% - 32px));min-height:0;margin:16px auto 40px;padding:clamp(20px,2.8vw,38px);border:0;border-radius:0;background:transparent;box-shadow:none}.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{width:min(1280px,100%);grid-template-rows:auto auto;gap:clamp(18px,2.4vw,28px)}.app-definition{position:relative;overflow:hidden;padding:clamp(22px,2.6vw,34px);border:1px solid rgba(255,173,103,.2);border-radius:24px;background:radial-gradient(circle at 12% 0%,rgba(255,173,103,.12),transparent 34%),linear-gradient(125deg,#251b12e0,#0c1613bd);box-shadow:0 22px 52px #00000038,inset 0 1px #ffffff0d}.app-definition:after{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(#ffad67,#8ff4dfa6)}.front-page[data-intro-state=demo] .app-definition .front-page-head,.front-page[data-intro-state=leaving] .app-definition .front-page-head{min-height:104px}.tutorial-section{display:grid;grid-template-rows:auto auto;gap:10px}.tutorial-section-head{padding:0 8px;display:flex;align-items:end;justify-content:space-between;gap:18px}.tutorial-section-head span{color:#8ff4df;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.tutorial-section-head h2{margin:0;color:#fff4dc;font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.65rem);font-weight:500;letter-spacing:.01em}.front-page[data-intro-state=demo] .tutorial-section .living-graph,.front-page[data-intro-state=leaving] .tutorial-section .living-graph{height:clamp(480px,58vh,590px);min-height:480px}@media(max-width:760px){.front-page[data-intro-state=demo],.front-page[data-intro-state=leaving]{width:min(100% - 16px,1360px);margin:8px auto 28px;padding:60px 10px 16px}.app-definition{padding:20px;border-radius:20px}.front-page[data-intro-state=demo] .app-definition .front-page-head,.front-page[data-intro-state=leaving] .app-definition .front-page-head{min-height:0}.tutorial-section-head{padding:0 4px}}@media(max-width:520px){.front-page[data-intro-state=demo] .front-stage,.front-page[data-intro-state=leaving] .front-stage{gap:16px}.app-definition{padding:18px 14px}.tutorial-section{gap:8px}.tutorial-section-head{align-items:start;flex-direction:column;gap:3px}.tutorial-section-head h2{font-size:1.3rem}.front-page[data-intro-state=demo] .tutorial-section .living-graph,.front-page[data-intro-state=leaving] .tutorial-section .living-graph{height:530px;min-height:530px}}.demo-expectation{display:flex;align-items:center;justify-content:center;min-height:132px;padding:18px 34px;background:linear-gradient(180deg,#030a09ad,#030a09fa 42%),#030a09f5}.demo-explanation{display:block;width:100%;text-align:center}.demo-explanation>span:last-child{display:block}.demo-explanation b{display:block;margin-bottom:8px;color:#8ff4df;font-size:.62rem;letter-spacing:.18em}.demo-explanation em{display:block;max-width:820px;margin:0 auto;color:#fff9eb;font-family:var(--sans);font-size:clamp(1.35rem,2.25vw,2.15rem);font-weight:750;line-height:1.12;letter-spacing:-.02em;text-wrap:balance;text-shadow:0 3px 18px rgba(0,0,0,.72)}@media(max-width:760px){.demo-expectation{padding-right:22px;padding-left:22px}.demo-explanation em{font-size:clamp(1.2rem,4.4vw,1.65rem)}}@media(max-width:520px){.demo-expectation{min-height:132px;padding:14px 16px}.demo-explanation b{margin-bottom:7px;font-size:.55rem}.demo-explanation em{font-size:clamp(1.12rem,5.2vw,1.38rem);line-height:1.16}}.demo-expectation{right:292px}.demo-controls{position:absolute;right:18px;bottom:18px;z-index:9;display:flex;align-items:stretch;gap:9px}.demo-prev-btn,.demo-next-btn{position:static;right:auto;bottom:auto;left:auto;min-height:50px;margin:0;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.62rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.demo-prev-btn{min-width:112px;border:1px solid rgba(255,173,103,.42);background:linear-gradient(180deg,#ffad671a,#2e1d12b8),#06100ef0;color:#ffe0b5;box-shadow:inset 0 1px #ffffff0f,0 9px 22px #0000004d}.demo-next-btn{min-width:132px;border:1px solid #ffd09a;background:linear-gradient(180deg,#ffc27d,#e58a45);color:#27180e;box-shadow:inset 0 1px #ffffff80,inset 0 -2px #632d102e,0 10px 26px #e58a4538}.demo-next-btn span,.demo-next-btn b{color:#27180e}.demo-prev-btn:hover:not(:disabled),.demo-prev-btn:focus-visible,.demo-next-btn:hover,.demo-next-btn:focus-visible{filter:none;transform:translateY(-2px)}.demo-prev-btn:hover:not(:disabled),.demo-prev-btn:focus-visible{border-color:#ffbd79;background:linear-gradient(180deg,#ffad672e,#3d2414d1),#06100ef5;box-shadow:inset 0 1px #ffffff14,0 12px 26px #00000057}.demo-next-btn:hover,.demo-next-btn:focus-visible{background:linear-gradient(180deg,#ffd39d,#ef9955);box-shadow:inset 0 1px #ffffff8f,inset 0 -2px #632d1029,0 13px 30px #e58a4547}.demo-prev-btn:focus-visible,.demo-next-btn:focus-visible{outline:2px solid #8ff4df;outline-offset:3px}.demo-prev-btn:disabled{cursor:default;opacity:.34;filter:saturate(.5);transform:none}@media(max-width:620px){.demo-expectation{right:0;bottom:68px}.demo-controls{right:12px;bottom:10px;left:12px}.demo-prev-btn,.demo-next-btn{min-width:0;min-height:46px;flex:1 1 0;padding:9px 11px}}.front-page{--front-display: "Futura Condensed ExtraBold", "Avenir Next Condensed", "Arial Narrow", Impact, sans-serif;--front-subtitle: Futura, "Avenir Next", "Gill Sans", "Trebuchet MS", sans-serif;--front-editorial: "Iowan Old Style", Baskerville, "Palatino Linotype", Palatino, Georgia, serif;--front-body: "Avenir Next", "Gill Sans", "Trebuchet MS", ui-sans-serif, sans-serif;--front-console: "American Typewriter", "Courier New", Courier, monospace;font-family:var(--front-body);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility}.front-page button{font-family:var(--front-body)}.front-page .library-title{font-family:var(--front-display);font-stretch:condensed;font-weight:900;letter-spacing:-.035em}.front-page-summary{font-family:var(--front-body);font-weight:500;letter-spacing:.004em}.front-page-deck,.tutorial-section-head h2,.front-page .library-head h2,.story-shelf-copy{font-family:var(--front-editorial)}.front-page-deck,.story-shelf-copy{font-style:italic}.front-page-eyebrow,.front-page-possibilities,.tutorial-section-head span,.front-page .library-sub,.front-page-credit,.skip-demo-btn,.return-demo-btn,.demo-prev-btn,.demo-next-btn,.demo-explanation b,.demo-memory,.story-demo .key-moment text,.story-demo .possibility-node text{font-family:var(--front-console)}.demo-explanation em{font-family:var(--front-subtitle);font-weight:800;letter-spacing:-.025em}.front-page .story-name{font-family:var(--front-display);font-stretch:condensed;font-weight:900;letter-spacing:.01em}.front-page .library-head h2{font-weight:500;letter-spacing:-.025em}.tutorial-section-head h2{font-weight:500;letter-spacing:-.018em}.front-page[data-intro-state=demo] .app-definition .front-page-head,.front-page[data-intro-state=leaving] .app-definition .front-page-head{min-height:150px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.front-page[data-intro-state=demo] .app-definition .library-title,.front-page[data-intro-state=leaving] .app-definition .library-title{margin:0;font-size:clamp(4.6rem,7vw,7.2rem);line-height:.82;text-align:center}.front-page[data-intro-state=demo] .app-definition .front-page-summary,.front-page[data-intro-state=leaving] .app-definition .front-page-summary{max-width:900px;margin:24px auto 0;color:#ffefcce0;font-size:clamp(1.18rem,1.55vw,1.52rem);line-height:1.45;text-align:center;text-wrap:balance}.tutorial-section{gap:0}.demo-explanation b{margin-bottom:10px;font-family:var(--front-body);font-size:clamp(.82rem,1.05vw,1rem);font-weight:800;line-height:1.2;letter-spacing:.105em}@media(max-width:760px){.front-page[data-intro-state=demo] .app-definition .front-page-head,.front-page[data-intro-state=leaving] .app-definition .front-page-head{min-height:0}.front-page[data-intro-state=demo] .app-definition .library-title,.front-page[data-intro-state=leaving] .app-definition .library-title{font-size:clamp(3.6rem,16vw,5.2rem)}.front-page[data-intro-state=demo] .app-definition .front-page-summary,.front-page[data-intro-state=leaving] .app-definition .front-page-summary{max-width:34rem;margin-top:18px;font-size:clamp(1.04rem,3.8vw,1.2rem);line-height:1.42}.demo-explanation b{font-size:.76rem;letter-spacing:.09em}}.story-demo .graph-canvas-mobile{display:none}@media(max-width:620px){.front-page[data-intro-state=demo] .tutorial-section .living-graph,.front-page[data-intro-state=leaving] .tutorial-section .living-graph{height:960px;min-height:960px}.story-demo .graph-canvas-desktop{display:none}.story-demo .graph-canvas-mobile{position:absolute;inset:auto;top:48px;left:50%;display:block;width:min(100%,390px);height:680px;margin:0;translate:-50% 0;transform:none!important;transform-origin:center}.story-demo .graph-canvas-mobile .key-moment text{font-size:12px;letter-spacing:.17em}.story-demo .graph-canvas-mobile .possibility-node text{font-size:9px;letter-spacing:.1em}.story-demo .demo-memory{display:none}.story-demo .demo-expectation{right:0;bottom:68px;min-height:164px;padding:16px 18px}.story-demo .demo-controls{right:12px;bottom:10px;left:12px}}@media(max-width:360px){.front-page[data-intro-state=demo] .tutorial-section .living-graph,.front-page[data-intro-state=leaving] .tutorial-section .living-graph{height:920px;min-height:920px}.story-demo .graph-canvas-mobile{top:46px;width:100%;height:640px}.story-demo .demo-expectation{min-height:156px;padding:14px}}.tutorial-mode-bar{min-height:34px;padding:0 4px;display:flex;align-items:center;justify-content:flex-start}.demo-mode-switch{padding:3px;display:inline-flex;align-items:center;gap:2px;border:1px solid rgba(143,244,223,.24);border-radius:999px;background:#030d0cd1;box-shadow:inset 0 1px #ffffff0d,0 9px 24px #00000038}.demo-mode-choice{min-height:28px;border:0;border-radius:999px;padding:6px 11px;background:transparent;color:#ffeecd94;font-family:var(--front-console);font-size:.58rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:color .18s ease,background .18s ease,box-shadow .18s ease}.demo-mode-choice span{margin-right:4px;color:currentColor;font-size:.46rem}.demo-mode-choice.is-active{background:linear-gradient(180deg,#ffca8c,#df8847);color:#25160d;box-shadow:inset 0 1px #ffffff8c,0 4px 12px #df88473d}.demo-mode-choice:focus-visible{outline:2px solid #8ff4df;outline-offset:3px}.cinema-cut,.cinema-beat-card{display:none}.story-demo[data-demo-mode=cinema]{background:radial-gradient(circle at 50% 44%,rgba(18,83,72,.18),transparent 43%),linear-gradient(180deg,#020a09fa,#030d0cfc)}.story-demo[data-demo-mode=cinema] .cinema-cut{position:absolute;z-index:7;top:0;right:0;bottom:132px;left:0;display:block;overflow:hidden;pointer-events:none}.story-demo[data-demo-mode=cinema] .cinema-cut:before,.story-demo[data-demo-mode=cinema] .cinema-cut:after{content:"";position:absolute;z-index:2;right:0;left:0;height:12px;background:#000000d6;box-shadow:0 0 22px #000000b3}.story-demo[data-demo-mode=cinema] .cinema-cut:before{top:0}.story-demo[data-demo-mode=cinema] .cinema-cut:after{bottom:0}.story-demo[data-demo-mode=cinema] .cinema-beat-card{position:absolute;z-index:8;top:72px;left:50%;width:min(520px,calc(100% - 220px));display:grid;gap:7px;padding:13px 18px 15px;border-top:1px solid rgba(255,209,151,.52);border-bottom:1px solid rgba(255,209,151,.28);background:linear-gradient(90deg,transparent,rgba(2,9,8,.9) 15%,rgba(2,9,8,.9) 85%,transparent);opacity:0;color:#fff1cd;text-align:center;translate:-50% 0;pointer-events:none}.cinema-beat-card span{color:#8ff4df;font-family:var(--front-console);font-size:.56rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.cinema-beat-card b{font-family:var(--front-editorial);font-size:clamp(1.05rem,1.8vw,1.45rem);font-weight:500;line-height:1.12;text-wrap:balance}.story-demo[data-demo-mode=cinema] .graph-canvas{transition:transform 1.2s cubic-bezier(.18,.78,.2,1),filter .9s ease}.story-demo[data-demo-mode=cinema] .key-moment,.story-demo[data-demo-mode=cinema] .possibility-node{transition:opacity .72s ease,filter .72s ease}.story-demo .key-video-layer{overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s ease}.story-demo .key-moment-video{width:100%;height:100%;border-radius:50%;display:block;object-fit:cover;object-position:52% 52%;background:#061413;pointer-events:none}.story-demo[data-demo-mode=cinema] .key-video-layer.is-active.is-video-ready{opacity:1;visibility:visible}.story-demo[data-demo-mode=cinema] .key-moment:has(.key-video-layer.is-active.is-video-ready)>.key-thumb{opacity:0;animation:none!important}.story-demo[data-demo-mode=cinema] .key-heart .key-moment-video{object-position:54% 54%}.story-demo[data-demo-mode=infographic] .key-video-layer{opacity:0!important;visibility:hidden!important}.story-demo[data-demo-mode=cinema] .key-moment{opacity:.24}.story-demo[data-demo-mode=cinema][data-demo-step="0"] .key-start,.story-demo[data-demo-mode=cinema][data-demo-step="1"] .key-heart,.story-demo[data-demo-mode=cinema][data-demo-step="2"] .key-heart,.story-demo[data-demo-mode=cinema][data-demo-step="4"] .key-end,.story-demo[data-demo-mode=cinema][data-demo-step="5"] .key-moment{opacity:1}.story-demo[data-demo-mode=cinema][data-demo-step="3"] .key-moment{opacity:.64}.story-demo[data-demo-mode=cinema][data-demo-step="3"] .possibility-node{filter:saturate(1.18) brightness(1.12)}.story-demo[data-demo-mode=cinema][data-demo-step="0"] .graph-canvas-desktop{transform:scale(1.24)!important;transform-origin:12% 70%}.story-demo[data-demo-mode=cinema][data-demo-step="1"] .graph-canvas-desktop,.story-demo[data-demo-mode=cinema][data-demo-step="2"] .graph-canvas-desktop{transform:scale(1.34)!important;transform-origin:43% 57%}.story-demo[data-demo-mode=cinema][data-demo-step="3"] .graph-canvas-desktop{transform:scale(1.08)!important;transform-origin:65% 50%}.story-demo[data-demo-mode=cinema][data-demo-step="4"] .graph-canvas-desktop{transform:scale(1.22)!important;transform-origin:84% 49%}.story-demo[data-demo-mode=cinema][data-demo-step="5"] .graph-canvas-desktop{transform:scale(1)!important;transform-origin:center}.story-demo[data-demo-mode=cinema].is-beat-entering .cinema-cut{animation:cinema-cut-reveal .85s cubic-bezier(.22,.75,.3,1) both}.story-demo[data-demo-mode=cinema].is-beat-entering .cinema-beat-card{animation:cinema-title-card 3.2s ease both}.story-demo[data-demo-mode=cinema].is-beat-entering .key-moment:not([style]) .key-thumb{animation:cinema-image-drift 5.6s ease-out both;transform-origin:center}.story-demo[data-demo-mode=cinema].is-beat-entering .key-moment .key-halo{animation:cinema-halo-breathe 2.4s ease-in-out 2}.story-demo[data-demo-mode=cinema][data-demo-step="3"].is-beat-entering .demo-possible-path,.story-demo[data-demo-mode=cinema][data-demo-step="3"].is-beat-entering .demo-new-path{stroke-dasharray:12 8;animation:cinema-path-draw 2.5s linear both}.story-demo[data-demo-mode=cinema][data-demo-step="4"].is-beat-entering .demo-memory-line{stroke-dasharray:14 9;animation:cinema-path-draw 2.1s linear both}.story-demo[data-demo-mode=infographic] .cinema-cut,.story-demo[data-demo-mode=infographic] .cinema-beat-card{display:none}.story-demo[data-demo-mode=infographic] .graph-canvas,.story-demo[data-demo-mode=infographic] .key-moment,.story-demo[data-demo-mode=infographic] .key-thumb,.story-demo[data-demo-mode=infographic] .key-halo,.story-demo[data-demo-mode=infographic] .possibility-node,.story-demo[data-demo-mode=infographic] .edge{animation:none!important;transition-duration:0ms!important}@keyframes cinema-cut-reveal{0%{background:#020706;opacity:1}42%{background:#020706b8;opacity:1}to{background:transparent;opacity:1}}@keyframes cinema-title-card{0%,10%{opacity:0;transform:translateY(10px);filter:blur(5px)}24%,67%{opacity:1;transform:translateY(0);filter:blur(0)}to{opacity:0;transform:translateY(-6px);filter:blur(2px)}}@keyframes cinema-image-drift{0%{transform:scale(1.02) translate3d(-1%,1%,0)}to{transform:scale(1.14) translate3d(2%,-1.5%,0)}}@keyframes cinema-halo-breathe{0%,to{opacity:.52}50%{opacity:1}}@keyframes cinema-path-draw{0%{stroke-dashoffset:180}to{stroke-dashoffset:0}}@media(max-width:620px){.tutorial-mode-bar{min-height:32px;padding-right:0}.demo-mode-choice{min-height:27px;padding:6px 9px;font-size:.53rem}.story-demo[data-demo-mode=cinema] .cinema-cut{bottom:232px}.story-demo[data-demo-mode=cinema] .cinema-beat-card{top:176px;width:calc(100% - 34px);padding:11px 14px 13px}.story-demo[data-demo-mode=cinema] .graph-canvas-mobile{top:54px;height:620px}.cinema-beat-card b{font-size:clamp(1rem,5vw,1.25rem)}.story-demo[data-demo-mode=cinema][data-demo-step="0"] .graph-canvas-mobile{transform:scale(1.08)!important;transform-origin:50% 12%}.story-demo[data-demo-mode=cinema][data-demo-step="1"] .graph-canvas-mobile,.story-demo[data-demo-mode=cinema][data-demo-step="2"] .graph-canvas-mobile{transform:scale(1.1)!important;transform-origin:50% 42%}.story-demo[data-demo-mode=cinema][data-demo-step="3"] .graph-canvas-mobile{transform:scale(1.02)!important;transform-origin:50% 64%}.story-demo[data-demo-mode=cinema][data-demo-step="4"] .graph-canvas-mobile{transform:scale(1.08)!important;transform-origin:50% 88%}.story-demo[data-demo-mode=cinema][data-demo-step="5"] .graph-canvas-mobile{transform:none!important}.story-demo[data-demo-step="1"] .graph-canvas-mobile .key-heart,.story-demo[data-demo-step="2"] .graph-canvas-mobile .key-heart,.story-demo[data-demo-step="3"] .graph-canvas-mobile .key-heart,.story-demo[data-demo-step="4"] .graph-canvas-mobile .key-heart{transform:translate(180px,318px) scale(1.08)}.story-demo[data-demo-step="5"] .graph-canvas-mobile .key-end{transform:translate(180px,660px) scale(1.1)}.story-demo[data-demo-step="5"] .graph-canvas-mobile .demo-memory-echo{transform:translate(180px,660px) scale(1.25)}}@media(prefers-reduced-motion:reduce){.story-demo[data-demo-mode=cinema] .graph-canvas,.story-demo[data-demo-mode=cinema] .key-moment,.story-demo[data-demo-mode=cinema] .possibility-node{transition-duration:0ms!important}.story-demo[data-demo-mode=cinema] .cinema-cut,.story-demo[data-demo-mode=cinema] .cinema-beat-card,.story-demo[data-demo-mode=cinema] .key-thumb,.story-demo[data-demo-mode=cinema] .key-halo,.story-demo[data-demo-mode=cinema] .edge{animation:none!important}}.story-demo[data-demo-mode=cinema][data-demo-step="0"] .graph-canvas-desktop{transform:translateY(-56px) scale(1.24)!important}.story-demo[data-demo-mode=cinema][data-demo-step="1"] .graph-canvas-desktop,.story-demo[data-demo-mode=cinema][data-demo-step="2"] .graph-canvas-desktop{transform:translateY(-44px) scale(1.34)!important}.story-demo[data-demo-mode=cinema][data-demo-step="3"] .graph-canvas-desktop{transform:translateY(-14px) scale(1.08)!important}.story-demo[data-demo-mode=cinema][data-demo-step="4"] .graph-canvas-desktop{transform:translateY(-36px) scale(1.22)!important}.story-demo[data-demo-mode=infographic][data-demo-step="0"] .graph-canvas-desktop{transform:translateY(-38px)!important}.story-demo .demo-expectation{right:340px;align-items:center;justify-content:flex-start;min-height:176px;padding:22px 38px 24px 46px;overflow:hidden;border-top:1px solid rgba(143,244,223,.28);background:linear-gradient(90deg,#020908fc,#020a09f5 68%,#020a09c2),#020908fa;box-shadow:0 -18px 44px #0000003d,inset 0 1px #ffffff06}.story-demo .demo-expectation:before{content:"";position:absolute;top:25px;bottom:25px;left:23px;width:2px;border-radius:999px;background:linear-gradient(180deg,#8ff4df,#ffac65);box-shadow:0 0 18px #8ff4df6b}.story-demo .demo-explanation{max-width:940px;text-align:left}.story-demo .demo-explanation b{margin:0 0 10px;color:#9af4df;font-family:var(--front-console);font-size:clamp(.76rem,.9vw,.94rem);font-weight:750;line-height:1.15;letter-spacing:.115em;text-align:left;text-shadow:0 0 20px rgba(143,244,223,.18)}.story-demo .demo-explanation em{max-width:31ch;margin:0;color:#fff7e7;font-family:var(--front-editorial);font-size:clamp(1.72rem,2.55vw,2.72rem);font-style:normal;font-weight:500;line-height:1.06;letter-spacing:-.027em;text-align:left;text-wrap:pretty;text-shadow:0 3px 20px rgba(0,0,0,.78),0 0 38px rgba(255,172,101,.045)}.story-demo .demo-controls{bottom:20px;align-items:center}@media(max-width:760px){.story-demo .demo-expectation{padding-right:26px;padding-left:38px}.story-demo .demo-expectation:before{left:18px}.story-demo .demo-explanation em{max-width:34ch;font-size:clamp(1.42rem,4.4vw,1.9rem)}}@media(max-width:620px){.story-demo .demo-expectation{right:0;min-height:164px;padding:16px 18px 16px 32px}.story-demo .demo-expectation:before{top:18px;bottom:18px;left:16px}.story-demo .demo-explanation b{margin-bottom:8px;font-size:.69rem;line-height:1.18;letter-spacing:.085em}.story-demo .demo-explanation em{max-width:none;font-size:clamp(1.22rem,5.7vw,1.5rem);line-height:1.08;letter-spacing:-.02em}.story-demo .demo-controls{bottom:10px}}@media(max-width:360px){.story-demo .demo-expectation{min-height:156px;padding:14px 14px 14px 29px}.story-demo .demo-expectation:before{top:16px;bottom:16px;left:14px}.story-demo .demo-explanation b{font-size:.64rem}.story-demo .demo-explanation em{font-size:clamp(1.12rem,5.8vw,1.32rem)}}
