.film-stage.svelte-zhaplr{z-index:var(--z-film);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.film-frame.svelte-zhaplr{width:var(--frame-w,58vw);height:var(--frame-h,66vh);border-radius:var(--radius-xl);background:var(--night);box-shadow:var(--shadow-float);transition:width var(--dur-cine) var(--ease-in-out), height var(--dur-cine) var(--ease-in-out), border-radius var(--dur-cine) var(--ease-in-out);position:relative;overflow:hidden}.film-stage.full.svelte-zhaplr .film-frame:where(.svelte-zhaplr){width:100vw;height:100svh;box-shadow:none;border-radius:0}.film-media.svelte-zhaplr{object-fit:cover;object-position:50% 60%;width:100vw;height:100svh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.film-frame.svelte-zhaplr{width:var(--frame-w,88vw);height:var(--frame-h,50vh)}}@media (orientation:landscape) and (height<=600px){.film-frame.svelte-zhaplr{width:var(--frame-w,72vw);height:var(--frame-h,84vh)}}.waveform.svelte-o9rkew{height:var(--h);align-items:center;gap:2px;display:flex}.waveform.svelte-o9rkew span:where(.svelte-o9rkew){background:var(--c);transform-origin:50%;border-radius:2px;flex:1 1 0;min-width:2px;max-width:4px}.waveform.animated.svelte-o9rkew span:where(.svelte-o9rkew){animation:svelte-o9rkew-bar 1.2s var(--ease-in-out) infinite alternate;animation-delay:calc(var(--i) * 40ms)}@keyframes svelte-o9rkew-bar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.waveform.animated.svelte-o9rkew span:where(.svelte-o9rkew){animation:none}}.how.svelte-1r5fjei{height:100svh;position:relative}.how-inner.svelte-1r5fjei{height:100svh;color:var(--scene-accent);position:sticky;top:0;overflow:hidden}.anno.svelte-1r5fjei{max-width:220px;font-family:var(--font-body);font-size:var(--t-small);color:var(--ink-soft);opacity:0;transition:opacity .8s var(--ease-out) var(--anno-delay,0s), transform .8s var(--ease-out) var(--anno-delay,0s);font-style:italic;line-height:1.35;position:absolute;transform:translateY(10px)}.anno.show.svelte-1r5fjei{opacity:1;transform:none}.anno-text.svelte-1r5fjei{position:relative}.anno.svelte-1r5fjei:not(.name-tag) .anno-text:where(.svelte-1r5fjei){background:var(--anno-hl,var(--canvas));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.3em;padding:.06em .32em;display:inline}.m.svelte-1r5fjei{fill:none;stroke:var(--scene-accent);stroke-width:2.4px;stroke-linecap:round;position:absolute;overflow:visible}.m.svelte-1r5fjei path:where(.svelte-1r5fjei){stroke-dasharray:320;stroke-dashoffset:320px;transition:stroke-dashoffset .8s var(--ease-out) calc(var(--anno-delay,0s) + .3s)}.anno.show.svelte-1r5fjei .m:where(.svelte-1r5fjei) path:where(.svelte-1r5fjei){stroke-dashoffset:0}.m.svelte-1r5fjei:not(.wide):not(.tall):not(.box):not(.nt){width:104%;height:.7em;bottom:-.5em;left:-2%}.m.wide.svelte-1r5fjei{width:130px;height:44px;top:-10px;left:88%}.m.tall.svelte-1r5fjei{width:48px;height:60px;top:100%;left:50%}.m.box.svelte-1r5fjei{width:112%;height:130%;top:-10%;left:-6%}.m.nt.svelte-1r5fjei{width:74px;height:64px;top:64%;left:72%}.name-tag.svelte-1r5fjei{width:max-content;max-width:none;top:calc(28svh - 71px);left:calc(38vw - 178px)}.name-tag.svelte-1r5fjei .anno-text:where(.svelte-1r5fjei){background:var(--canvas);min-height:1.05em;color:var(--forest);border-radius:var(--radius-pill);font-family:var(--font-display);font-style:normal;font-weight:var(--fw-medium);letter-spacing:.01em;white-space:nowrap;padding:6px 13px;font-size:.82rem;display:inline-block;box-shadow:0 8px 22px #232e1f38}.name-tag.svelte-1r5fjei .nt-caret:where(.svelte-1r5fjei){background:var(--forest);vertical-align:-1px}.pos-left-mid.svelte-1r5fjei{top:48%;left:clamp(12px,2.5vw,48px)}.pos-chat-top.svelte-1r5fjei{text-align:right;top:26%;right:clamp(16px,7vw,130px)}.pos-top-left.svelte-1r5fjei{top:20%;left:clamp(16px,6vw,110px)}.pos-bottom-right.svelte-1r5fjei{text-align:right;bottom:18%;right:clamp(16px,6vw,110px)}.pos-top-right.svelte-1r5fjei{text-align:right;top:19%;right:clamp(16px,6vw,110px)}.pos-bottom-left.svelte-1r5fjei{bottom:18%;left:clamp(16px,6vw,110px)}.chat-wrap.svelte-1r5fjei{width:min(340px,78vw);position:absolute;bottom:24vh;right:clamp(16px,5vw,90px)}.chat.svelte-1r5fjei{gap:var(--s-3);transform-origin:bottom;opacity:0;transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);flex-direction:column;display:flex;transform:scale(.9)translateY(14px)}.chat.open.svelte-1r5fjei{opacity:1;transform:none}.messages.svelte-1r5fjei{justify-content:flex-end;gap:var(--s-2);pointer-events:none;flex-direction:column;height:46vh;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 72px);mask-image:linear-gradient(#0000 0,#000 72px)}.msg-pair.svelte-1r5fjei{gap:var(--s-2);flex-direction:column;display:flex}.msg.svelte-1r5fjei{max-width:86%;padding:var(--s-3) var(--s-4);font-size:var(--t-small);border-radius:var(--radius-lg);line-height:1.45}.msg.out.svelte-1r5fjei{background:var(--ink);color:var(--canvas);border-bottom-right-radius:6px;align-self:flex-end}.msg.in.svelte-1r5fjei{align-self:flex-start;align-items:center;gap:var(--s-3);background:var(--canvas);color:var(--ink-soft);border:1px solid var(--line);border-bottom-left-radius:6px;display:flex}.msg.typing.svelte-1r5fjei{gap:5px}.msg.typing.svelte-1r5fjei .dot:where(.svelte-1r5fjei){background:var(--ink-muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite svelte-1r5fjei-dotPulse}.msg.typing.svelte-1r5fjei .dot:where(.svelte-1r5fjei):nth-child(2){animation-delay:.18s}.msg.typing.svelte-1r5fjei .dot:where(.svelte-1r5fjei):nth-child(3){animation-delay:.36s}@keyframes svelte-1r5fjei-dotPulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.composer.svelte-1r5fjei{align-items:center;gap:var(--s-2);padding:6px 6px 6px var(--s-5);background:var(--canvas);border:1px solid color-mix(in srgb, var(--ink) 8%, transparent);border-radius:var(--radius-pill);display:flex;box-shadow:0 10px 28px #232e1f24}.composer-text.svelte-1r5fjei{min-width:0;font-family:var(--font-body);color:var(--ink);word-break:break-word;flex:auto;font-size:.95rem;line-height:1.4}.composer-text.svelte-1r5fjei .ph:where(.svelte-1r5fjei){color:var(--ink-muted)}.caret.svelte-1r5fjei{background:var(--ink);vertical-align:-2px;width:2px;height:1.05em;margin-left:1px;animation:1s steps(2,end) infinite svelte-1r5fjei-blink;display:inline-block}@keyframes svelte-1r5fjei-blink{50%{opacity:0}}.c-icon.svelte-1r5fjei{width:30px;height:30px;color:var(--ink-muted);flex-shrink:0;place-items:center;display:grid}.c-icon.svelte-1r5fjei svg:where(.svelte-1r5fjei){width:23px;height:23px}.c-send.svelte-1r5fjei{background:var(--scene-accent);width:40px;height:40px;color:var(--on-forest);transition:background-color var(--dur-base) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.c-send.svelte-1r5fjei svg:where(.svelte-1r5fjei){width:20px;height:20px}.next-btn.svelte-1r5fjei{align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3) var(--s-3) var(--s-5);border-radius:var(--radius-pill);background:var(--scene-accent);color:var(--on-forest);font-family:var(--font-display);font-weight:var(--fw-medium);letter-spacing:.01em;box-shadow:var(--shadow-soft);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), gap var(--dur-fast), background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border:none;font-size:.9rem;display:inline-flex;position:absolute;bottom:7vh;left:50%;transform:translate(-50%,8px)}.next-btn.show.svelte-1r5fjei{opacity:1;pointer-events:auto;transform:translate(-50%)}.next-btn.svelte-1r5fjei:hover{gap:var(--s-4);box-shadow:var(--shadow-float);transform:translate(-50%,-2px)}.next-ico.svelte-1r5fjei{background:color-mix(in srgb, var(--canvas) 22%, transparent);fill:currentColor;box-sizing:border-box;border-radius:50%;width:30px;height:30px;padding:6px}.skip-cue.svelte-1r5fjei{right:var(--gutter);bottom:var(--s-6);align-items:flex-end;gap:var(--s-2);color:var(--ink-muted);font-family:var(--font-body);font-style:italic;font-size:var(--t-small);opacity:0;transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);pointer-events:none;flex-direction:column;display:flex;position:absolute;transform:translateY(8px)}.skip-cue.show.svelte-1r5fjei{opacity:1;transform:none}.skip-arrow.svelte-1r5fjei{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:30px;animation:svelte-1r5fjei-skipBob 1.8s var(--ease-in-out) infinite;overflow:visible}@keyframes svelte-1r5fjei-skipBob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.floaty.svelte-1r5fjei{animation:svelte-1r5fjei-floaty 7s var(--ease-in-out) infinite alternate}.floaty.pos-chat-top.svelte-1r5fjei{animation-duration:8s;animation-delay:-2s}.floaty.pos-top-left.svelte-1r5fjei{animation-duration:9s;animation-delay:-1s}.floaty.pos-bottom-right.svelte-1r5fjei{animation-duration:8.5s;animation-delay:-3s}.floaty.pos-top-right.svelte-1r5fjei{animation-duration:7.5s;animation-delay:-2.5s}.floaty.pos-bottom-left.svelte-1r5fjei{animation-duration:9.5s;animation-delay:-1.5s}.chat-wrap.floaty.svelte-1r5fjei{animation-duration:10s}@keyframes svelte-1r5fjei-floaty{0%{translate:0 -6px}to{translate:0 6px}}@media (prefers-reduced-motion:reduce){.floaty.svelte-1r5fjei{animation:none}.anno.svelte-1r5fjei{transition:none}.m.svelte-1r5fjei path:where(.svelte-1r5fjei){stroke-dashoffset:0}.next-btn.svelte-1r5fjei{transition:opacity var(--dur-base)}}@media (width<=768px),(orientation:landscape) and (height<=540px){.anno.pos-left-mid.svelte-1r5fjei,.anno.pos-top-left.svelte-1r5fjei,.anno.pos-bottom-left.svelte-1r5fjei{display:none}.chat-wrap.svelte-1r5fjei{bottom:14vh;right:50%;transform:translate(50%)}.how.svelte-1r5fjei:not(.standalone){display:none}}.how.standalone.svelte-1r5fjei .skip-cue:where(.svelte-1r5fjei){display:none}.how.standalone.svelte-1r5fjei .chat-wrap:where(.svelte-1r5fjei){bottom:16vh;right:clamp(12px,4vw,72px);transform:none}@media (orientation:landscape) and (height<=600px){.how.standalone.svelte-1r5fjei .chat-wrap:where(.svelte-1r5fjei){width:min(300px,58vw);bottom:10vh}.how.standalone.svelte-1r5fjei .next-btn:where(.svelte-1r5fjei){bottom:5vh}}
