.embed-player{position:relative;width:100%;height:100dvh;min-width:0;overflow:hidden;color:#f5f5f5;background:#000}
.embed-player.embed-inpage-fullscreen{position:fixed;inset:0;z-index:1000;height:100dvh}
.embed-player-stage{position:relative;width:100%;height:100%;min-width:0;background:#000}
.embed-player-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.embed-native-ready:not(.embed-provider-mode)::before,.embed-native-active:not(.embed-provider-mode)::before{content:"";position:absolute;z-index:2;inset:0 0 auto;height:94px;background:linear-gradient(180deg,#000 0%,#000 62%,transparent);pointer-events:none}
.embed-player-head{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;gap:14px;min-width:0;padding:calc(18px + env(safe-area-inset-top)) clamp(16px,2.5vw,44px) 34px;background:linear-gradient(180deg,#000c,transparent);pointer-events:none;transition:opacity .2s ease}
.embed-player-head>*{pointer-events:auto}
.embed-player-head h2{flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.4;font-weight:600;text-shadow:0 2px 12px #000}
.embed-back,.embed-settings-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:38px;height:38px;padding:8px;border:0;border-radius:50%;color:#f5f5f5;background:transparent;cursor:pointer;transition:background .16s ease,transform .16s ease}
.embed-back .icon{width:21px;height:21px}
.embed-settings-toggle .icon{width:24px;height:24px}
.embed-settings-toggle .embed-gear{filter:drop-shadow(0 1px 0 #fff3) drop-shadow(0 2px 3px #000b);transition:transform .25s ease}
.embed-settings-toggle:hover .embed-gear,.embed-settings-toggle[aria-expanded=true] .embed-gear{transform:rotate(25deg)}
.embed-back:hover,.embed-settings-toggle:hover,.embed-back:focus-visible,.embed-settings-toggle:focus-visible{background:#ffffff1c;outline:0}
.embed-back:focus-visible,.embed-settings-toggle:focus-visible{box-shadow:0 0 0 2px #fff}
.embed-source-settings{position:relative;flex:none}
.embed-player-sources{position:absolute;top:calc(100% + 8px);right:0;width:min(300px,calc(100vw - 32px));max-height:calc(100dvh - 110px);overflow-y:auto;padding:12px;border:1px solid #ffffff1c;border-radius:12px;color:#f5f5f5;background:#121315f5;box-shadow:0 12px 40px #0008}
.embed-source-menu-label{margin:0 2px 10px;color:#b9bbc1;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.embed-source-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.embed-source{display:grid;gap:3px;min-width:0;padding:10px;border:0;border-radius:7px;color:#b9bbc1;background:transparent;font:inherit;text-align:left;cursor:pointer}
.embed-source span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}
.embed-source small{font-size:9px;line-height:1.4}
.embed-source.is-selected{color:#fff;background:#ffffff14}
.embed-source:hover,.embed-source:focus-visible{color:#fff;background:#ffffff20;outline:0}
.embed-source:disabled{opacity:.45;cursor:not-allowed}
.embed-provider-controls{display:block;width:100%;margin-top:10px;padding:11px 4px 2px;border:0;border-top:1px solid #ffffff1c;color:#f5f5f5;background:transparent;text-align:left;font:inherit;font-size:12px;line-height:1.4;cursor:pointer}
.embed-provider-controls:hover,.embed-provider-controls:focus-visible{text-decoration:underline;text-underline-offset:4px}
.embed-player-empty{position:absolute;z-index:2;left:50%;top:50%;max-width:calc(100% - 32px);margin:0;color:#b9bbc1;font-size:13px;text-align:center;transform:translate(-50%,-50%)}
.embed-player-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.embed-native-dock{position:absolute;z-index:3;inset:auto 0 0;display:grid;gap:5px;padding:56px clamp(16px,2.5vw,44px) calc(18px + env(safe-area-inset-bottom));color:#fff;background:linear-gradient(180deg,transparent 0%,#000 25%,#000 100%);transition:opacity .2s ease}
.embed-native-center-play{position:absolute;z-index:3;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;width:68px;height:68px;padding:19px;border:0;border-radius:50%;color:#fff;background:#0b0c0feb;box-shadow:0 4px 26px #0007;cursor:pointer;transform:translate(-50%,-50%)}
.embed-native-center-play .icon{width:30px;height:30px}
.embed-native-center-play:hover,.embed-native-center-play:focus-visible{background:#25262a;outline:2px solid #fff;outline-offset:3px}
.embed-native-center-seek{display:none}
.embed-native-timeline{display:grid;grid-template-columns:36px minmax(0,1fr) auto 36px;align-items:center;gap:12px;min-width:0}
.embed-native-actions{display:flex;align-items:center;gap:6px;padding-left:48px}
.embed-native-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:7px;border:0;border-radius:50%;color:#fff;background:transparent;cursor:pointer;transition:background .16s ease,transform .16s ease}
.embed-native-button .icon{width:21px;height:21px}
.embed-cc-mark{font-size:12px;font-weight:800;letter-spacing:-.06em}
.embed-native-button:hover,.embed-native-button:focus-visible{background:#ffffff20;transform:scale(1.05);outline:0}
.embed-native-button:focus-visible{box-shadow:0 0 0 2px #fff}
.embed-native-timeline input[type=range],.embed-native-volume{appearance:none;-webkit-appearance:none;min-width:0;height:4px;margin:0;padding:0;border:0;border-radius:4px;cursor:pointer}
.embed-native-timeline input[type=range]{width:100%;background:linear-gradient(90deg,#fff 0%,#fff var(--embed-progress,0%),#ffffff70 var(--embed-progress,0%),#ffffff70 100%)}
.embed-native-volume{width:72px;margin-right:8px;background:#ffffff70}
.embed-native-timeline input::-webkit-slider-thumb,.embed-native-volume::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.embed-native-timeline input::-moz-range-thumb,.embed-native-volume::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.embed-native-timeline input:disabled{opacity:.45;cursor:default}
.embed-native-timeline [data-embed-native-time]{min-width:88px;color:#e8e8e8;font-size:11px;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.embed-native-hidden:not(.embed-provider-mode) .embed-native-dock,.embed-native-hidden:not(.embed-provider-mode) .embed-player-head{opacity:0;pointer-events:none}
.embed-native-hidden:not(.embed-provider-mode) .embed-player-head>*{pointer-events:none}
.embed-native-hidden:not(.embed-provider-mode)::before{opacity:0}
.embed-native-hidden:not(.embed-provider-mode){cursor:none}
.embed-native-ready:not(.embed-provider-mode) .embed-player-frame,.embed-native-active:not(.embed-provider-mode) .embed-player-frame{pointer-events:none}
.embed-player [hidden]{display:none!important}
@media(max-width:600px){
  .embed-player-head{gap:8px;padding:calc(10px + env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 30px max(10px,env(safe-area-inset-left))}
  .embed-player-head h2{font-size:13px}
  .embed-back,.embed-settings-toggle{width:34px;height:34px;padding:7px}
  .embed-settings-toggle .icon{width:22px;height:22px}
  .embed-native-dock{padding:50px max(10px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
  .embed-native-center-play{width:58px;height:58px;padding:16px}
  .embed-native-timeline{grid-template-columns:30px minmax(0,1fr) auto 30px;gap:6px}
  .embed-native-actions{gap:4px;padding-left:36px}
  .embed-native-button{width:30px;height:30px;padding:5px}
  .embed-native-button .icon{width:18px;height:18px}
  .embed-native-volume{width:58px;margin-right:4px}
  .embed-native-timeline [data-embed-native-time]{min-width:63px;font-size:9px}
  .embed-native-center-seek:not([hidden]){position:absolute;z-index:3;inset:50% 0 auto;display:flex;justify-content:space-between;padding-inline:calc(20% - 22px);transform:translateY(-50%);pointer-events:none}
  .embed-native-center-seek .embed-native-button{width:44px;height:44px;padding:11px;background:#0b0c0feb;pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){.embed-player-head,.embed-native-dock,.embed-native-button,.embed-settings-toggle,.embed-gear{transition:none}}
@media(pointer:coarse){
  .embed-back,.embed-settings-toggle,.embed-native-button{min-width:40px;min-height:40px}
  .embed-native-timeline{grid-template-columns:40px minmax(0,1fr) auto 40px}
  .embed-native-timeline input[type=range],.embed-native-volume{height:24px;background-size:100% 4px;background-position:center;background-repeat:no-repeat;background-color:transparent}
  .embed-native-volume{background-image:linear-gradient(#ffffff70,#ffffff70)}
  .embed-native-actions{padding-left:46px}
}
body.tv .embed-native-timeline{grid-template-columns:44px minmax(0,1fr) auto 44px}
body.tv .embed-native-button,body.tv .embed-back,body.tv .embed-settings-toggle{width:44px;height:44px;padding:10px}
body.tv .embed-native-button:focus-visible,body.tv .embed-back:focus-visible,body.tv .embed-settings-toggle:focus-visible{box-shadow:0 0 0 2px #fff,0 0 18px #ffffff38}
@media(max-width:360px) and (pointer:coarse){.embed-native-volume{display:none}}

.embed-language-options{display:grid;gap:4px;margin-top:14px}
.embed-language-options p{margin:0 4px 5px;color:#b9bbc1;font-size:12px}
.embed-language-options button{font:inherit;font-size:13px;text-align:left;color:#eee;padding:10px;border:0;border-radius:7px;background:transparent;cursor:pointer}
.embed-language-options button[aria-pressed=true],.embed-language-options button:hover{background:#ffffff16}
.embed-language-options button:focus-visible{outline:2px solid white;outline-offset:1px}

/* Subtitles live in the settings menu, next to the audio version. */
.embed-menu-row{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:10px;border:0;border-radius:7px;color:#eee;background:transparent;font:inherit;font-size:13px;text-align:left;cursor:pointer}
.embed-menu-row:hover,.embed-menu-row:focus-visible,.embed-menu-row[aria-pressed=true]{background:#ffffff16;outline:0}
.embed-menu-row:focus-visible{box-shadow:0 0 0 2px #fff}
.embed-menu-row[aria-pressed=true]::after{content:"";width:7px;height:7px;margin-left:auto;border-radius:50%;background:#fff}
.embed-menu-row .embed-cc-mark{display:inline-grid;place-items:center;min-width:24px}

/* The wrapper owns its chrome; opaque providers retain their own transport. */
.embed-player-stage>.embed-source-settings{position:absolute;z-index:6;top:calc(18px + env(safe-area-inset-top));right:clamp(16px,2.5vw,44px)}
.embed-player-head{padding-right:calc(clamp(16px,2.5vw,44px) + 48px)}
.embed-native-timeline{padding-right:46px}
.embed-has-controls:not(.embed-provider-mode)>.embed-source-settings{top:auto;bottom:calc(18px + env(safe-area-inset-bottom))}
.embed-has-controls:not(.embed-provider-mode) .embed-player-sources{top:auto;bottom:calc(100% + 10px)}
.embed-has-controls:not(.embed-provider-mode) [data-embed-shell-fullscreen]{display:none}
.embed-native-hidden>.embed-source-settings,.embed-native-hidden .embed-player-head,.embed-native-hidden .embed-native-dock{opacity:0;pointer-events:none}
.embed-native-hidden .embed-player-head>*{pointer-events:none}
.embed-native-hidden .embed-native-center-play,.embed-native-hidden .embed-native-center-seek{opacity:0;pointer-events:none}
.embed-native-hidden::before{opacity:0}
.embed-wake-edge{position:absolute;z-index:2;inset:0 0 auto;height:12px}
.embed-setting-field{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 4px;color:#ddd;font:inherit;font-size:12px;line-height:1.5}
.embed-setting-field span{flex:1;min-width:0}
.embed-setting-field select{max-width:105px;border:1px solid #ffffff26;border-radius:5px;padding:6px;color:#eee;background:#1b1d22;font:inherit}
.embed-setting-field input[type=range]{width:108px;min-width:65px;accent-color:#d9e7ff}
.embed-setting-field input[type=checkbox]{width:16px;height:16px;accent-color:#d9e7ff}
.embed-image-settings{margin-top:8px;padding:10px 4px;color:#ddd;font-size:12px}
.embed-image-settings summary{cursor:pointer;padding:4px 0}
.embed-picture-reset{border:0;background:transparent;color:#bbb;font:inherit;font-size:11px;padding:8px 0;cursor:pointer}
.embed-next-button,.embed-next-card button{border:0;border-radius:5px;background:#ffffff18;color:#fff;font:inherit;font-size:12px;padding:10px;cursor:pointer}
.embed-next-button{display:flex;align-items:center;gap:8px;white-space:nowrap}
.embed-next-button .icon{width:16px;height:16px}
.embed-next-card{position:absolute;z-index:5;right:clamp(16px,2.5vw,44px);bottom:150px;display:grid;gap:12px;max-width:260px;padding:16px;border:1px solid #ffffff28;border-radius:7px;background:#14161bf2;font-size:13px}
@media(max-width:600px){
 .embed-player-stage>.embed-source-settings{top:calc(10px + env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right))}
 .embed-player-head{padding-right:54px;gap:5px}
 .embed-has-controls:not(.embed-provider-mode)>.embed-source-settings{top:auto;bottom:calc(10px + env(safe-area-inset-bottom))}
 .embed-native-timeline{padding-right:42px}
 .embed-next-button{font-size:10px;padding:8px;max-width:105px;white-space:normal}
 .embed-next-card{bottom:140px}
}
