/* Playback-only layout. All surfaces and accents inherit the active template. */
.video-site[data-video-page="play"]{--vp-radius:var(--video-radius);--vp-shadow:none;--vp-heading:var(--sans,inherit);--vp-popover-shadow:0 8px 28px #0002}
body.video-site[data-video-page="play"]:not(.video-immersive) .video-shell{width:100%;max-width:1280px;--page-shell-width:1280px}
body.video-site[data-video-page="play"]:not(.video-immersive) .video-bottom-nav{width:100%;max-width:1280px}
body.video-site[data-video-page="play"]:not(.video-immersive) .video-player-panel{width:100%;max-width:100%;min-width:0;margin-inline:auto}
body.video-site[data-video-page="play"]:not(.video-immersive) .video-player-stage{width:100%;max-width:100%;min-width:0;aspect-ratio:var(--video-native-ratio,16/9)}
body.video-site[data-video-page="play"]:not(.video-immersive) .video-player{position:absolute;inset:0;width:100%;height:100%;max-width:100%;max-height:none;aspect-ratio:auto;object-fit:contain}
@media(min-width:801px){
 body.video-site[data-video-page="play"]:not(.video-immersive) .video-player-panel{--video-player-max-height:min(75dvh,max(120px,calc(100dvh - var(--video-player-top,260px) - var(--video-player-bottom-space,104px))));max-width:min(100%,calc(var(--video-player-max-height) * var(--video-native-ratio,1.777777778)))}
}
body.video-site[data-video-page="play"]:not(.video-immersive) .video-player-tools:is([data-video-paused="true"],[data-video-ended="true"]){opacity:1}
body.video-site[data-video-page="play"]:not(.video-immersive) .video-player-tools:is([data-video-paused="true"],[data-video-ended="true"]) button:not([hidden]){pointer-events:auto}
.video-site[data-video-page="play"] .video-chapter-transition{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:#000;pointer-events:none}
.video-site[data-video-page="play"] .video-chapter-toast{position:absolute;z-index:4;top:clamp(10px,2vw,18px);left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;width:max-content;min-width:0;max-width:calc(100% - 24px);box-sizing:border-box;padding:9px 13px;border:1px solid var(--video-border);border-radius:var(--vp-radius);background:var(--video-panel);background:color-mix(in srgb,var(--video-panel) 96%,transparent);color:var(--video-text);font-family:var(--sans,inherit);font-size:13px;font-weight:500;line-height:1.5;box-shadow:0 3px 16px #0003;pointer-events:none}
.video-site[data-video-page="play"] .video-chapter-toast-icon{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--video-accent) 12%,var(--video-panel));color:var(--video-accent)}
.video-site[data-video-page="play"] [data-video-chapter-toast-title]{min-width:0;max-width:48ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.video-site[data-video-page="play"] .video-chapter-transition[hidden],.video-site[data-video-page="play"] .video-chapter-toast[hidden]{display:none}
body.video-site[data-video-page="play"]:not(.video-immersive) .video-player-tools{z-index:2}
@media(max-width:700px){.video-site[data-video-page="play"] .video-chapter-toast{gap:7px;padding:7px 10px;font-size:12px}.video-site[data-video-page="play"] .video-chapter-toast-icon{flex-basis:22px;width:22px;height:22px}}
.video-playback-settings{position:relative;color:var(--video-text);font:inherit}
.video-playback-settings>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;box-sizing:border-box;border:1px solid var(--video-border);border-radius:var(--vp-radius);cursor:pointer;list-style:none;user-select:none;color:var(--video-text);background:var(--video-panel);white-space:nowrap}
.video-playback-settings>summary::-webkit-details-marker{display:none}
.video-playback-settings>summary>svg:first-child{width:18px;height:18px}
.video-playback-settings>summary:hover,.video-playback-settings[open]>summary{background:var(--video-bg);border-color:var(--video-border);color:var(--video-text)}
.video-playback-settings>summary:focus-visible{outline:2px solid var(--video-accent);outline-offset:3px}
.video-settings-chevron{transition:transform .15s ease}
.video-playback-settings[open] .video-settings-chevron{transform:rotate(180deg)}
.video-settings-panel{position:absolute;bottom:calc(100% + 8px);right:0;width:320px;max-width:calc(100vw - 40px);box-sizing:border-box;padding:20px;border:1px solid var(--video-border);border-radius:var(--vp-radius);background:var(--video-panel);box-shadow:var(--vp-popover-shadow);color:var(--video-text);font-size:13px;scroll-margin-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
.video-settings-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:600;margin-bottom:12px}
.video-settings-heading>span{font-size:11px;font-weight:400;color:var(--video-muted)}
.video-setting-mute{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;cursor:pointer;border-bottom:1px solid var(--video-border);margin-bottom:16px;padding-bottom:8px}
.video-setting-switch{position:relative;display:inline-flex;width:42px;height:24px;flex-shrink:0}
.video-site .video-settings-panel .video-setting-switch input{position:absolute;inset:-10px 0;z-index:1;width:100%;height:44px;margin:0;padding:0;opacity:0;cursor:pointer}
.video-setting-switch>span{width:42px;height:24px;border:1px solid var(--video-border);border-radius:20px;box-sizing:border-box;background:var(--video-muted);transition:background .15s ease}
.video-setting-switch>span:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .15s ease}
.video-setting-switch input:checked+span{background:var(--video-accent);border-color:var(--video-accent)}
.video-setting-switch input:checked+span:after{transform:translateX(18px)}
.video-setting-switch input:focus-visible+span{outline:2px solid var(--video-accent);outline-offset:3px}
.video-setting-volume{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 16px}
.video-setting-volume output{font-variant-numeric:tabular-nums;font-weight:600;min-width:4ch;text-align:right}
.video-site .video-settings-panel input[type="range"]{grid-column:1/-1;width:100%;height:44px;box-sizing:border-box;padding:0;margin:0;border:0;background:transparent;accent-color:var(--video-accent);cursor:pointer}
.video-settings-note,.video-settings-device-note{font-size:11px;line-height:1.7;color:var(--video-muted);margin:6px 0 0}
.video-settings-note{min-height:38px}
.video-settings-device-note{display:none}
@media(max-width:700px){.video-playback-settings{position:static}.video-playback-settings>summary{width:100%;gap:5px;padding:8px 5px;font-size:12px}.video-settings-panel{top:calc(100% + 8px);bottom:auto;right:0;width:100%;max-width:none;margin-top:0;padding:18px}.video-settings-note{min-height:0}.video-settings-device-note{display:block}}
@media(prefers-reduced-motion:reduce){.video-settings-chevron,.video-setting-switch>span,.video-setting-switch>span:after{transition:none}}
.video-site[data-video-page="play"] .video-play-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 18px;font-size:12px;line-height:1.7;color:var(--video-muted)}
.video-site[data-video-page="play"] .video-player-panel{border-radius:var(--vp-radius);box-shadow:var(--vp-shadow)}
.video-site[data-video-page="play"] .video-player-error{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;margin:0;padding:18px 22px;border:1px solid var(--video-border);border-radius:var(--vp-radius);background:var(--video-panel);color:var(--video-text);font-family:var(--sans,inherit);text-align:center;font-size:14px;line-height:1.8;box-shadow:var(--vp-popover-shadow);pointer-events:none}
.video-site[data-video-page="play"] .video-player-error[hidden]{display:none}
.video-player-stage:has(.video-player-error:not([hidden])) .video-player-tools{display:none}
.video-player-error a{pointer-events:auto;text-decoration:underline;text-underline-offset:3px}
.video-site[data-video-page="play"] .video-play-details{margin:24px 0 32px}
.video-site[data-video-page="play"] .video-play-heading{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--video-border)}
.video-site[data-video-page="play"] .video-play-meta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.video-site[data-video-page="play"] #video-title{width:100%;min-width:0;margin:0;font-family:var(--vp-heading);font-size:clamp(22px,2.5vw,30px);font-weight:700;line-height:1.45;white-space:normal;overflow-wrap:anywhere}
.video-site[data-video-page="play"] .video-play-stats{display:flex;flex-wrap:wrap;gap:8px 20px;min-width:0;margin:0;color:var(--video-muted);font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.video-site[data-video-page="play"] .video-current-chapter{margin:0;color:var(--video-muted);font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.video-site[data-video-page="play"] .video-current-chapter strong{color:var(--video-text);font-weight:600}
.video-site[data-video-page="play"] .video-chapters{margin:24px 0 16px;min-width:0;max-width:100%}
.video-site[data-video-page="play"] .video-chapters .video-section-heading{margin-bottom:10px;padding-bottom:8px;gap:12px}
.video-site[data-video-page="play"] .video-chapters h2{margin:0;font-family:var(--vp-heading);font-size:16px}
.video-site[data-video-page="play"] .video-chapters .video-meta{flex-shrink:0;white-space:nowrap}
.video-site[data-video-page="play"] .video-chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));align-content:start;gap:8px;width:100%;min-width:0;max-width:100%;max-height:260px;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-gutter:stable;padding:3px}
.video-site[data-video-page="play"] .video-chapter{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 8px;min-width:0;max-width:100%;min-height:48px;padding:6px 10px;box-sizing:border-box;border:1px solid var(--video-border);border-radius:var(--vp-radius);background:var(--video-panel);color:var(--video-text);text-decoration:none;font-size:12px;line-height:1.5}
.video-site[data-video-page="play"] .video-chapter:hover,.video-site[data-video-page="play"] .video-chapter[aria-current]{border-color:var(--video-accent);background:color-mix(in srgb,var(--video-accent) 7%,var(--video-panel))}
.video-site[data-video-page="play"] .video-chapter:focus-visible{outline:2px solid var(--video-accent);outline-offset:1px}
.video-site[data-video-page="play"] .video-chapter-number{grid-row:1/3;max-width:5ch;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-variant-numeric:tabular-nums;color:var(--video-muted)}
.video-site[data-video-page="play"] .video-chapter-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.video-site[data-video-page="play"] .video-chapter-state{grid-column:2;display:flex;gap:6px;min-width:0;min-height:14px;font-size:10px;line-height:1.4;color:var(--video-muted);white-space:nowrap}
.video-site[data-video-page="play"] .video-chapter-state>span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.video-site[data-video-page="play"] .video-chapter-state time{flex-shrink:0;font-variant-numeric:tabular-nums}
.video-site[data-video-page="play"] .video-chapter-grid>.video-empty{grid-column:1/-1;margin:0}
.video-site[data-video-page="play"] .video-chapter[aria-current] .video-chapter-number,.video-site[data-video-page="play"] .video-chapter-state>span{color:var(--video-accent)}
.video-site[data-video-page="play"] .video-detail-actions{position:relative;z-index:6;flex-shrink:0;flex-wrap:nowrap;margin:0;gap:10px;font-size:14px;color:var(--video-text)}
.video-site[data-video-page="play"] .video-detail-actions .video-button{min-height:44px;border-radius:var(--vp-radius);white-space:nowrap}
.video-site[data-video-page="play"] .video-detail-actions .video-primary{color:#fff}
.video-site[data-video-page="play"] .video-play-description{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;margin-top:24px}
.video-site[data-video-page="play"] .video-summary{margin:0;padding:0;border:0;min-width:0}
.video-site[data-video-page="play"] .video-play-facts{min-width:0;background:var(--video-bg);border:1px solid var(--video-border);border-radius:var(--vp-radius);padding:20px 22px}
.video-site[data-video-page="play"] .video-summary h2,.video-site[data-video-page="play"] .video-play-facts h2{margin:0 0 14px;font-family:var(--vp-heading);font-size:16px;line-height:1.5}
.video-site[data-video-page="play"] .video-summary p{margin:0;font-size:14px;line-height:2;color:var(--video-muted)}
.video-site[data-video-page="play"] .video-info{display:flex;flex-direction:column;gap:12px;margin:0;font-size:13px;line-height:1.8}
.video-site[data-video-page="play"] .video-info>div{gap:16px}
.video-site[data-video-page="play"] .video-info dt{width:56px}
.video-site[data-video-page="play"] .video-info dd{flex:1;min-width:0}
.video-site[data-video-page="play"] .video-info .video-chips{gap:6px;display:flex;flex-wrap:wrap}
.video-site[data-video-page="play"] .video-chips a{padding:3px 9px;font-size:12px;border-radius:var(--vp-radius);background:var(--video-panel)}
.video-site[data-video-page="play"] .video-play-comments{margin:32px 0;border-top:1px solid var(--video-border);padding-top:24px}
.video-site[data-video-page="play"] .video-play-comments .work-comments{margin:0;padding:20px;border-color:var(--video-border);border-radius:var(--vp-radius);background:var(--video-panel)}
.video-site[data-video-page="play"] .video-play-comments .wc-heading{margin-bottom:14px}
.video-site[data-video-page="play"] .video-play-comments .work-comments h2{font-family:var(--vp-heading);font-size:20px}
.video-site[data-video-page="play"] .video-play-comments.wc-no-comments{margin:12px 0;padding-top:10px}
.video-site[data-video-page="play"] .video-play-comments .work-comments.wc-no-comments{padding:8px 10px}
.video-site[data-video-page="play"] .video-play-comments .wc-no-comments .wc-heading{margin-bottom:4px}
.video-site[data-video-page="play"] .video-play-related{margin:36px 0 12px}
.video-site[data-video-page="play"] .video-play-related .video-section-heading h2{font-family:var(--vp-heading);font-size:20px}
[data-video-theme="default1"] .video-site[data-video-page="play"]{--vp-radius:12px;--vp-shadow:0 8px 28px #00000012}
[data-video-theme="default2"] .video-site[data-video-page="play"]{--vp-radius:14px}
[data-video-theme="default3"] .video-site[data-video-page="play"]{--vp-radius:6px}
[data-video-theme="default4"] .video-site[data-video-page="play"]{--vp-radius:8px}
[data-video-theme="default5"] .video-site[data-video-page="play"]{--vp-radius:6px;--vp-heading:var(--serif,serif)}
[data-video-theme="default6"] .video-site[data-video-page="play"]{--vp-radius:10px;--vp-heading:var(--serif,serif)}
[data-video-theme="default7"] .video-site[data-video-page="play"]{--vp-radius:3px;--vp-heading:var(--serif,serif);--vp-popover-shadow:none}
[data-video-theme="default8"] .video-site[data-video-page="play"]{--vp-radius:12px;--vp-shadow:0 10px 30px #08071033}
[data-video-theme="default9"] .video-site[data-video-page="play"]{--vp-radius:4px;--vp-popover-shadow:none}
[data-video-theme="default3"] .video-site[data-video-page="play"] .video-play-facts,[data-video-theme="default4"] .video-site[data-video-page="play"] .video-play-facts,[data-video-theme="default6"] .video-site[data-video-page="play"] .video-play-facts{border-left:3px solid var(--video-accent)}
[data-video-theme="default7"] .video-site[data-video-page="play"] .video-play-facts{background:transparent;border-width:1px 0;padding-inline:0}
[data-video-theme="default9"] .video-site[data-video-page="play"] .video-play-heading{border-bottom:2px solid var(--video-text)}
@media(max-width:700px){
 .video-site[data-video-page="play"] .video-play-meta{gap:12px}
 .video-site[data-video-page="play"] .video-play-stats{gap:4px 12px;font-size:12px}
 .video-site[data-video-page="play"] .video-detail-actions{position:static;gap:4px}
 .video-site[data-video-page="play"] .video-detail-actions .video-settings-chevron{display:none}
 .video-site[data-video-page="play"] .video-detail-actions .video-button{padding:8px 5px;font-size:12px;min-height:44px}
 .video-site[data-video-page="play"] .video-player-error{padding:14px 16px;font-size:13px;max-width:calc(100% - 24px)}
 .video-site[data-video-page="play"] .video-play-heading{gap:12px;padding-bottom:20px}
 .video-site[data-video-page="play"] .video-play-description{grid-template-columns:1fr;gap:24px}
 .video-site[data-video-page="play"] .video-play-facts{padding:18px}
 .video-site[data-video-page="play"] .video-play-details{margin-top:20px}
 .video-site[data-video-page="play"] .video-play-comments{margin-top:24px}
 .video-site[data-video-page="play"] .video-chapters h2{font-size:15px}
 .video-site[data-video-page="play"] .video-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:220px}
 .video-site[data-video-page="play"] .video-chapter{padding:6px 8px;gap:2px 6px}
}
@media(max-width:360px){.video-site[data-video-page="play"] .video-chapter-grid{grid-template-columns:1fr}}