.custom-player{position:relative;isolation:isolate;color:#f4f6fb}.custom-player>video#video{display:block}.watch-controls{position:absolute;z-index:4;inset:auto 0 0;padding:30px 16px 8px;background:linear-gradient(transparent,#05070bcf 40%,#05070bea);transition:opacity .18s}.custom-player.controls-idle:not(.is-paused) .watch-controls{opacity:0;pointer-events:none}.custom-player.controls-idle{cursor:none}.watch-timeline{position:relative;height:28px;display:flex;align-items:center}.watch-seek{--played:0%;width:100%;height:24px;padding:0;margin:0;cursor:pointer;appearance:none;background:transparent;touch-action:none}.watch-seek::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,var(--accent) var(--played),#ffffff50 var(--played))}.watch-seek::-moz-range-track{height:5px;border-radius:5px;background:#ffffff50}.watch-seek::-moz-range-progress{height:5px;background:var(--accent)}.watch-seek::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:0;border-radius:50%;background:var(--accent);margin-top:-4.5px}.watch-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--accent)}.watch-seek:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}.watch-buttons{display:flex;align-items:center;gap:6px;min-height:42px}.watch-buttons>button{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:7px;color:#f4f6fb}.watch-buttons>button:hover{background:#ffffff1f}.watch-buttons svg{width:22px;height:22px}.watch-buttons [hidden],.watch-preview[hidden]{display:none!important}.watch-time{font-size:14px;white-space:nowrap;font-variant-numeric:tabular-nums;margin:0 5px}.watch-volume{width:65px;accent-color:var(--accent);height:24px;padding:0}.watch-speed{margin-left:auto}.watch-speed select{width:65px;min-height:38px;background:#1b202b;color:#f4f6fb;border:1px solid #ffffff24;border-radius:7px;font-size:14px;padding:4px;cursor:pointer}.watch-preview{position:absolute;bottom:34px;width:200px;max-width:100%;transform:translateX(-50%);padding:4px;border:1px solid #ffffff40;background:#101319;border-radius:9px;box-shadow:0 4px 18px #0008;pointer-events:none;text-align:center}.watch-preview-image{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:#080a0c}.watch-preview canvas{display:block;width:100%;height:100%;opacity:0}.watch-preview.has-frame canvas{opacity:1}.watch-preview-state{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;color:#bdc4d2}.watch-preview-time{display:block;font-size:15px;line-height:26px;font-variant-numeric:tabular-nums}.custom-player video.watch-preview-decoder{position:absolute!important;width:1px!important;height:1px!important;opacity:0;pointer-events:none;inset:0;z-index:-1}.custom-player:fullscreen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;border:0;border-radius:0;background:#000}.custom-player:fullscreen .watch-controls{padding:45px 30px 16px}.custom-player:fullscreen .watch-preview{width:240px}.custom-player .player-start{z-index:3}.custom-player.is-paused .watch-controls{opacity:1}@media(max-width:620px){.watch-controls{padding:25px 9px 4px}.watch-buttons{gap:2px;min-height:36px}.watch-buttons>button{width:34px;height:36px;flex-basis:34px}.watch-volume,.watch-pip{display:none!important}.watch-time{font-size:12px;margin:0 3px}.watch-speed select{width:56px;font-size:13px;min-height:34px}.watch-preview{width:112px;bottom:24px}.watch-preview-time{font-size:13px;line-height:22px}.watch-preview-state{font-size:11px}.custom-player:fullscreen .watch-preview{width:180px}}@media(prefers-reduced-motion:reduce){.watch-controls{transition:none}}

.watch-feedback{position:absolute;z-index:5;left:50%;top:40%;transform:translate(-50%,-50%);padding:12px 20px;border-radius:12px;background:#080b11db;color:#fff;font-size:18px;font-weight:600;pointer-events:none;white-space:nowrap}.watch-feedback[hidden]{display:none}
.watch-buttons .watch-help{font-size:21px;font-weight:600}.watch-help-dialog{box-sizing:border-box;width:min(460px,calc(100% - 24px));max-height:calc(100% - 24px);margin:auto;padding:28px 24px;border:1px solid #414755;border-radius:18px;background:#171b23;color:#f4f6fb;box-shadow:0 20px 70px #0008;overflow:auto}.watch-help-dialog::backdrop{background:#0009}.watch-help-dialog h2{margin:0 34px 24px 0;font-size:23px}.watch-help-dialog dl{margin:0;display:grid;gap:16px}.watch-help-dialog dl>div{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:12px}.watch-help-dialog dt,.watch-help-dialog dd{margin:0;font-size:15px;line-height:1.45}.watch-help-dialog kbd{font:inherit;font-weight:600;color:#c7d7ff}.watch-help-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:8px;color:inherit;font-size:28px}.watch-help-close:hover{background:#ffffff15}.watch-help-close:focus-visible,.watch-buttons>button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media(max-width:620px){.watch-buttons .watch-help{display:none}.watch-help-dialog{padding:24px 16px}.watch-help-dialog dl>div{grid-template-columns:94px 1fr}.watch-help-dialog dd{font-size:14px}}

.watch-preview.has-frame .watch-preview-state:not(:empty){inset:auto 3px 3px auto;padding:2px 5px;border-radius:4px;background:#080a0cbb;font-size:10px}

/* One settings menu; the surface owns pointer gestures instead of browser hover tools. */
.custom-player>video#video{pointer-events:none}.watch-interaction-surface{position:absolute;inset:0;z-index:1;cursor:pointer}.watch-settings-toggle{margin-left:auto}.watch-settings-panel{position:absolute;z-index:9;right:12px;bottom:58px;width:min(320px,calc(100% - 24px));max-height:min(380px,calc(100vh - 180px));overflow:auto;box-sizing:border-box;padding:14px;border:1px solid #414755;border-radius:12px;background:#171b23fa;color:#f4f6fb;box-shadow:0 8px 30px #0009}.watch-settings-panel[hidden]{display:none}.watch-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:16px}.watch-settings-heading button{width:36px;height:36px;color:inherit;font-size:26px;border-radius:7px}.watch-settings-panel .watch-speed,.watch-subtitles-settings label{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:center;gap:10px;margin:0 0 10px;font-size:14px}.watch-settings-panel select{width:100%;min-width:0;min-height:42px;padding:8px;border:1px solid #ffffff30;border-radius:7px;background:#252b36;color:#f4f6fb;font-size:14px}.watch-settings-panel .watch-help{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:8px 0;border-top:1px solid #ffffff18;color:#f4f6fb;font-size:14px;font-weight:400}.watch-settings-panel .watch-help span{color:#bfc7d6}.watch-settings-panel button:focus-visible,.watch-settings-panel select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.watch-settings-panel button:hover{background:#ffffff12}.custom-player.settings-open{overflow:visible}.watch-settings-panel .watch-subtitles-status{font-size:13px;line-height:1.4;margin:0 0 12px}.watch-settings-panel .watch-subtitles-status:empty{display:none}
@media(max-width:620px){.watch-settings-panel{bottom:44px;right:6px;padding:10px;max-height:calc(100vh - 160px)}.watch-buttons>.watch-pip:not([hidden]){display:grid!important}.watch-buttons>.watch-settings-toggle{margin-left:auto}.watch-buttons .watch-time{font-size:11px}.watch-settings-panel .watch-help{display:flex}.watch-buttons{gap:1px}}

/* Constrain the video to its frame: intrinsic 4:3 height must not crop subtitles. */
.video-frame>video#video{position:absolute;inset:0;min-width:0;min-height:0;width:100%;height:100%;object-fit:contain}

.custom-player.settings-open .watch-controls{opacity:1;pointer-events:auto}
.custom-player.settings-open{cursor:auto}