[data-caption-player]{
  --player-ink:#fffefa;
  --player-ground:#08151c;
  --player-glass:rgba(16,32,41,.56);
  --player-glass-strong:rgba(12,27,36,.82);
  --player-line:rgba(255,254,250,.24);
  --player-accent:#d8a08c;
  box-sizing:border-box;
  position:relative;
  isolation:isolate;
  width:100%;
  max-width:100%;
  aspect-ratio:16/9;
  margin:0;
  overflow:hidden;
  border-radius:clamp(14px,2vw,24px);
  background:var(--player-ground);
  color:var(--player-ink);
  box-shadow:0 22px 70px rgba(8,21,28,.22);
}
[data-caption-player][hidden]{display:none!important}
[data-caption-player] *{box-sizing:border-box}
[data-caption-player] .safe-picture{position:absolute;inset:0;background:var(--player-ground);cursor:pointer}
[data-caption-player] .safe-picture video{display:block!important;position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;visibility:visible!important;background:var(--player-ground)}
[data-caption-player] .safe-overlay-play{position:absolute;z-index:6;left:50%;top:50%;display:grid;place-items:center;width:clamp(64px,8vw,88px);height:clamp(64px,8vw,88px);padding:0;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(12,27,36,.58);color:var(--player-ink);box-shadow:0 14px 44px rgba(3,12,17,.34),inset 0 1px 0 rgba(255,255,255,.24);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);cursor:pointer;transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .2s ease,opacity .18s ease}
[data-caption-player] .safe-overlay-play:hover{transform:translate(-50%,-50%) scale(1.045);background:rgba(23,44,54,.72)}
[data-caption-player].is-playing .safe-overlay-play{opacity:0;pointer-events:none}
[data-caption-player] .safe-overlay-play svg{width:31%;height:31%;margin-left:5%}
[data-caption-player] [data-captions]{position:absolute!important;z-index:8;top:clamp(14px,6%,46px);left:50%;width:min(86%,780px);min-height:0;padding:0;transform:translateX(-50%);text-align:center;font:600 clamp(16px,2vw,25px)/1.35 "Instrument Sans",system-ui,sans-serif;letter-spacing:.005em;white-space:pre-line;overflow-wrap:anywhere;background:transparent;color:var(--player-ink);pointer-events:none}
[data-caption-player] [data-captions]:empty{display:none}
[data-caption-player] [data-captions]>div{display:inline-block;margin:0;padding:.42em .72em;border:1px solid rgba(255,255,255,.18);border-radius:.62em;background:rgba(5,15,21,.84);box-shadow:0 8px 28px rgba(0,0,0,.28);text-shadow:0 1px 2px #000;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
[data-caption-player] .safe-disclosure{position:absolute;z-index:7;left:clamp(10px,2vw,22px);top:clamp(10px,2vw,22px);max-width:calc(100% - 88px);margin:0;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,20,27,.46);color:rgba(255,254,250,.88);font:500 clamp(10px,1.15vw,12px)/1.2 "Instrument Sans",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.16);backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}
[data-caption-player].captions-on .safe-disclosure{opacity:0;pointer-events:none}
[data-caption-player] .safe-controls{position:absolute;z-index:10;left:50%;bottom:max(14px,env(safe-area-inset-bottom));display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto auto auto auto;align-items:center;gap:6px;width:min(780px,calc(100% - 28px));margin:0;padding:8px 10px;transform:translateX(-50%);border:1px solid var(--player-line);border-radius:999px;background:var(--player-glass);color:var(--player-ink);box-shadow:0 16px 48px rgba(2,10,15,.34),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1),background-color .2s ease}
[data-caption-player] .safe-controls:hover,[data-caption-player] .safe-controls:focus-within{background:rgba(15,32,41,.72)}
[data-caption-player] .safe-controls button,[data-caption-player] .safe-control-link{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;min-width:42px;min-height:42px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--player-ink);text-decoration:none;cursor:pointer;transition:background-color .16s ease,transform .16s ease,opacity .16s ease}
[data-caption-player] .safe-controls button:hover,[data-caption-player] .safe-control-link:hover{background:rgba(255,255,255,.14)}
[data-caption-player] .safe-controls button:active,[data-caption-player] .safe-control-link:active{transform:scale(.94)}
[data-caption-player] .safe-controls button:disabled,[data-caption-player] .safe-overlay-play:disabled{opacity:.42;cursor:default}
[data-caption-player] .safe-controls button svg,[data-caption-player] .safe-control-link svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
[data-caption-player] [data-play] svg{fill:currentColor;stroke:none}
[data-caption-player] [data-cc] svg{width:23px;height:23px}
[data-caption-player] [data-cc][aria-pressed="true"]{background:var(--player-ink);color:#17313f}
[data-caption-player] .safe-controls input[type="range"]{width:100%;min-width:0;height:42px;margin:0;padding:0 5px;appearance:none;-webkit-appearance:none;background:transparent;accent-color:var(--player-ink);cursor:pointer}
[data-caption-player] .safe-controls input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:999px;background:rgba(255,255,255,.34)}
[data-caption-player] .safe-controls input[type="range"]::-webkit-slider-thumb{width:15px;height:15px;margin-top:-5.5px;border:0;border-radius:50%;background:var(--player-ink);box-shadow:0 1px 4px rgba(0,0,0,.35);-webkit-appearance:none}
[data-caption-player] .safe-controls input[type="range"]::-moz-range-track{height:4px;border:0;border-radius:999px;background:rgba(255,255,255,.34)}
[data-caption-player] .safe-controls input[type="range"]::-moz-range-progress{height:4px;border-radius:999px;background:var(--player-ink)}
[data-caption-player] .safe-controls input[type="range"]::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--player-ink);box-shadow:0 1px 4px rgba(0,0,0,.35)}
[data-caption-player] [data-clock]{min-width:86px;color:rgba(255,254,250,.86);font:500 12px/1 "Instrument Sans",ui-monospace,SFMono-Regular,monospace;text-align:center;font-variant-numeric:tabular-nums}
[data-caption-player] [data-status]{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
[data-caption-player] .safe-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
[data-caption-player].controls-hidden .safe-controls{opacity:0;pointer-events:none;transform:translate(-50%,10px)}
[data-caption-player].controls-hidden .safe-disclosure{opacity:0;pointer-events:none;transform:translateY(-6px)}
[data-caption-player]:not(.is-playing) .safe-controls,[data-caption-player].keyboard-focus:focus-within .safe-controls{opacity:1;pointer-events:auto;transform:translateX(-50%)}
[data-caption-player]:not(.is-playing) .safe-disclosure,[data-caption-player].keyboard-focus:focus-within .safe-disclosure{opacity:1;transform:none}
[data-caption-player] :focus-visible{outline:3px solid var(--player-accent);outline-offset:3px}

#film-dialog{box-sizing:border-box;display:none;width:100dvw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-radius:0;background:var(--player-ground,#08151c);color:#fffefa}
#film-dialog[open]{display:block}
#film-dialog::backdrop{background:#08151c}
#film-dialog .dialog-top{position:absolute;z-index:30;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));display:flex;justify-content:flex-end;align-items:center;margin:0;pointer-events:none}
#film-dialog .dialog-top h2{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
#film-dialog .dialog-top button{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:rgba(12,27,36,.54);color:#fffefa;font:400 27px/1 system-ui,sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);cursor:pointer;pointer-events:auto}
#film-dialog [data-caption-player]{width:100%;height:100%;aspect-ratio:auto;border-radius:0;box-shadow:none}
#film-dialog>p{display:none!important}

[data-caption-player]:fullscreen,[data-caption-player][data-viewport-fullscreen]{position:fixed;inset:0;z-index:10000;width:100dvw;height:100dvh;max-width:none;max-height:none;aspect-ratio:auto;border-radius:0;background:var(--player-ground);box-shadow:none}
[data-caption-player][data-viewport-fullscreen]{padding:0}

@media(max-width:640px){
  [data-caption-player]{border-radius:14px}
  [data-caption-player] .safe-controls{grid-template-areas:"seek seek seek seek seek seek" "play clock mute cc transcript full";grid-template-columns:44px minmax(70px,1fr) repeat(4,44px);gap:2px;width:calc(100% - 16px);padding:7px 8px 8px;border-radius:25px}
  [data-caption-player] [data-play]{grid-area:play}
  [data-caption-player] [data-seek]{grid-area:seek;height:30px!important}
  [data-caption-player] [data-clock]{grid-area:clock;min-width:0;text-align:left;padding-left:4px}
  [data-caption-player] [data-mute]{grid-area:mute}
  [data-caption-player] [data-cc]{grid-area:cc}
  [data-caption-player] [data-transcript]{grid-area:transcript}
  [data-caption-player] [data-full]{grid-area:full}
  [data-caption-player] .safe-disclosure{max-width:calc(100% - 70px);font-size:9px;letter-spacing:.045em}
  [data-caption-player] [data-captions]{top:12px;width:92%;font-size:clamp(14px,4vw,18px)}
  #film-dialog .dialog-top{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}
}
@media(max-width:390px){
  [data-caption-player] .safe-controls{grid-template-columns:40px minmax(58px,1fr) repeat(4,40px)}
  [data-caption-player] .safe-controls button,[data-caption-player] .safe-control-link{width:40px;height:40px;min-width:40px;min-height:40px}
  [data-caption-player] [data-clock]{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  [data-caption-player] *,#film-dialog .dialog-top button{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}
@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){
  [data-caption-player] .safe-controls,[data-caption-player] .safe-overlay-play,#film-dialog .dialog-top button{background:#102833;border-color:#fffefa;backdrop-filter:none;-webkit-backdrop-filter:none}
  [data-caption-player] .safe-disclosure{background:#102833;border-color:#fffefa;backdrop-filter:none;-webkit-backdrop-filter:none}
  [data-caption-player] [data-captions]>div{background:#08151c;border-color:#fffefa;backdrop-filter:none;-webkit-backdrop-filter:none}
}
@media(forced-colors:active){
  [data-caption-player] .safe-controls,[data-caption-player] .safe-overlay-play,[data-caption-player] .safe-disclosure,#film-dialog .dialog-top button{border:1px solid ButtonText;background:Canvas;color:CanvasText;forced-color-adjust:auto}
}
