.video-control-host.video-control-host{position:relative;min-width:0;background:#111;isolation:isolate}
.video-control-host.video-control-host>video{min-width:0;min-height:0;width:100%;height:100%;max-height:none;object-fit:contain;display:block;background:#111;cursor:pointer;transform:translateZ(0);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.video-control-host>video:focus:not(:focus-visible){outline:none}
.video-control-host>video:focus-visible{outline-offset:-2px}
.video-control-host{-webkit-tap-highlight-color:transparent}
.video-review-host>video::-webkit-media-controls-fullscreen-button{display:none!important}
.video-review-host.video-control-native-video>video::-webkit-media-controls-fullscreen-button{display:block!important}
.video-control-native-video>.video-controls-extra,.video-control-native-video>.review-comment-trigger{visibility:hidden!important;pointer-events:none!important}

/* One control surface sits over the picture, with the timeline above its single row. */
.video-controls-extra{position:absolute;inset:auto 0 0;z-index:3;display:flex;flex-direction:column;gap:0;width:100%;min-width:0;padding:24px 18px 8px;background:linear-gradient(180deg,transparent 0%,#0005 28%,#000c 100%);color:#fff;font-family:inherit;line-height:1.4;box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s,visibility .16s;user-select:none;-webkit-user-select:none}
.video-controls-paused>.video-controls-extra{opacity:1;visibility:visible;pointer-events:auto}
.video-controls-extra *{box-sizing:border-box}
.video-controls-row{display:flex;align-items:center;gap:13px;width:100%;min-width:0;min-height:36px}
.video-controls-spacer{flex:1 1 12px;min-width:0}
.video-controls-time{flex-shrink:0;white-space:nowrap;font-size:12px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;color:#f2f2f2;text-shadow:0 1px 3px #0008}
.video-controls-extra button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin:0;min-width:36px;min-height:36px;padding:7px;font-family:inherit;line-height:1;border:0;cursor:pointer;color:#f4f4f4;background:transparent;border-radius:4px;-webkit-tap-highlight-color:transparent}
.video-controls-extra button:hover{background:#ffffff15;color:#fff}
.video-controls-extra button svg{display:block;flex-shrink:0;width:19px;height:19px;pointer-events:none}
.video-controls-extra button:focus-visible,.video-controls-field select:focus-visible,.video-controls-extra input:focus-visible{outline:2px solid #e74b3b;outline-offset:2px}
.video-controls-extra button:disabled{cursor:default;opacity:.5}
.video-controls-play{margin-left:-7px!important}
.video-controls-field{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;gap:0;white-space:nowrap;font-size:12px;color:#fff;margin:0}
.video-controls-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.video-controls-field select{width:auto;min-width:0;max-width:140px;min-height:36px;margin:0;padding:5px 3px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;border:0;border-radius:4px;box-shadow:none;background:transparent;color:#fff;cursor:pointer;color-scheme:dark;text-shadow:0 1px 3px #0008}
.video-controls-field select:hover{background:#ffffff12}
.video-controls-field select:disabled{cursor:default;color:#c3c3c3;opacity:1}
.video-controls-field select option{background:#242424;color:#fff;text-shadow:none}
.video-controls-speed{flex-shrink:0}
.video-controls-volume-group{display:flex;align-items:center;flex-shrink:0;gap:3px}
.video-controls-extra input[type=range]{display:block;appearance:none;-webkit-appearance:none;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;cursor:pointer;touch-action:none;accent-color:#e74b3b}
.video-controls-extra .video-controls-progress{flex-shrink:0;width:100%;height:22px;--range-progress:var(--played-progress,0%)}
.video-controls-extra .video-controls-volume{width:64px;height:30px;--range-progress:var(--volume-progress,100%)}
.video-controls-extra input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#e74b3b 0%,#e74b3b var(--range-progress),#ffffff55 var(--range-progress),#ffffff55 100%)}
.video-controls-extra input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:linear-gradient(to right,#e74b3b 0%,#e74b3b var(--range-progress),#ffffff55 var(--range-progress),#ffffff55 100%)}
.video-controls-extra input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005}
.video-controls-extra input[type=range]::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0005}
.video-controls-extra input[type=range]:disabled{cursor:default;opacity:.45}
.video-controls-extra .video-controls-volume::-webkit-slider-runnable-track{background:linear-gradient(to right,#fff 0%,#fff var(--range-progress),#ffffff55 var(--range-progress),#ffffff55 100%)}
.video-controls-extra .video-controls-volume::-moz-range-track{background:linear-gradient(to right,#fff 0%,#fff var(--range-progress),#ffffff55 var(--range-progress),#ffffff55 100%)}
.video-controls-fullscreen{margin-right:-6px!important}
.video-controls-status{position:absolute;bottom:calc(100% - 12px);right:18px;max-width:min(350px,78vw);font-size:11px;line-height:1.6;color:#fff;background:#141414db;border-radius:4px;padding:5px 8px;white-space:normal;overflow-wrap:anywhere;text-align:left}
.video-controls-status:empty{display:none}
.video-controls-extra .video-controls-retry{position:absolute;bottom:calc(100% + 25px);right:18px;min-width:0;min-height:30px;font-size:11px;padding:5px 8px;background:#141414db;text-decoration:underline;text-underline-offset:3px}
.video-controls-extra [hidden]{display:none!important}

.video-controls-immersive-exit{position:absolute;z-index:4;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));border:1px solid #ffffff50;border-radius:5px;background:#171717ed;color:#fff;padding:9px 13px;min-height:40px;font:inherit;font-size:12px;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none}
.video-controls-paused>.video-controls-immersive-exit{opacity:1;visibility:visible;pointer-events:auto}
.video-controls-immersive-exit[hidden]{display:none!important}
.video-controls-immersive-exit:focus-visible{outline:2px solid #e74b3b;outline-offset:3px}
.video-control-host.video-control-host.video-control-immersive{position:fixed!important;inset:auto!important;left:var(--player-viewport-left,0)!important;top:var(--player-viewport-top,0)!important;width:var(--player-viewport-width,100vw)!important;height:var(--player-viewport-height,100dvh)!important;max-width:none!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;z-index:10000;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;background:#000;overscroll-behavior:contain}
.video-control-host.video-control-host.video-control-immersive>video{height:100%!important;max-height:none!important;object-fit:contain;background:#000}
/* A portrait browser without orientation locking still gets a landscape player.
   Rotate the existing host, so the controls and hit targets follow the picture. */
.video-control-host.video-control-host.video-control-immersive.video-control-landscape{left:calc(var(--player-viewport-left,0px) + var(--player-viewport-width,100vw))!important;width:var(--player-viewport-height,100dvh)!important;height:var(--player-viewport-width,100vw)!important;transform-origin:0 0;transform:rotate(90deg)}
.video-control-immersive>.video-controls-extra,.video-control-host:fullscreen>.video-controls-extra{padding-right:max(18px,env(safe-area-inset-right));padding-left:max(18px,env(safe-area-inset-left));padding-bottom:max(8px,env(safe-area-inset-bottom))}
.video-control-host.video-control-host:fullscreen{aspect-ratio:auto!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:#000}
.video-control-host.video-control-host:fullscreen>video{max-height:none!important;height:100%!important;object-fit:contain;background:#000}
.video-control-host.video-control-host:-webkit-full-screen{width:100vw!important;height:100vh!important;max-height:none!important;aspect-ratio:auto!important;border-radius:0!important}
@media(max-width:900px){.video-controls-row{gap:8px}.video-controls-extra .video-controls-volume{width:48px}}
@media(max-width:600px){.video-controls-extra{padding:18px 10px 4px}.video-controls-row{gap:5px;min-height:38px}.video-controls-extra button{min-width:32px;min-height:38px;padding:6px}.video-controls-extra button svg{width:18px;height:18px}.video-controls-time{font-size:11px}.video-controls-field select{font-size:11px;min-height:38px;max-width:108px;padding:4px 1px}.video-controls-extra .video-controls-volume{display:none}.video-controls-spacer{flex-basis:4px}.video-controls-status{right:10px;font-size:10px}.video-controls-extra .video-controls-retry{right:10px;font-size:10px}.video-control-immersive>.video-controls-extra,.video-control-host:fullscreen>.video-controls-extra{padding-right:max(10px,env(safe-area-inset-right));padding-left:max(10px,env(safe-area-inset-left));padding-bottom:max(4px,env(safe-area-inset-bottom))}}
@media(max-width:390px){.video-controls-extra{padding-right:8px;padding-left:8px}.video-controls-row{gap:2px}.video-controls-extra button{min-width:28px;padding:5px}.video-controls-time{font-size:10px}.video-controls-field select{font-size:10px;max-width:86px;padding-right:0}.video-controls-speed select{max-width:46px}.video-controls-spacer{flex-basis:2px}.video-controls-play{margin-left:-4px!important}.video-controls-fullscreen{margin-right:-4px!important}}
@media(pointer:coarse){.video-controls-extra .video-controls-progress{height:26px}.video-controls-extra button,.video-controls-field select{min-height:40px}}
/* Keep this more specific than the shared input[type=range] display rule. */
@media(max-width:600px){.video-controls-extra input.video-controls-volume[type=range]{display:none}}
@media(prefers-reduced-motion:reduce){.video-controls-extra{transition:none}}

.video-fullscreen-choice{position:fixed;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:22px;border:1px solid #ffffff24;border-radius:10px;background:#202020;color:#f1f1f1;box-shadow:0 24px 100px #0008;overflow:auto;font-family:inherit;box-sizing:border-box}
.video-fullscreen-choice::backdrop{background:#0009}
.video-fullscreen-choice h2{font-size:20px;line-height:1.4;font-weight:500;margin:0 0 10px}
.video-fullscreen-choice p{font-size:12px;line-height:1.8;margin:0 0 16px;color:#aaa}
.video-fullscreen-choice button{display:block;width:100%;padding:13px 15px;margin:0 0 10px;border:1px solid #ffffff26;border-radius:6px;background:#ffffff06;color:inherit;text-align:left;font:inherit;cursor:pointer;box-sizing:border-box}
.video-fullscreen-choice button:hover{background:#ffffff10;border-color:#e77b6f}
.video-fullscreen-choice button:focus-visible{outline:2px solid #e74b3b;outline-offset:2px}
.video-fullscreen-choice button strong{display:block;font-size:14px;font-weight:500;line-height:1.6}
.video-fullscreen-choice button span{display:block;color:#aaa;font-size:11px;line-height:1.7;margin-top:4px}
.video-fullscreen-choice [data-review-wide]{border-color:#a65349;background:#e74b3b12}
.video-fullscreen-choice p.video-fullscreen-choice-tip{font-size:11px;margin:13px 0}
.video-fullscreen-choice [data-fullscreen-cancel]{text-align:center;margin:0;padding:9px;border:0;background:transparent;font-size:12px;color:#aaa}
.video-fullscreen-choice [hidden]{display:none!important}