:root{color-scheme:dark;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#101115;color:#f6f3ec;--accent:#e8b96c}
.screen:fullscreen .screen-footer,.screen:fullscreen .controller-strip {display:none!important}
.screen:fullscreen .video-js .vjs-control-bar {bottom:0!important}
/* Fullscreen toolbars overlay the picture rather than reducing its area. */
.screen:fullscreen {position:relative!important;display:block!important;width:100vw!important;height:100vh!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important}
.screen:fullscreen .video-wrap {position:absolute;inset:0;width:100%;height:100%}
.screen:fullscreen .video-js {width:100%!important;height:100%!important}
.screen:fullscreen .screen-footer {position:absolute;bottom:0;left:0;right:0;z-index:4;background:linear-gradient(transparent,#090a0df5);border:0}
.screen:fullscreen .controller-strip {position:absolute;top:0;left:0;right:0;z-index:4;background:#101115b3;border:0}
.screen:fullscreen .video-js .vjs-control-bar {bottom:80px}
.screen:fullscreen.controls-idle {cursor:none}
.screen:fullscreen.controls-idle .screen-footer,.screen:fullscreen.controls-idle .controller-strip,.screen:fullscreen.controls-idle .vjs-control-bar,.screen:fullscreen.controls-idle .vjs-big-play-button {opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.screen:fullscreen:not(.controls-idle) .vjs-control-bar {opacity:1!important;visibility:visible!important}
*{box-sizing:border-box}body{margin:0}main{width:min(1360px,100%);margin:auto;padding:48px 48px 36px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}h1{margin:0;font-size:clamp(34px,4vw,56px);letter-spacing:-.045em;font-weight:600}h1 span{font-size:.42em;font-weight:400;color:#a5a5ad;letter-spacing:0;margin-left:18px}.details{margin:9px 0 0;color:#aaa9b1;font-size:16px}.details span{padding:0 9px;color:#656571}a{color:inherit}.download{text-decoration:none;border-bottom:1px solid #5b5141;padding:12px 0;color:#d9c49e;font-size:15px}.download span{margin-left:12px}.screen{border:1px solid #303138;border-radius:14px;background:#090a0d;overflow:hidden;box-shadow:0 24px 100px #0004}.video-wrap{position:relative;background:#000}.video-js{width:100%;height:auto;aspect-ratio:2;--vjs-font-family:system-ui,sans-serif;font-size:16px}.video-js .vjs-tech{object-fit:contain}.video-js .vjs-control-bar{background:linear-gradient(transparent,#090a0df5);height:4.5em;padding:1em .65em .25em}.video-js .vjs-play-progress,.video-js .vjs-volume-level{background:var(--accent)}.video-js .vjs-slider{background:#ffffff38}.video-js .vjs-big-play-button{border:1px solid #ffffff60;background:#101115a8;border-radius:50%;width:2.7em;height:2.7em;line-height:2.7em;margin:-1.35em 0 0 -1.35em}.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus{background:#47381fe6;border-color:var(--accent)}.video-js .vjs-menu-content{font-size:16px;background:#17191ff5}.video-js .vjs-menu li{padding:10px 14px}.video-js .vjs-text-track-display{font-size:18px}.screen-footer{display:flex;align-items:center;gap:16px;padding:15px 20px;min-height:80px;border-top:1px solid #ffffff12}.transport{display:flex;gap:8px}.transport button{min-width:64px;font-size:24px}.transport span{font-size:14px}.screen-footer #fullscreen{margin-left:auto;white-space:nowrap}button{font:inherit;font-size:16px;min-height:46px;border:1px solid #46474f;background:#24262d;color:#eee;border-radius:7px;padding:10px 18px;cursor:pointer}.primary{background:var(--accent);border-color:var(--accent);color:#16130e;font-weight:600}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible,summary:focus-visible,.video-js button:focus-visible,.video-js .vjs-slider:focus-visible{outline:3px solid #ffe0a3;outline-offset:4px}#playback-status{color:#b1b3be;font-size:14px}.controller-strip{align-items:center;gap:10px;color:#b6b8c1;background:#14161b;border-top:1px solid #2a2c33;padding:14px 20px;font-size:14px}.controller-strip:not([hidden]){display:flex}.controller-shortcuts{margin-left:auto}.controller-shortcuts b{display:inline-block;color:#f0dbb8;margin-left:16px}.connected-dot{width:7px;height:7px;background:#92c7a1;border-radius:50%}.resume{position:absolute;inset:0;background:#080a10e8;display:grid;place-items:center;padding:24px;z-index:5;text-align:center}.resume[hidden]{display:none}.resume h2{font-size:24px;font-weight:500}.resume p{color:#b1b3be}.resume-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.toast{position:absolute;left:50%;top:16%;transform:translateX(-50%);z-index:6;border-radius:8px;background:#15171fe8;border:1px solid #ffffff28;color:#fff;padding:12px 22px;white-space:nowrap;pointer-events:none;font-size:20px}footer{display:flex;gap:20px;justify-content:space-between;align-items:baseline;margin-top:20px;color:#8f929d;font-size:14px;line-height:1.7}footer>p{margin:0;white-space:nowrap}details{max-width:720px;text-align:right}summary{cursor:pointer;color:#b4b5bf;min-height:44px}details p{text-align:left}details strong{color:#dedee4}.screen:fullscreen,.screen:-webkit-full-screen{border:0;border-radius:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background:#000}.screen:fullscreen .video-wrap,.screen:-webkit-full-screen .video-wrap{min-height:0;flex:1}.screen:fullscreen .video-js,.screen:-webkit-full-screen .video-js{height:100%;aspect-ratio:auto}.screen:fullscreen .screen-footer,.screen:-webkit-full-screen .screen-footer{flex-shrink:0}.screen:fullscreen .controller-strip,.screen:-webkit-full-screen .controller-strip{flex-shrink:0}.screen:fullscreen .video-js{font-size:20px}
@media(min-width:1800px){main{max-width:1700px;padding-top:64px}button{font-size:20px;min-height:56px}.video-js{font-size:20px}.controller-strip{font-size:18px}#playback-status{font-size:18px}}
@media(max-width:700px){main{padding:24px 12px}header{gap:12px;padding:0 6px;margin-bottom:22px}.download{font-size:13px}.details{font-size:14px}.screen{border-radius:8px}.video-js{font-size:12px}.screen-footer{padding:10px;gap:10px;flex-wrap:wrap}.screen-footer #fullscreen{font-size:14px;padding:10px}.transport{gap:5px}.transport button{min-width:45px;padding:6px}#playback-status{font-size:12px;flex:1}.controller-strip{flex-wrap:wrap}.controller-shortcuts{margin:0;line-height:2}.controller-shortcuts b:first-child{margin-left:0}footer{display:block;padding:0 6px}details{text-align:left;margin-top:16px}.resume h2{font-size:19px}.resume-actions button{font-size:14px}.video-js .vjs-volume-panel{display:none}.screen:fullscreen .video-js{font-size:14px}}