.film-player{pointer-events:auto;outline:none;overflow-anchor:none;--fp-progress:0%;--fp-accent:#d2bef0}
.film-player:focus-visible{outline:2px solid #ab8bcd;outline-offset:5px}
.fp-video{position:absolute;inset:0;z-index:3;width:100%;height:100%;max-width:none;object-fit:contain;background:#000;opacity:0}
.film-player[data-started] .fp-video{opacity:1}
.film-player[data-started] [data-player-poster]{opacity:0}
.study-video[data-started]{z-index:12!important;box-shadow:0 32px 85px #30204440}
.fp-center{position:absolute;z-index:7;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(64px,6vw,96px);height:auto;aspect-ratio:1;min-height:0;border-radius:50%;padding:0;border:1px solid #ffffff70;color:#fff;background:#ffffff13;backdrop-filter:blur(12px);box-shadow:inset 0 0 16px #ffffff08;cursor:pointer;transition:opacity .22s,background .22s,scale .22s}
.fp-center svg{width:34px;height:34px;translate:1px 0}
.fp-center:hover{background:#ffffff26;scale:1.045}
.film-player[data-playing="true"] .fp-center{opacity:0;pointer-events:none}
.fp-controls{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:32px 20px 12px;background:linear-gradient(transparent,#0008 40%,#000c);color:#fff;opacity:1;transition:opacity .22s}
.film-player[data-controls="hidden"] .fp-controls{opacity:0;pointer-events:none}
.film-player:focus-visible .fp-controls,.film-player .fp-controls:focus-within{opacity:1;pointer-events:auto}
.fp-bar{display:flex;align-items:center;gap:4px;min-height:36px}
.fp-bar button{display:grid;place-items:center;width:40px;height:40px;min-height:0;padding:9px;border:0;border-radius:7px;background:none;color:inherit;cursor:pointer}
.fp-bar button:hover{background:#ffffff15}
.fp-bar svg{width:22px;height:22px}
.fp-bar button:focus-visible,.fp-center:focus-visible{outline:2px solid var(--fp-accent);outline-offset:2px}
.fp-seek-row{position:relative;height:22px;display:flex;align-items:center}
.fp-seek{display:block;width:100%;height:22px;margin:0;padding:0;border:0;background:transparent;appearance:none;-webkit-appearance:none;cursor:pointer}
.fp-seek::-webkit-slider-runnable-track{height:2px;border-radius:5px;background:linear-gradient(90deg,var(--fp-accent) var(--fp-progress),#ffffff35 var(--fp-progress));transition:height .14s}
.fp-seek::-moz-range-track{height:2px;border-radius:5px;background:#ffffff35}.fp-seek::-moz-range-progress{height:2px;background:var(--fp-accent)}
.fp-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 5px #0004;margin-top:-4px;opacity:0;transition:opacity .14s}
.fp-seek::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff;opacity:0}
.fp-seek-row:hover .fp-seek::-webkit-slider-runnable-track,.fp-seek:focus-visible::-webkit-slider-runnable-track{height:4px}
.fp-seek-row:hover .fp-seek::-webkit-slider-thumb,.fp-seek:focus-visible::-webkit-slider-thumb{opacity:1;margin-top:-3px}
.fp-seek-row:hover .fp-seek::-moz-range-thumb,.fp-seek:focus-visible::-moz-range-thumb{opacity:1}
.fp-seek:focus-visible{outline:1px solid var(--fp-accent);outline-offset:2px;border-radius:4px}
.fp-seek-tip{position:absolute;bottom:29px;transform:translateX(-50%);padding:5px 7px;background:#16121de6;border:1px solid #ffffff18;border-radius:6px;color:#fff;font:10px/1.2 -apple-system,sans-serif;pointer-events:none}
.fp-time{display:flex;gap:6px;align-items:center;margin-left:5px;font:400 10px/1.3 -apple-system,BlinkMacSystemFont,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.025em;white-space:nowrap}.fp-time-divider{opacity:.45}.fp-time [data-fp-duration]{opacity:.65}.fp-spacer{flex:1}
.fp-volume-group{display:flex;align-items:center}.fp-volume{width:0;opacity:0;height:3px;margin:0;background:#ffffff40;accent-color:var(--fp-accent);transition:width .2s,opacity .2s;cursor:pointer}
.fp-volume-group:hover .fp-volume,.fp-volume-group:focus-within .fp-volume{width:58px;opacity:1;margin:0 8px 0 3px}
.fp-error{position:absolute;z-index:7;left:10%;right:10%;top:25%;text-align:center;color:white;font-size:12px}
.fp-error[hidden],.fp-seek-tip[hidden]{display:none}
.study-video:fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;transform:none!important;border-radius:0!important;background:#000;opacity:1!important;pointer-events:auto!important}
.study-video:fullscreen .fp-controls{padding:70px max(24px,5vw) 24px}.study-video:fullscreen .fp-center{width:clamp(88px,5vw,112px)}.study-video:fullscreen .fp-time{font-size:13px}
@media(max-width:760px){.fp-controls{padding:28px 12px 6px}.fp-bar{gap:0}.fp-bar button{width:32px;height:34px;padding:7px}.fp-bar svg{width:19px;height:19px}.fp-time{font-size:9px;gap:4px;margin-left:3px}.fp-center{width:64px}.fp-center svg{width:28px;height:28px}.fp-volume{display:none}.fp-seek::-webkit-slider-thumb{opacity:1}.fp-seek-row{height:25px}}
@media(prefers-reduced-motion:reduce){.fp-center,.fp-controls,.fp-volume{transition:none}}
.fp-theater{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;margin:0;border:0;background:transparent;overflow:hidden;color:#fff}
.fp-theater[open]{display:grid;place-items:center}.fp-theater:not([open]){display:none}
.fp-theater::backdrop{background:#08070deb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.fp-theater[open]::backdrop{animation:fp-theater-shade-in 420ms cubic-bezier(.22,1,.36,1) both}
@keyframes fp-theater-shade-in{
 from{background:transparent;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0)}
 to{background:#08070deb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}
.fp-theater-outgoing-shade{position:fixed;inset:0;z-index:2147483647;pointer-events:none}
.fp-theater-stage{position:relative;width:min(calc(100vw - 2*clamp(20px,3vw,64px) - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),calc((100dvh - 2*clamp(60px,5dvh,90px) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))*1.777778));aspect-ratio:16/9}
.fp-theater .film-player{position:relative!important;inset:auto!important;left:0!important;top:0!important;width:100%!important;height:100%!important;aspect-ratio:16/9;transform:none!important;opacity:1!important;clip-path:none!important;border-radius:12px!important;background:#000;pointer-events:auto!important;box-shadow:0 30px 130px #000a}
.fp-theater .film-player:before,.fp-theater .film-player:after{display:none}
.fp-theater .fp-center{width:clamp(88px,5vw,112px)}
.fp-theater .fp-center svg{width:40px;height:40px}
.fp-theater-close{position:absolute;top:max(20px,env(safe-area-inset-top,0px));right:max(24px,env(safe-area-inset-right,0px));z-index:2;display:grid;place-items:center;width:44px;height:44px;min-height:0;border:1px solid #ffffff38;border-radius:50%;padding:10px;color:#fff;background:#ffffff0c;cursor:pointer}
.fp-theater-close svg{width:20px;height:20px}.fp-theater-close:hover{background:#ffffff1f}.fp-theater-close:focus-visible{outline:2px solid #d2bef0;outline-offset:4px}
.fp-theater .film-player:fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important}
@media(max-width:760px){.fp-theater-stage{width:min(calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)),calc((100dvh - 120px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))*1.777778))}.fp-theater .film-player{border-radius:0!important}.fp-theater-close{top:max(16px,env(safe-area-inset-top,0px));right:max(16px,env(safe-area-inset-right,0px))}}
@media(pointer:coarse){
 .fp-bar button{width:44px;height:44px;min-width:44px;min-height:44px;flex-shrink:0}
 .fp-seek{touch-action:none}
 /* The toolbar remains reachable on short 16:9 phone cards. */
 .film-player[data-started]>.fp-center{display:none}
}

@media(max-width:760px){.fp-theater .fp-center{width:72px}.fp-theater .fp-center svg{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.fp-theater[open]::backdrop{animation:none}}