:root{--film-ground: radial-gradient(120% 90% at 50% 40%, #f7f7f9 0%, #e9e9ed 100%);--film-ink: #1d1d1f;--film-ink-soft: #8a8a90;--film-line: #b9b9bf;--film-silver-top: #e4e4e8;--film-silver-bottom: #c6c6cb;--film-screen: #1b2740;--film-window: #ffffff;--film-tint: var(--brand);--film-tile: #2B2E33}@media (prefers-color-scheme: dark){:root:not(:has(body.light)){--film-ground: radial-gradient(120% 90% at 50% 40%, #18181b 0%, #0b0b0c 100%);--film-ink: #f5f5f7;--film-ink-soft: #6e6e73;--film-line: #48484d;--film-silver-top: #c9c9ce;--film-silver-bottom: #8e8e94}}:root:has(body.dark){--film-ground: radial-gradient(120% 90% at 50% 40%, #18181b 0%, #0b0b0c 100%);--film-ink: #f5f5f7;--film-ink-soft: #6e6e73;--film-line: #48484d;--film-silver-top: #c9c9ce;--film-silver-bottom: #8e8e94}.film-page{min-height:100svh;display:grid;place-items:center;padding:24px}.film{width:min(100%,1280px);margin:0}.film-stage{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border-radius:28px;background:var(--film-ground)}.film-cap{min-height:2.4em;margin-top:18px;text-align:center;font-family:var(--display);font-size:clamp(19px,2.2vw,28px);font-weight:600;letter-spacing:-.018em;color:var(--fg);transition:opacity .15s ease-in-out,filter .15s ease-in-out,transform .15s ease-in-out}.film-cap.out{opacity:0;filter:blur(2px);transform:translateY(-4px)}.film-controls{display:flex;justify-content:center;gap:10px;margin-top:6px}.film-controls button{padding:7px 14px;border:0;border-radius:999px;background:var(--chip);color:var(--fg-2);font-size:13px;font-weight:500}#f-mini-body{stroke:#0000000f;stroke-width:1}.f-ink-soft path{fill:var(--film-ink-soft)}.f-led{fill:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,.9))}.f-screen{fill:var(--film-screen)}.f-screen-dash{fill:none;stroke:var(--film-line);stroke-width:4;stroke-dasharray:16 14;stroke-linecap:round}.f-screen-line{fill:none;stroke:var(--film-line);stroke-width:4;stroke-linecap:round}.f-typed{font:500 30px ui-monospace,SF Mono,Menlo,monospace;fill:var(--film-ink-soft)}#f-ripple{fill:var(--film-tint)}#f-window-body{fill:var(--film-window)}.f-l1{fill:#ff5f57;stroke:#e0443e}.f-l2{fill:#febc2e;stroke:#dea123}.f-l3{fill:#28c840;stroke:#1aab29}.f-l1,.f-l2,.f-l3{stroke-width:.5}.f-cursor{fill:var(--film-tint)}.f-cursor-rim{fill:none;stroke:#fff;stroke-width:7;stroke-linejoin:round}.f-glow{fill:none;stroke:var(--film-tint);stroke-width:36}.f-glow-line{fill:none;stroke:var(--film-tint);stroke-width:6}.f-touch{fill:#ffffff8c;stroke:#ffffffe6;stroke-width:3}.f-pause circle{fill:#1d1d1fc7}.f-pause path{fill:#fff}@media (prefers-reduced-motion: reduce){.film-cap{transition:none}}