.twin-film-btn{border:1px solid var(--glass-edge);background:var(--glass-sheen),linear-gradient(var(--glass-fill),var(--glass-fill));min-block-size:44px;min-inline-size:44px;box-shadow:inset 0 1px 0 var(--glass-rim),var(--glass-lift);color:var(--ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding-inline:16px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.twin-film-btn[aria-disabled=true]{color:var(--ink-3);cursor:not-allowed;border-style:dashed}@media(hover:hover){.twin-film-btn:not([aria-disabled=true]):hover{border-color:var(--hairline-hover)}}.twin-film{gap:10px;inline-size:100%;margin:0;display:grid}.twin-film-frame{isolation:isolate;aspect-ratio:16/9;border:1px solid var(--hairline);border-radius:var(--nx-radius-16,16px);background:color-mix(in srgb,var(--ink) 10%,var(--surface));inline-size:100%;box-shadow:var(--glass-lift);position:relative;overflow:hidden}.twin-film-poster,.twin-film-video{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.twin-film-video{opacity:0}.twin-film-video[data-ready]{opacity:1}.twin-film-bar{align-items:center;gap:12px;display:flex}.twin-film-progress{background:color-mix(in srgb,var(--ink) 16%,transparent);border-radius:999px;flex:auto;block-size:4px;min-inline-size:48px;overflow:hidden}.twin-film-progress>i{inline-size:calc(var(--twin-progress,0) * 100%);border-radius:inherit;background:var(--tone-cyan);block-size:100%;display:block}.twin-film-hint,.twin-film-caption{color:var(--ink-2);margin:0;font-size:13px;line-height:1.8}.twin-film-caption strong{color:var(--ink);font-weight:700}.twin-film-sr{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;position:absolute;overflow:hidden}.twin-film:-webkit-full-screen{box-sizing:border-box;background:var(--surface);grid-template-columns:min(100%,177.778dvh - 17.7778rem);place-content:center;block-size:100%;padding:16px}.twin-film:fullscreen{box-sizing:border-box;background:var(--surface);grid-template-columns:min(100%,177.778dvh - 17.7778rem);place-content:center;block-size:100%;padding:16px}@media(prefers-reduced-motion:no-preference){.twin-film-video{transition:opacity .24s}.twin-film-progress>i{transition:inline-size .26s linear}}@media(prefers-reduced-transparency:reduce){.twin-film-btn{background:var(--surface)}}@media(forced-colors:active){.twin-film-btn{color:buttontext;box-shadow:none;background:buttonface;border:1px solid buttontext}.twin-film-btn[aria-disabled=true]{color:graytext;border-color:graytext}.twin-film-frame{box-shadow:none;border-color:canvastext}.twin-film-progress{background:canvas;border:1px solid canvastext}.twin-film-progress>i{background:highlight}}@media(max-width:479px){.twin-film-sound .twin-film-btn-text{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.twin-film-sound{padding-inline:0}}