.video-page{background-color:#070b12;min-height:100dvh;color:#e8f0fa}
.video-header{display:flex;align-items:center;gap:30px;min-height:94px;padding:10px 34px;position:sticky;top:0;z-index:25;background:linear-gradient(110deg,#0e245469,#080d16ed 48%,#42111b50);border-bottom:1px solid #8bbaf51b;backdrop-filter:blur(24px)}
.video-brand{flex:0 0 220px;display:block}.video-brand img{display:block;width:220px;height:76px;object-fit:contain}.video-header>.account-link{margin-left:auto}
.video-search{display:flex;align-items:center;max-width:650px;flex:1;border:1px solid #6f95bc44;border-radius:24px;overflow:hidden;background:#080d16a8}.video-search input{width:100%;min-width:0;background:none;border:0;color:#e5efff;font:inherit;font-size:16px;padding:12px 19px;outline-offset:-4px}.video-search button{border:0;border-left:1px solid #6f95bc33;background:#1b2c4166;color:#a8d2ff;display:grid;place-items:center;width:52px;align-self:stretch;flex:none}
.video-layout{display:grid;grid-template-columns:210px minmax(0,1fr);max-width:1920px;margin:auto}.video-sidebar{padding:28px 18px;position:sticky;top:94px;align-self:start;height:calc(100dvh - 94px)}
.video-sidebar nav{display:flex;flex-direction:column;gap:8px}.video-sidebar a{display:flex;align-items:center;gap:12px;padding:13px 15px;font-size:16px;border-radius:10px;color:#a4b9d1;min-height:48px}.video-sidebar a:hover{background:#5e9ada12}.video-sidebar .video-side-active{color:#b5e6ff;border:1px solid #2a9aff44;background:linear-gradient(120deg,#0966d039,#0e2c511a);box-shadow:inset 0 1px 0 #bfe7ff12}.video-sidebar svg{width:22px;height:22px}
.video-main{min-width:0;padding:34px 38px 80px 24px}.video-main>h1{font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 20px}.video-section-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.video-section-top p{font-size:16px;color:#8da6c1;line-height:1.6}.video-section-top .button{font-size:14px;white-space:nowrap}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px}.video-card{min-width:0}.video-card-image{position:relative;display:block;aspect-ratio:16/9;background:#111e30;border-radius:12px;overflow:hidden;border:1px solid #9ec9fe1e}.video-card-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.video-card-image:hover>img{transform:scale(1.025)}.video-no-poster{display:grid;place-items:center;width:100%;height:100%;color:#72bdff;background:linear-gradient(130deg,#192c48,#0a111e)}.video-duration{position:absolute;right:9px;bottom:9px;padding:3px 6px;border-radius:4px;background:#030811d9;font-size:12px;line-height:1.4;color:white}.video-card-copy{padding:13px 2px}.video-card h2{font-size:17px;line-height:1.4;font-weight:600;letter-spacing:0;overflow-wrap:anywhere;margin:0 0 7px}.video-card h2 a:hover{color:#94d4ff}.video-card p{font-size:14px;line-height:1.6;color:#a0b9d2}.video-card p span{color:#798fa8}
.video-empty{min-height:350px;border:1px solid #8bbaf522;border-radius:16px;background:linear-gradient(150deg,#15263c55,#070c1655);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:44px 20px;text-align:center;gap:16px}.video-empty>svg{width:48px;height:48px;color:#62baff}.video-empty h2{font-size:24px}.video-empty p{font-size:16px;color:#8da6c1}.video-empty .button{margin-top:8px}.video-pagination{display:flex;gap:20px;margin-top:28px;color:#b5dfff;font-size:16px}.video-pagination:empty{display:none}
.video-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.video-player{width:100%;aspect-ratio:16/9;background:#000;border:1px solid #a4cfff22;border-radius:12px;overflow:hidden}.video-player video{display:block;width:100%;height:100%;object-fit:contain}.video-watch-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0;font-size:14px;color:#93a9c1}.video-watch-meta strong{font-size:17px;color:#e4f3ff}.video-watch-meta a{margin-left:auto;color:#8acfff}.video-description{padding:20px;background:#14203388;border-radius:12px;font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.video-related>h2{font-size:19px;letter-spacing:0;margin-bottom:18px}.video-related .video-card{margin-bottom:20px}.video-related .video-card h2{font-size:16px}
.video-comments{margin-top:34px}.video-comments>h2{font-size:22px;letter-spacing:0;margin-bottom:22px}.video-comments>h2 span{font-size:17px;color:#8da6c1;margin-left:6px}.video-comment-gate{padding:20px;background:#14203355;border:1px solid #8bbaf522;border-radius:12px}.video-comment-gate p{font-size:16px;line-height:1.6;color:#aec2d9;margin-bottom:16px}.video-comment-gate .button{font-size:14px}.video-comment-form label{display:block;font-size:16px;margin-bottom:10px}.video-comment-form textarea{width:100%;resize:vertical;min-height:90px}.video-comment-form .video-hint{margin-top:8px}.video-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:18px}.video-form-actions .button{min-height:44px;font-size:14px}.video-form-actions .button:disabled{opacity:.5;cursor:wait}.form-status,#upload-status,#comment-action-status{font-size:14px;color:#a9d6fc;line-height:1.6}.video-comment{display:flex;gap:14px;padding-top:24px}.comment-avatar{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #449fff44;background:#104c8e33;color:#90d4ff;border-radius:50%;font-size:16px}.comment-copy{min-width:0;flex:1}.comment-byline{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font-size:14px;line-height:1.4}.comment-byline time{font-size:12px;color:#8198b1}.comment-copy p{font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:7px}.comment-delete{background:none;border:0;color:#7999b8;font-size:13px;padding:9px 0;min-height:36px}.comment-delete:hover{color:#baddff}
.video-form{max-width:860px;padding:30px;border:1px solid #8bbaf529;border-radius:16px;background:linear-gradient(135deg,#14263d77,#080d18aa)}.video-form>label,.video-edit-form>label{display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:1.5;margin-bottom:22px}.video-form input,.video-form textarea,.video-edit-form input,.video-edit-form textarea,.video-comment-form textarea{background:#030a1488;border:1px solid #7698be55;border-radius:8px;font:inherit;font-size:16px;color:#e2eeff;padding:12px 14px;outline-offset:3px;max-width:100%;min-width:0}.video-form input:focus,.video-form textarea:focus,.video-edit-form input:focus,.video-edit-form textarea:focus,.video-comment-form textarea:focus{outline:2px solid #2a9eff66;border-color:#2a9eff}.video-form input::file-selector-button{padding:9px 12px;border:1px solid #69b8ff55;border-radius:7px;background:#16487a55;color:#bce3ff;margin-right:14px;cursor:pointer;font:inherit;font-size:14px}.video-drop{padding:25px;border:1px dashed #74b8ff66;border-radius:12px;background:#13437722}.video-drop>span,.video-hint{font-size:14px;line-height:1.6;color:#8ca5bf}.video-drop input{background:none;border:0;padding:0}.video-form>video,.video-form>img{display:block;width:100%;max-height:340px;object-fit:contain;background:#000;border-radius:10px;margin-bottom:24px}.video-form>[hidden]{display:none}.video-upload-progress{display:flex;align-items:center;gap:14px;margin:20px 0}.video-upload-progress progress{width:100%;height:8px;accent-color:#2c9eff}.video-upload-progress span{font-size:14px;color:#b5dfff;min-width:40px}.video-upload-progress[hidden]{display:none}.video-form>#upload-status{margin:20px 0 10px}.video-success-link{color:#a1deff;text-decoration:underline;font-size:16px}.video-notice,.video-playback-error{font-size:16px;line-height:1.6;padding:20px;background:#15243a66;border-radius:10px;color:#c5d7eb;margin-bottom:20px}
.video-management{display:grid;gap:24px}.video-manage-card{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;padding:24px;border:1px solid #8bbaf522;border-radius:14px;background:#101c2e66}.video-status{display:inline-block;font-size:13px;color:#94ceff;border:1px solid #589fea44;padding:5px 10px;border-radius:12px}.video-edit-form{min-width:0}.video-edit-form>label{margin-bottom:16px}.video-edit-form .form-status{margin-top:12px}
@media(min-width:1700px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.video-layout{grid-template-columns:172px minmax(0,1fr)}.video-header{gap:20px}.video-brand{flex-basis:170px}.video-brand img{width:170px}.video-sidebar{padding-inline:12px}.video-sidebar a{font-size:14px;padding-inline:12px}.video-main{padding-right:25px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-watch-layout{grid-template-columns:minmax(0,1fr)}.video-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-related>h2{grid-column:1/-1;margin:0}.video-manage-card{grid-template-columns:200px minmax(0,1fr);gap:20px}}
@media(max-width:760px){.video-header{flex-wrap:wrap;padding:8px 18px 12px;gap:5px 14px;min-height:0}.video-brand{flex-basis:155px}.video-brand img{width:155px;height:54px}.video-header>.account-link{font-size:14px;padding:8px 11px}.video-search{flex-basis:100%;order:3;max-width:none}.video-search input{font-size:16px;padding:10px 16px}.video-layout{display:block}.video-sidebar{height:auto;position:static;padding:16px 18px 0}.video-sidebar nav{flex-direction:row;overflow:auto;gap:8px;scrollbar-width:none}.video-sidebar a{white-space:nowrap;flex:none;padding:10px 13px;min-height:42px;font-size:14px}.video-sidebar svg{width:18px;height:18px}.video-main{padding:24px 18px 55px}.video-main>h1{font-size:28px;margin-bottom:16px}.video-section-top{flex-wrap:wrap;gap:12px;margin-bottom:22px}.video-section-top p{font-size:14px}.video-grid{gap:26px 14px}.video-card h2{font-size:16px}.video-card p{font-size:13px}.video-card p span{display:block}.video-watch-layout{gap:32px}.video-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.video-player{border-radius:8px}.video-description{padding:16px}.video-form{padding:22px 16px}.video-drop{padding:18px 12px}.video-manage-card{grid-template-columns:1fr;padding:18px}.video-manage-preview{max-width:400px}.video-form-actions{gap:10px}.video-form .button{flex:1;justify-content:center}.video-comment-gate{padding:16px}}
@media(max-width:480px){.video-grid{grid-template-columns:1fr}.video-card p span{display:inline}.video-related{grid-template-columns:1fr}.video-related .video-card{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;margin-bottom:0}.video-related .video-card-copy{padding:2px 0}.video-related .video-card-image{border-radius:8px}.video-related .video-card h2{font-size:14px}.video-related .video-card p span{display:block}}
@media(prefers-reduced-motion:reduce){.video-card-image>img{transition:none}}

.video-page [hidden]{display:none!important}
.comment-avatar{overflow:hidden}.comment-avatar img{display:block;width:100%;height:100%;object-fit:cover}.header-avatar{width:28px;height:28px;font-size:14px}.video-header>.account-link{max-width:260px}.video-header>.account-link>span:last-child{overflow:hidden;text-overflow:ellipsis}.comment-author{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap;font-size:16px}.comment-author a{font-size:14px;color:#9acfff;margin-left:auto}.comment-author>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.comment-thread{padding-bottom:4px}.comment-replies{margin-left:52px;padding-left:16px;border-left:1px solid #78b9ff33}.comment-replies:empty{display:none}.comment-replies .comment-avatar{width:32px;height:32px;font-size:14px}.comment-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.comment-reply,.comment-more{background:none;border:0;color:#9ed5ff;font:inherit;font-size:14px;min-height:44px;padding:10px 0;cursor:pointer}.comment-delete{font-size:14px;min-height:44px}.comment-more{margin:4px 0 0 52px}.comment-reply:hover,.comment-more:hover{color:#e0f3ff}.comment-reply:focus-visible,.comment-more:focus-visible,.comment-delete:focus-visible{outline:2px solid #63c7ff;outline-offset:4px}.comment-more:disabled{opacity:.55}.comment-reply-context{display:block;font-size:14px;color:#8cabc9;margin-top:7px}.comment-byline strong{overflow-wrap:anywhere;min-width:0}.comment-deleted .comment-body{font-style:italic;color:#8da3b9}.reply-form{margin:14px 0 6px}.reply-form .video-form-actions{margin-top:10px}.reply-form .button{padding:10px 16px}.comment-replies .video-comment{gap:12px}.comment-replies .video-comment .reply-form{margin-left:-44px}@media(max-width:600px){.comment-replies{margin-left:18px;padding-left:12px}.comment-more{margin-left:30px}.comment-author a{margin-left:0}.comment-byline time{font-size:13px}.video-header>.account-link{max-width:calc(100% - 174px)}}

/* Player controls stay with the video, including in full-screen mode. */
.video-player{aspect-ratio:auto}.video-player video{height:auto;aspect-ratio:16/9;max-height:75vh}.video-player-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 14px;background:#101a29;border-top:1px solid #83baff24;font-size:14px;min-height:60px}.video-player-toolbar label{color:#abc6e1}.video-player-toolbar select{max-width:100%;min-height:40px;background:#1d2e44;border:1px solid #709bcb55;color:#eaf6ff;border-radius:8px;padding:8px 30px 8px 10px;font:inherit}.video-player-toolbar select:focus-visible,.video-fullscreen:focus-visible{outline:2px solid #8dceff;outline-offset:3px}[data-quality-status]{color:#91acc8;flex:1;min-width:100px;font-size:14px}.video-fullscreen{background:none;color:#c1e3ff;border:0;padding:8px;min-height:40px;font:inherit;cursor:pointer}.video-player:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;border:0;border-radius:0}.video-player:fullscreen video{flex:1;min-height:0;max-height:none;aspect-ratio:auto}.video-player:fullscreen .video-player-toolbar{flex-shrink:0}
.video-share{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px}.video-share .button{display:inline-flex;align-items:center;gap:9px;font-size:14px;min-height:44px;border-radius:24px;padding:10px 18px}#video-share-status{font-size:14px;color:#a9d6fc;line-height:1.5}.video-share-panel{padding:16px;border:1px solid #74adf044;border-radius:12px;background:#142137;margin-bottom:20px}.video-share-panel label{display:block;margin-bottom:10px;font-size:14px;color:#b9d4ed}.video-share-panel>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.video-share-panel input{flex:1;min-width:180px;max-width:100%;background:#080f1c;border:1px solid #749dcc55;border-radius:8px;color:#def0ff;padding:12px;font:inherit;font-size:16px}.video-share-panel .button{font-size:14px}
.comment-composer{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}.comment-composer>.comment-avatar{margin-top:2px}.comment-entry{min-width:0;flex:1}.comment-compose-byline{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px;color:#c1d9f0;margin-bottom:8px}.comment-compose-byline a{margin-left:auto;color:#9acfff}.comment-label{position:absolute!important;width:1px;height:1px;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.comment-composer textarea,.reply-form textarea{display:block;min-height:42px;max-height:300px;resize:none;background:transparent;border:0;border-bottom:1px solid #7893af77;border-radius:0;padding:9px 0;font-size:16px;line-height:1.5;box-shadow:none}.comment-composer textarea:focus,.reply-form textarea:focus{outline:0;border:0;border-bottom:2px solid #79c8ff}.comment-composer .video-form-actions{justify-content:flex-end;gap:18px;margin-top:10px}.comment-composer .video-form-actions .button{border-radius:24px;padding:9px 20px}.comment-composer.is-collapsed .comment-compose-byline,.comment-composer.is-collapsed .video-form-actions{display:none}.comment-composer .form-status{display:block;margin-top:8px}.comment-composer .form-status:empty{display:none}.video-comment-gate{padding:10px 0 16px;background:none;border:0;border-radius:0;font-size:16px;color:#a1d9ff}.video-comment-gate a{display:inline-block;min-height:44px;padding:10px 0}.reply-form textarea{min-height:56px}.video-versions{grid-column:2;display:grid;gap:10px}.video-versions h3{font-size:16px;letter-spacing:0;margin:0 0 4px}.video-variant-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:14px;border-top:1px solid #82b6ef22;padding-top:8px}.video-variant-row .button{font-size:14px;padding:8px 12px;min-height:40px}.video-variant-row .form-status{flex-basis:100%}
@media(max-width:760px){.video-player-toolbar{gap:8px;padding:8px 10px}.video-player-toolbar label{font-size:14px}[data-quality-status]{flex-basis:100%;order:3}.video-fullscreen{margin-left:auto}.comment-composer{gap:10px}.comment-compose-byline a{margin-left:0}.video-versions{grid-column:1}.video-share-panel input{flex-basis:100%}}

.video-card-views{display:block;color:#9db7d1;margin-top:4px;font-size:14px}
.video-player{position:relative;overflow:visible}
.video-player video{border-radius:inherit}
.video-more{position:static;margin-left:auto}
.video-more summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:44px;height:44px;border:1px solid #709bcb55;border-radius:50%;background:#1d2e44;color:#eaf6ff;letter-spacing:3px;font-size:18px;padding-left:3px}
.video-more summary::-webkit-details-marker{display:none}
.video-more summary:focus-visible{outline:2px solid #8dceff;outline-offset:3px}
.video-info-panel{position:absolute;z-index:10;right:12px;bottom:72px;width:min(440px,calc(100% - 24px));max-height:min(55vh,420px);overflow:auto;padding:20px;border:1px solid #709bcb66;border-radius:14px;background:#101b2bf5;box-shadow:0 15px 50px #0009;font-size:16px;line-height:1.6}
.video-info-panel h2{font-size:18px;letter-spacing:0;margin:0 0 6px}
.video-info-panel>span{font-size:14px;color:#9db7d1}
.video-info-panel p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}
.video-expanded{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:center;background:#000;border-radius:0}
.video-expanded video{flex:1;min-height:0;max-height:none;aspect-ratio:auto}
.video-form>.video-auto-quality{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.video-auto-quality input{margin-top:5px;accent-color:#2c9eff;width:20px;height:20px}
.video-auto-quality .video-hint{grid-column:2}
.video-quality-job{grid-column:1/-1;padding:16px;border:1px solid #709bcb55;border-radius:12px;background:#102238;margin-top:14px;font-size:14px;line-height:1.6}
.video-quality-job progress{width:100%;accent-color:#2c9eff;margin:12px 0}
.video-quality-job button{min-height:44px;padding:8px 14px;margin-top:8px}
@media(max-width:760px){.video-info-panel{bottom:112px}.video-fullscreen{margin-left:0}.video-more{margin-left:auto}}

.video-back{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin:0 0 16px;padding:8px 14px 8px 10px;border:1px solid #709bcb55;border-radius:24px;background:#142238;color:#c2e5ff;font-size:16px;line-height:1.4;text-decoration:none}
.video-back:hover{background:#1e3654;color:#fff}.video-back:focus-visible{outline:2px solid #8dceff;outline-offset:3px}.video-back svg{flex:none}
.video-auto-quality-note{padding:14px 16px;border-left:3px solid #349cfa;background:#15355933;border-radius:8px;margin-bottom:22px}

.video-channel-banner{width:100%;margin:0 0 28px;border:1px solid #9ec9fe26;border-radius:14px;overflow:hidden;background:#080d16}
.video-channel-banner img{display:block;width:100%;height:auto;aspect-ratio:18/5;object-fit:cover;object-position:50% 70%}
@media(max-width:760px){.video-channel-banner{margin-bottom:22px;border-radius:10px}.video-channel-banner img{aspect-ratio:3/1}}

/* Keep section navigation below the actual height of the site header. */
.video-page{--video-header-height:97px}
.video-sidebar{top:var(--video-header-height);height:calc(100dvh - var(--video-header-height));overflow-y:auto;overscroll-behavior:contain;z-index:20}
.video-main :where(h1,h2,[id]){scroll-margin-top:calc(var(--video-header-height) + 20px)}
.video-card-image{transition:border-color .18s ease,box-shadow .18s ease}
.video-card-image:focus-visible,.video-card-image:active{border-color:#39dcff;box-shadow:inset 0 0 0 1px #39dcff,0 0 0 2px #008dff,0 0 22px #00b8ff88;outline:none}
@media(hover:hover){.video-card-image:hover{border-color:#39dcff;box-shadow:inset 0 0 0 1px #39dcff,0 0 0 2px #008dff,0 0 22px #00b8ff88}}
@media(max-width:760px){.video-page{--video-header-height:132px}.video-sidebar{position:sticky;top:var(--video-header-height);height:auto;padding:10px 18px;background:#070b12f5;border-bottom:1px solid #70b8ff26;backdrop-filter:blur(16px);overflow:visible}.video-sidebar nav{padding:3px;margin:-3px}.video-main :where(h1,h2,[id]){scroll-margin-top:calc(var(--video-header-height) + 80px)}}
@media(prefers-reduced-motion:reduce){.video-card-image{transition:none}}

/* Join sticky surfaces with a one-pixel overlap, including fractional zoom. */
.video-sidebar{top:calc(var(--video-header-height) - 1px)}
.video-sidebar nav{padding:10px;border:1px solid #c4e6ff38;border-radius:18px;background:linear-gradient(135deg,#c5e6ff16,#28466638 55%,#0a172c33);-webkit-backdrop-filter:blur(24px) saturate(165%);backdrop-filter:blur(24px) saturate(165%);box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #9ecaff12,0 12px 30px #0003}
.video-sidebar a{color:#d6e5f4;border:1px solid #c2e3ff26;background:linear-gradient(135deg,#ffffff12,#c3e2ff04);box-shadow:inset 0 1px 0 #ffffff14;border-radius:12px;transition:background .18s,border-color .18s,box-shadow .18s}
.video-sidebar a:hover,.video-sidebar a:focus-visible{color:#fff;border-color:#94dfff8c;background:linear-gradient(135deg,#c8eeff2e,#339aff1c);box-shadow:inset 0 1px 0 #ffffff38,0 0 15px #078cff26}
.video-sidebar .video-side-active{color:#d9f7ff;border-color:#54cdff80;background:linear-gradient(135deg,#b5eaff30,#167ce338 65%,#248cff15);box-shadow:inset 0 1px 0 #e0f8ff55,inset 0 -1px 0 #6bcaff26,0 0 18px #008cff24}
@media(max-width:760px){.video-sidebar{top:calc(var(--video-header-height) - 1px);padding:10px 18px;background:linear-gradient(110deg,#10213e8f,#0a142b80 55%,#17243d70);border-bottom:1px solid #b7dbff30;-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%);box-shadow:inset 0 1px 0 #ffffff12,0 8px 24px #0002}.video-sidebar nav{padding:3px;margin:-3px;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.video-sidebar a{transition:none}}

/* One liquid-glass treatment across the video library and its framed controls. */
.video-page{
  --video-glass:linear-gradient(135deg,#d4edff1c,#5e9fd510 45%,#176acd14),#0b172559;
  --video-glass-control:linear-gradient(135deg,#e2f4ff1f,#609fd50a 58%,#2c8de51a);
  --video-glass-edge:#bde4ff52;
  --video-glass-shine:inset 0 1px 0 #ffffff38,inset 1px 0 0 #d7efff12,inset 0 -1px 0 #86c8ff1f;
  --video-glass-shadow:0 12px 30px #0003;
}
.video-header{
  background:linear-gradient(110deg,#a5d3ff16,#0b15257a 48%,#234c762e),#070d1659;
  border-bottom-color:var(--video-glass-edge);
  -webkit-backdrop-filter:blur(26px) saturate(165%);
  backdrop-filter:blur(26px) saturate(165%);
  box-shadow:var(--video-glass-shine),0 8px 26px #0002;
}
.video-sidebar nav,
.video-empty,
.video-form,
.video-manage-card,
.video-share-panel,
.video-info-panel,
.video-description,
.video-quality-job,
.video-notice,
.video-playback-error{
  background:var(--video-glass);
  border:1px solid var(--video-glass-edge);
  box-shadow:var(--video-glass-shine),var(--video-glass-shadow);
  -webkit-backdrop-filter:blur(22px) saturate(155%);
  backdrop-filter:blur(22px) saturate(155%);
}
.video-info-panel{background:linear-gradient(135deg,#aacfff1c,#1a3b581a),#081320d9}
.video-search,
.video-page .account-link,
.video-sidebar a,
.video-page .button.glass,
.video-back,
.video-player-toolbar select,
.video-more summary,
.video-share-panel input,
.video-form input:not([type=file]):not([type=checkbox]),
.video-form textarea,
.video-edit-form input:not([type=hidden]),
.video-edit-form textarea,
.video-status{
  background:var(--video-glass-control);
  border:1px solid var(--video-glass-edge);
  box-shadow:var(--video-glass-shine);
  color:#e0efff;
}
.video-search{transition:border-color .18s,box-shadow .18s}
.video-search button{background:#b4deff0c;border-left-color:#bde4ff30}
.video-search:focus-within{border-color:#67d9ff;box-shadow:var(--video-glass-shine),0 0 0 2px #008dff55,0 0 20px #00b8ff33}
.video-page .button.primary{
  background:linear-gradient(135deg,#abdfff4d,#187cf2a8 55%,#004cb88f);
  border-color:#8cdcff99;
  box-shadow:var(--video-glass-shine),0 6px 20px #006eff26;
}
.video-sidebar .video-side-active{
  color:#e8faff;
  border-color:#65d7ff99;
  background:linear-gradient(135deg,#d6f3ff38,#167ce34d 65%,#248cff1f);
  box-shadow:var(--video-glass-shine),0 0 18px #008cff33;
}
.video-page :is(.button,.account-link,.video-back,.video-sidebar a):is(:focus-visible,:active){
  border-color:#68ddff;
  box-shadow:var(--video-glass-shine),0 0 0 1px #008dff,0 0 20px #00b8ff55;
  color:#fff;
}
@media(hover:hover){
  .video-page :is(.button,.account-link,.video-back,.video-sidebar a):hover{
    border-color:#68ddff;
    box-shadow:var(--video-glass-shine),0 0 0 1px #008dff,0 0 20px #00b8ff55;
    color:#fff;
  }
}
/* Highlights sit on the frame; posters and footage retain their original colour. */
.video-card-image,.video-channel-banner{
  position:relative;
  border-color:var(--video-glass-edge);
  box-shadow:var(--video-glass-shine),0 8px 24px #0003;
}
.video-card-image::after,.video-channel-banner::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 2px 0 #e2f6ff5c,inset 2px 0 0 #d4efff1f,inset 0 -1px 0 #65bfff40,inset 0 0 0 4px #91cfff0a;
}
.video-duration{border:1px solid #c6eaff38;background:#07111dc9;box-shadow:var(--video-glass-shine)}
.video-player{
  padding:5px;
  border-color:var(--video-glass-edge);
  background:var(--video-glass);
  box-shadow:var(--video-glass-shine),var(--video-glass-shadow);
}
.video-player video{background:#000;border-radius:7px 7px 0 0}
.video-player-toolbar{background:var(--video-glass-control);border-top-color:#c6eaff38;border-radius:0 0 7px 7px}
.video-player-toolbar select option{background:#102033;color:#eaf6ff}
.video-player:fullscreen,.video-player.video-expanded{padding:0;background:#000;box-shadow:none}
.video-player:fullscreen video,.video-player.video-expanded video{border-radius:0}
.video-drop{border-color:#8dd8ff80;background:linear-gradient(135deg,#aedfff0e,#1472bf12);box-shadow:var(--video-glass-shine)}
@media(max-width:760px){
  .video-sidebar{
    background:linear-gradient(110deg,#a5d3ff16,#0b15257a 48%,#234c762e),#070d1659;
    border-bottom-color:var(--video-glass-edge);
    box-shadow:var(--video-glass-shine),0 8px 24px #0002;
  }
  .video-sidebar nav{border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .video-player{padding:3px}
  .video-player video{border-radius:4px 4px 0 0}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .video-page{--video-glass:linear-gradient(135deg,#192d42,#0c1726);--video-glass-control:linear-gradient(135deg,#243b52,#122238)}
  .video-header{background:#0d1929}
  .video-info-panel{background:#102033}
  @media(max-width:760px){.video-sidebar{background:#0d1929}}
}
@media(prefers-reduced-motion:reduce){.video-search{transition:none}}
@media(forced-colors:active){
  .video-page{--video-glass:Canvas;--video-glass-control:Canvas;--video-glass-edge:CanvasText;--video-glass-shine:none;--video-glass-shadow:none}
  .video-header,.video-sidebar,.video-info-panel{background:Canvas}
  .video-card-image::after,.video-channel-banner::after{display:none}
  .video-sidebar .video-side-active{outline:2px solid Highlight;outline-offset:-3px}
}

@media screen and (min-width:1600px){.video-layout{max-width:none}.video-description,.comment-copy p{max-width:80ch}}

@media(max-width:760px){
  .video-section-top{gap:8px;margin-bottom:14px}
  .video-section-top p{margin:0}
  .video-grid{gap:14px 10px;align-items:start}
  .video-card-copy{padding:7px 1px 0}
  .video-card h2{font-size:14px;line-height:1.3;margin:0 0 3px}
  .video-card p{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px 6px;margin:0;font-size:12px;line-height:1.35}
  .video-card p span{display:inline}
  .video-card-views{margin:0;font-size:inherit;white-space:nowrap}
  .video-card-views::before{content:"· "}
}

@media screen and (min-width:1024px){:root{--fm-screen-unit:var(--fm-user-screen-unit,clamp(1px,.032552083vw,1.25px))}.video-page{background-color:#070b12;min-height:100dvh;color:#e8f0fa}
.video-header{display:flex;align-items:center;gap:calc(30 * var(--fm-screen-unit, 1px));min-height:calc(94 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(34 * var(--fm-screen-unit, 1px));position:sticky;top:0;z-index:25;background:linear-gradient(110deg,#0e245469,#080d16ed 48%,#42111b50);border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid #8bbaf51b;backdrop-filter:blur(calc(24 * var(--fm-screen-unit, 1px)))}
.video-brand{flex:0 0 calc(220 * var(--fm-screen-unit, 1px));display:block}.video-brand img{display:block;width:calc(220 * var(--fm-screen-unit, 1px));height:calc(76 * var(--fm-screen-unit, 1px));object-fit:contain}.video-header>.account-link{margin-left:auto}
.video-search{display:flex;align-items:center;max-width:calc(650 * var(--fm-screen-unit, 1px));flex:1;border:calc(1 * var(--fm-screen-unit, 1px)) solid #6f95bc44;border-radius:calc(24 * var(--fm-screen-unit, 1px));overflow:hidden;background:#080d16a8}.video-search input{width:100%;min-width:0;background:none;border:0;color:#e5efff;font:inherit;font-size:calc(16 * var(--fm-screen-unit, 1px));padding:calc(12 * var(--fm-screen-unit, 1px)) calc(19 * var(--fm-screen-unit, 1px));outline-offset:calc(-4 * var(--fm-screen-unit, 1px))}.video-search button{border:0;border-left:calc(1 * var(--fm-screen-unit, 1px)) solid #6f95bc33;background:#1b2c4166;color:#a8d2ff;display:grid;place-items:center;width:calc(52 * var(--fm-screen-unit, 1px));align-self:stretch;flex:none}
.video-layout{display:grid;grid-template-columns:calc(210 * var(--fm-screen-unit, 1px)) minmax(0,1fr);max-width:calc(1920 * var(--fm-screen-unit, 1px));margin:auto}.video-sidebar{padding:calc(28 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px));position:sticky;top:calc(94 * var(--fm-screen-unit, 1px));align-self:start;height:calc(100dvh - calc(94 * var(--fm-screen-unit, 1px)))}
.video-sidebar nav{display:flex;flex-direction:column;gap:calc(8 * var(--fm-screen-unit, 1px))}.video-sidebar a{display:flex;align-items:center;gap:calc(12 * var(--fm-screen-unit, 1px));padding:calc(13 * var(--fm-screen-unit, 1px)) calc(15 * var(--fm-screen-unit, 1px));font-size:calc(16 * var(--fm-screen-unit, 1px));border-radius:calc(10 * var(--fm-screen-unit, 1px));color:#a4b9d1;min-height:calc(48 * var(--fm-screen-unit, 1px))}.video-sidebar a:hover{background:#5e9ada12}.video-sidebar .video-side-active{color:#b5e6ff;border:calc(1 * var(--fm-screen-unit, 1px)) solid #2a9aff44;background:linear-gradient(120deg,#0966d039,#0e2c511a);box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 #bfe7ff12}.video-sidebar svg{width:calc(22 * var(--fm-screen-unit, 1px));height:calc(22 * var(--fm-screen-unit, 1px))}
.video-main{min-width:0;padding:calc(34 * var(--fm-screen-unit, 1px)) calc(38 * var(--fm-screen-unit, 1px)) calc(80 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px))}.video-main>h1{font-size:clamp(calc(28 * var(--fm-screen-unit, 1px)),3vw,calc(40 * var(--fm-screen-unit, 1px)));line-height:1.2;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 calc(20 * var(--fm-screen-unit, 1px))}.video-section-top{display:flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--fm-screen-unit, 1px));margin-bottom:calc(28 * var(--fm-screen-unit, 1px))}.video-section-top p{font-size:calc(16 * var(--fm-screen-unit, 1px));color:#8da6c1;line-height:1.6}.video-section-top .button{font-size:calc(14 * var(--fm-screen-unit, 1px));white-space:nowrap}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(32 * var(--fm-screen-unit, 1px)) calc(22 * var(--fm-screen-unit, 1px))}.video-card{min-width:0}.video-card-image{position:relative;display:block;aspect-ratio:16/9;background:#111e30;border-radius:calc(12 * var(--fm-screen-unit, 1px));overflow:hidden;border:calc(1 * var(--fm-screen-unit, 1px)) solid #9ec9fe1e}.video-card-image>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.video-card-image:hover>img{transform:scale(1.025)}.video-no-poster{display:grid;place-items:center;width:100%;height:100%;color:#72bdff;background:linear-gradient(130deg,#192c48,#0a111e)}.video-duration{position:absolute;right:calc(9 * var(--fm-screen-unit, 1px));bottom:calc(9 * var(--fm-screen-unit, 1px));padding:calc(3 * var(--fm-screen-unit, 1px)) calc(6 * var(--fm-screen-unit, 1px));border-radius:calc(4 * var(--fm-screen-unit, 1px));background:#030811d9;font-size:calc(12 * var(--fm-screen-unit, 1px));line-height:1.4;color:white}.video-card-copy{padding:calc(13 * var(--fm-screen-unit, 1px)) calc(2 * var(--fm-screen-unit, 1px))}.video-card h2{font-size:calc(17 * var(--fm-screen-unit, 1px));line-height:1.4;font-weight:600;letter-spacing:0;overflow-wrap:anywhere;margin:0 0 calc(7 * var(--fm-screen-unit, 1px))}.video-card h2 a:hover{color:#94d4ff}.video-card p{font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.6;color:#a0b9d2}.video-card p span{color:#798fa8}
.video-empty{min-height:calc(350 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #8bbaf522;border-radius:calc(16 * var(--fm-screen-unit, 1px));background:linear-gradient(150deg,#15263c55,#070c1655);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:calc(44 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px));text-align:center;gap:calc(16 * var(--fm-screen-unit, 1px))}.video-empty>svg{width:calc(48 * var(--fm-screen-unit, 1px));height:calc(48 * var(--fm-screen-unit, 1px));color:#62baff}.video-empty h2{font-size:calc(24 * var(--fm-screen-unit, 1px))}.video-empty p{font-size:calc(16 * var(--fm-screen-unit, 1px));color:#8da6c1}.video-empty .button{margin-top:calc(8 * var(--fm-screen-unit, 1px))}.video-pagination{display:flex;gap:calc(20 * var(--fm-screen-unit, 1px));margin-top:calc(28 * var(--fm-screen-unit, 1px));color:#b5dfff;font-size:calc(16 * var(--fm-screen-unit, 1px))}.video-pagination:empty{display:none}
.video-watch-layout{display:grid;grid-template-columns:minmax(0,1fr) calc(300 * var(--fm-screen-unit, 1px));gap:calc(28 * var(--fm-screen-unit, 1px))}.video-player{width:100%;aspect-ratio:16/9;background:#000;border:calc(1 * var(--fm-screen-unit, 1px)) solid #a4cfff22;border-radius:calc(12 * var(--fm-screen-unit, 1px));overflow:hidden}.video-player video{display:block;width:100%;height:100%;object-fit:contain}.video-watch-meta{display:flex;align-items:center;flex-wrap:wrap;gap:calc(14 * var(--fm-screen-unit, 1px));margin:calc(20 * var(--fm-screen-unit, 1px)) 0;font-size:calc(14 * var(--fm-screen-unit, 1px));color:#93a9c1}.video-watch-meta strong{font-size:calc(17 * var(--fm-screen-unit, 1px));color:#e4f3ff}.video-watch-meta a{margin-left:auto;color:#8acfff}.video-description{padding:calc(20 * var(--fm-screen-unit, 1px));background:#14203388;border-radius:calc(12 * var(--fm-screen-unit, 1px));font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.video-related>h2{font-size:calc(19 * var(--fm-screen-unit, 1px));letter-spacing:0;margin-bottom:calc(18 * var(--fm-screen-unit, 1px))}.video-related .video-card{margin-bottom:calc(20 * var(--fm-screen-unit, 1px))}.video-related .video-card h2{font-size:calc(16 * var(--fm-screen-unit, 1px))}
.video-comments{margin-top:calc(34 * var(--fm-screen-unit, 1px))}.video-comments>h2{font-size:calc(22 * var(--fm-screen-unit, 1px));letter-spacing:0;margin-bottom:calc(22 * var(--fm-screen-unit, 1px))}.video-comments>h2 span{font-size:calc(17 * var(--fm-screen-unit, 1px));color:#8da6c1;margin-left:calc(6 * var(--fm-screen-unit, 1px))}.video-comment-gate{padding:calc(20 * var(--fm-screen-unit, 1px));background:#14203355;border:calc(1 * var(--fm-screen-unit, 1px)) solid #8bbaf522;border-radius:calc(12 * var(--fm-screen-unit, 1px))}.video-comment-gate p{font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.6;color:#aec2d9;margin-bottom:calc(16 * var(--fm-screen-unit, 1px))}.video-comment-gate .button{font-size:calc(14 * var(--fm-screen-unit, 1px))}.video-comment-form label{display:block;font-size:calc(16 * var(--fm-screen-unit, 1px));margin-bottom:calc(10 * var(--fm-screen-unit, 1px))}.video-comment-form textarea{width:100%;resize:vertical;min-height:calc(90 * var(--fm-screen-unit, 1px))}.video-comment-form .video-hint{margin-top:calc(8 * var(--fm-screen-unit, 1px))}.video-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:calc(14 * var(--fm-screen-unit, 1px));margin-top:calc(18 * var(--fm-screen-unit, 1px))}.video-form-actions .button{min-height:calc(44 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px))}.video-form-actions .button:disabled{opacity:.5;cursor:wait}.form-status,#upload-status,#comment-action-status{font-size:calc(14 * var(--fm-screen-unit, 1px));color:#a9d6fc;line-height:1.6}.video-comment{display:flex;gap:calc(14 * var(--fm-screen-unit, 1px));padding-top:calc(24 * var(--fm-screen-unit, 1px))}.comment-avatar{display:grid;place-items:center;flex:none;width:calc(38 * var(--fm-screen-unit, 1px));height:calc(38 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #449fff44;background:#104c8e33;color:#90d4ff;border-radius:50%;font-size:calc(16 * var(--fm-screen-unit, 1px))}.comment-copy{min-width:0;flex:1}.comment-byline{display:flex;align-items:baseline;flex-wrap:wrap;gap:calc(10 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.4}.comment-byline time{font-size:calc(12 * var(--fm-screen-unit, 1px));color:#8198b1}.comment-copy p{font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:calc(7 * var(--fm-screen-unit, 1px))}.comment-delete{background:none;border:0;color:#7999b8;font-size:calc(13 * var(--fm-screen-unit, 1px));padding:calc(9 * var(--fm-screen-unit, 1px)) 0;min-height:calc(36 * var(--fm-screen-unit, 1px))}.comment-delete:hover{color:#baddff}
.video-form{max-width:calc(860 * var(--fm-screen-unit, 1px));padding:calc(30 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #8bbaf529;border-radius:calc(16 * var(--fm-screen-unit, 1px));background:linear-gradient(135deg,#14263d77,#080d18aa)}.video-form>label,.video-edit-form>label{display:flex;flex-direction:column;gap:calc(10 * var(--fm-screen-unit, 1px));font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.5;margin-bottom:calc(22 * var(--fm-screen-unit, 1px))}.video-form input,.video-form textarea,.video-edit-form input,.video-edit-form textarea,.video-comment-form textarea{background:#030a1488;border:calc(1 * var(--fm-screen-unit, 1px)) solid #7698be55;border-radius:calc(8 * var(--fm-screen-unit, 1px));font:inherit;font-size:calc(16 * var(--fm-screen-unit, 1px));color:#e2eeff;padding:calc(12 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px));outline-offset:calc(3 * var(--fm-screen-unit, 1px));max-width:100%;min-width:0}.video-form input:focus,.video-form textarea:focus,.video-edit-form input:focus,.video-edit-form textarea:focus,.video-comment-form textarea:focus{outline:calc(2 * var(--fm-screen-unit, 1px)) solid #2a9eff66;border-color:#2a9eff}.video-form input::file-selector-button{padding:calc(9 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #69b8ff55;border-radius:calc(7 * var(--fm-screen-unit, 1px));background:#16487a55;color:#bce3ff;margin-right:calc(14 * var(--fm-screen-unit, 1px));cursor:pointer;font:inherit;font-size:calc(14 * var(--fm-screen-unit, 1px))}.video-drop{padding:calc(25 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) dashed #74b8ff66;border-radius:calc(12 * var(--fm-screen-unit, 1px));background:#13437722}.video-drop>span,.video-hint{font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.6;color:#8ca5bf}.video-drop input{background:none;border:0;padding:0}.video-form>video,.video-form>img{display:block;width:100%;max-height:calc(340 * var(--fm-screen-unit, 1px));object-fit:contain;background:#000;border-radius:calc(10 * var(--fm-screen-unit, 1px));margin-bottom:calc(24 * var(--fm-screen-unit, 1px))}.video-form>[hidden]{display:none}.video-upload-progress{display:flex;align-items:center;gap:calc(14 * var(--fm-screen-unit, 1px));margin:calc(20 * var(--fm-screen-unit, 1px)) 0}.video-upload-progress progress{width:100%;height:calc(8 * var(--fm-screen-unit, 1px));accent-color:#2c9eff}.video-upload-progress span{font-size:calc(14 * var(--fm-screen-unit, 1px));color:#b5dfff;min-width:calc(40 * var(--fm-screen-unit, 1px))}.video-upload-progress[hidden]{display:none}.video-form>#upload-status{margin:calc(20 * var(--fm-screen-unit, 1px)) 0 calc(10 * var(--fm-screen-unit, 1px))}.video-success-link{color:#a1deff;text-decoration:underline;font-size:calc(16 * var(--fm-screen-unit, 1px))}.video-notice,.video-playback-error{font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.6;padding:calc(20 * var(--fm-screen-unit, 1px));background:#15243a66;border-radius:calc(10 * var(--fm-screen-unit, 1px));color:#c5d7eb;margin-bottom:calc(20 * var(--fm-screen-unit, 1px))}
.video-management{display:grid;gap:calc(24 * var(--fm-screen-unit, 1px))}.video-manage-card{display:grid;grid-template-columns:calc(260 * var(--fm-screen-unit, 1px)) minmax(0,1fr);gap:calc(28 * var(--fm-screen-unit, 1px));padding:calc(24 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #8bbaf522;border-radius:calc(14 * var(--fm-screen-unit, 1px));background:#101c2e66}.video-status{display:inline-block;font-size:calc(13 * var(--fm-screen-unit, 1px));color:#94ceff;border:calc(1 * var(--fm-screen-unit, 1px)) solid #589fea44;padding:calc(5 * var(--fm-screen-unit, 1px)) calc(10 * var(--fm-screen-unit, 1px));border-radius:calc(12 * var(--fm-screen-unit, 1px))}.video-edit-form{min-width:0}.video-edit-form>label{margin-bottom:calc(16 * var(--fm-screen-unit, 1px))}.video-edit-form .form-status{margin-top:calc(12 * var(--fm-screen-unit, 1px))}
@media(min-width:1700px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1200px){.video-layout{grid-template-columns:calc(172 * var(--fm-screen-unit, 1px)) minmax(0,1fr)}.video-header{gap:calc(20 * var(--fm-screen-unit, 1px))}.video-brand{flex-basis:calc(170 * var(--fm-screen-unit, 1px))}.video-brand img{width:calc(170 * var(--fm-screen-unit, 1px))}.video-sidebar{padding-inline:calc(12 * var(--fm-screen-unit, 1px))}.video-sidebar a{font-size:calc(14 * var(--fm-screen-unit, 1px));padding-inline:calc(12 * var(--fm-screen-unit, 1px))}.video-main{padding-right:calc(25 * var(--fm-screen-unit, 1px))}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-watch-layout{grid-template-columns:minmax(0,1fr)}.video-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--fm-screen-unit, 1px))}.video-related>h2{grid-column:1/-1;margin:0}.video-manage-card{grid-template-columns:calc(200 * var(--fm-screen-unit, 1px)) minmax(0,1fr);gap:calc(20 * var(--fm-screen-unit, 1px))}}
@media(max-width:760px){.video-header{flex-wrap:wrap;padding:calc(8 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px));gap:calc(5 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px));min-height:0}.video-brand{flex-basis:calc(155 * var(--fm-screen-unit, 1px))}.video-brand img{width:calc(155 * var(--fm-screen-unit, 1px));height:calc(54 * var(--fm-screen-unit, 1px))}.video-header>.account-link{font-size:calc(14 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(11 * var(--fm-screen-unit, 1px))}.video-search{flex-basis:100%;order:3;max-width:none}.video-search input{font-size:calc(16 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(16 * var(--fm-screen-unit, 1px))}.video-layout{display:block}.video-sidebar{height:auto;position:static;padding:calc(16 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px)) 0}.video-sidebar nav{flex-direction:row;overflow:auto;gap:calc(8 * var(--fm-screen-unit, 1px));scrollbar-width:none}.video-sidebar a{white-space:nowrap;flex:none;padding:calc(10 * var(--fm-screen-unit, 1px)) calc(13 * var(--fm-screen-unit, 1px));min-height:calc(42 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px))}.video-sidebar svg{width:calc(18 * var(--fm-screen-unit, 1px));height:calc(18 * var(--fm-screen-unit, 1px))}.video-main{padding:calc(24 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px)) calc(55 * var(--fm-screen-unit, 1px))}.video-main>h1{font-size:calc(28 * var(--fm-screen-unit, 1px));margin-bottom:calc(16 * var(--fm-screen-unit, 1px))}.video-section-top{flex-wrap:wrap;gap:calc(12 * var(--fm-screen-unit, 1px));margin-bottom:calc(22 * var(--fm-screen-unit, 1px))}.video-section-top p{font-size:calc(14 * var(--fm-screen-unit, 1px))}.video-grid{gap:calc(26 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px))}.video-card h2{font-size:calc(16 * var(--fm-screen-unit, 1px))}.video-card p{font-size:calc(13 * var(--fm-screen-unit, 1px))}.video-card p span{display:block}.video-watch-layout{gap:calc(32 * var(--fm-screen-unit, 1px))}.video-related{grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(16 * var(--fm-screen-unit, 1px))}.video-player{border-radius:calc(8 * var(--fm-screen-unit, 1px))}.video-description{padding:calc(16 * var(--fm-screen-unit, 1px))}.video-form{padding:calc(22 * var(--fm-screen-unit, 1px)) calc(16 * var(--fm-screen-unit, 1px))}.video-drop{padding:calc(18 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px))}.video-manage-card{grid-template-columns:1fr;padding:calc(18 * var(--fm-screen-unit, 1px))}.video-manage-preview{max-width:calc(400 * var(--fm-screen-unit, 1px))}.video-form-actions{gap:calc(10 * var(--fm-screen-unit, 1px))}.video-form .button{flex:1;justify-content:center}.video-comment-gate{padding:calc(16 * var(--fm-screen-unit, 1px))}}
@media(max-width:480px){.video-grid{grid-template-columns:1fr}.video-card p span{display:inline}.video-related{grid-template-columns:1fr}.video-related .video-card{display:grid;grid-template-columns:calc(140 * var(--fm-screen-unit, 1px)) minmax(0,1fr);gap:calc(12 * var(--fm-screen-unit, 1px));margin-bottom:0}.video-related .video-card-copy{padding:calc(2 * var(--fm-screen-unit, 1px)) 0}.video-related .video-card-image{border-radius:calc(8 * var(--fm-screen-unit, 1px))}.video-related .video-card h2{font-size:calc(14 * var(--fm-screen-unit, 1px))}.video-related .video-card p span{display:block}}
@media(prefers-reduced-motion:reduce){.video-card-image>img{transition:none}}

.video-page [hidden]{display:none!important}
.comment-avatar{overflow:hidden}.comment-avatar img{display:block;width:100%;height:100%;object-fit:cover}.header-avatar{width:calc(28 * var(--fm-screen-unit, 1px));height:calc(28 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px))}.video-header>.account-link{max-width:calc(260 * var(--fm-screen-unit, 1px))}.video-header>.account-link>span:last-child{overflow:hidden;text-overflow:ellipsis}.comment-author{display:flex;align-items:center;gap:calc(12 * var(--fm-screen-unit, 1px));margin-bottom:calc(18 * var(--fm-screen-unit, 1px));flex-wrap:wrap;font-size:calc(16 * var(--fm-screen-unit, 1px))}.comment-author a{font-size:calc(14 * var(--fm-screen-unit, 1px));color:#9acfff;margin-left:auto}.comment-author>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.comment-thread{padding-bottom:calc(4 * var(--fm-screen-unit, 1px))}.comment-replies{margin-left:calc(52 * var(--fm-screen-unit, 1px));padding-left:calc(16 * var(--fm-screen-unit, 1px));border-left:calc(1 * var(--fm-screen-unit, 1px)) solid #78b9ff33}.comment-replies:empty{display:none}.comment-replies .comment-avatar{width:calc(32 * var(--fm-screen-unit, 1px));height:calc(32 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px))}.comment-actions{display:flex;align-items:center;gap:calc(20 * var(--fm-screen-unit, 1px));flex-wrap:wrap}.comment-reply,.comment-more{background:none;border:0;color:#9ed5ff;font:inherit;font-size:calc(14 * var(--fm-screen-unit, 1px));min-height:calc(44 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) 0;cursor:pointer}.comment-delete{font-size:calc(14 * var(--fm-screen-unit, 1px));min-height:calc(44 * var(--fm-screen-unit, 1px))}.comment-more{margin:calc(4 * var(--fm-screen-unit, 1px)) 0 0 calc(52 * var(--fm-screen-unit, 1px))}.comment-reply:hover,.comment-more:hover{color:#e0f3ff}.comment-reply:focus-visible,.comment-more:focus-visible,.comment-delete:focus-visible{outline:calc(2 * var(--fm-screen-unit, 1px)) solid #63c7ff;outline-offset:calc(4 * var(--fm-screen-unit, 1px))}.comment-more:disabled{opacity:.55}.comment-reply-context{display:block;font-size:calc(14 * var(--fm-screen-unit, 1px));color:#8cabc9;margin-top:calc(7 * var(--fm-screen-unit, 1px))}.comment-byline strong{overflow-wrap:anywhere;min-width:0}.comment-deleted .comment-body{font-style:italic;color:#8da3b9}.reply-form{margin:calc(14 * var(--fm-screen-unit, 1px)) 0 calc(6 * var(--fm-screen-unit, 1px))}.reply-form .video-form-actions{margin-top:calc(10 * var(--fm-screen-unit, 1px))}.reply-form .button{padding:calc(10 * var(--fm-screen-unit, 1px)) calc(16 * var(--fm-screen-unit, 1px))}.comment-replies .video-comment{gap:calc(12 * var(--fm-screen-unit, 1px))}.comment-replies .video-comment .reply-form{margin-left:calc(-44 * var(--fm-screen-unit, 1px))}@media(max-width:600px){.comment-replies{margin-left:calc(18 * var(--fm-screen-unit, 1px));padding-left:calc(12 * var(--fm-screen-unit, 1px))}.comment-more{margin-left:calc(30 * var(--fm-screen-unit, 1px))}.comment-author a{margin-left:0}.comment-byline time{font-size:calc(13 * var(--fm-screen-unit, 1px))}.video-header>.account-link{max-width:calc(100% - calc(174 * var(--fm-screen-unit, 1px)))}}

/* Player controls stay with the video, including in full-screen mode. */
.video-player{aspect-ratio:auto}.video-player video{height:auto;aspect-ratio:16/9;max-height:75vh}.video-player-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:calc(10 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px));background:#101a29;border-top:calc(1 * var(--fm-screen-unit, 1px)) solid #83baff24;font-size:calc(14 * var(--fm-screen-unit, 1px));min-height:calc(60 * var(--fm-screen-unit, 1px))}.video-player-toolbar label{color:#abc6e1}.video-player-toolbar select{max-width:100%;min-height:calc(40 * var(--fm-screen-unit, 1px));background:#1d2e44;border:calc(1 * var(--fm-screen-unit, 1px)) solid #709bcb55;color:#eaf6ff;border-radius:calc(8 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(30 * var(--fm-screen-unit, 1px)) calc(8 * var(--fm-screen-unit, 1px)) calc(10 * var(--fm-screen-unit, 1px));font:inherit}.video-player-toolbar select:focus-visible,.video-fullscreen:focus-visible{outline:calc(2 * var(--fm-screen-unit, 1px)) solid #8dceff;outline-offset:calc(3 * var(--fm-screen-unit, 1px))}[data-quality-status]{color:#91acc8;flex:1;min-width:calc(100 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px))}.video-fullscreen{background:none;color:#c1e3ff;border:0;padding:calc(8 * var(--fm-screen-unit, 1px));min-height:calc(40 * var(--fm-screen-unit, 1px));font:inherit;cursor:pointer}.video-player:fullscreen{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;border:0;border-radius:0}.video-player:fullscreen video{flex:1;min-height:0;max-height:none;aspect-ratio:auto}.video-player:fullscreen .video-player-toolbar{flex-shrink:0}
.video-share{display:flex;align-items:center;gap:calc(14 * var(--fm-screen-unit, 1px));flex-wrap:wrap;margin:0 0 calc(20 * var(--fm-screen-unit, 1px))}.video-share .button{display:inline-flex;align-items:center;gap:calc(9 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px));min-height:calc(44 * var(--fm-screen-unit, 1px));border-radius:calc(24 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px))}#video-share-status{font-size:calc(14 * var(--fm-screen-unit, 1px));color:#a9d6fc;line-height:1.5}.video-share-panel{padding:calc(16 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #74adf044;border-radius:calc(12 * var(--fm-screen-unit, 1px));background:#142137;margin-bottom:calc(20 * var(--fm-screen-unit, 1px))}.video-share-panel label{display:block;margin-bottom:calc(10 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px));color:#b9d4ed}.video-share-panel>div{display:flex;gap:calc(12 * var(--fm-screen-unit, 1px));align-items:center;flex-wrap:wrap}.video-share-panel input{flex:1;min-width:calc(180 * var(--fm-screen-unit, 1px));max-width:100%;background:#080f1c;border:calc(1 * var(--fm-screen-unit, 1px)) solid #749dcc55;border-radius:calc(8 * var(--fm-screen-unit, 1px));color:#def0ff;padding:calc(12 * var(--fm-screen-unit, 1px));font:inherit;font-size:calc(16 * var(--fm-screen-unit, 1px))}.video-share-panel .button{font-size:calc(14 * var(--fm-screen-unit, 1px))}
.comment-composer{display:flex;align-items:flex-start;gap:calc(14 * var(--fm-screen-unit, 1px));margin-bottom:calc(16 * var(--fm-screen-unit, 1px))}.comment-composer>.comment-avatar{margin-top:calc(2 * var(--fm-screen-unit, 1px))}.comment-entry{min-width:0;flex:1}.comment-compose-byline{display:flex;align-items:center;flex-wrap:wrap;gap:calc(10 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px));color:#c1d9f0;margin-bottom:calc(8 * var(--fm-screen-unit, 1px))}.comment-compose-byline a{margin-left:auto;color:#9acfff}.comment-label{position:absolute!important;width:calc(1 * var(--fm-screen-unit, 1px));height:calc(1 * var(--fm-screen-unit, 1px));padding:0!important;margin:calc(-1 * var(--fm-screen-unit, 1px))!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.comment-composer textarea,.reply-form textarea{display:block;min-height:calc(42 * var(--fm-screen-unit, 1px));max-height:calc(300 * var(--fm-screen-unit, 1px));resize:none;background:transparent;border:0;border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid #7893af77;border-radius:0;padding:calc(9 * var(--fm-screen-unit, 1px)) 0;font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.5;box-shadow:none}.comment-composer textarea:focus,.reply-form textarea:focus{outline:0;border:0;border-bottom:calc(2 * var(--fm-screen-unit, 1px)) solid #79c8ff}.comment-composer .video-form-actions{justify-content:flex-end;gap:calc(18 * var(--fm-screen-unit, 1px));margin-top:calc(10 * var(--fm-screen-unit, 1px))}.comment-composer .video-form-actions .button{border-radius:calc(24 * var(--fm-screen-unit, 1px));padding:calc(9 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px))}.comment-composer.is-collapsed .comment-compose-byline,.comment-composer.is-collapsed .video-form-actions{display:none}.comment-composer .form-status{display:block;margin-top:calc(8 * var(--fm-screen-unit, 1px))}.comment-composer .form-status:empty{display:none}.video-comment-gate{padding:calc(10 * var(--fm-screen-unit, 1px)) 0 calc(16 * var(--fm-screen-unit, 1px));background:none;border:0;border-radius:0;font-size:calc(16 * var(--fm-screen-unit, 1px));color:#a1d9ff}.video-comment-gate a{display:inline-block;min-height:calc(44 * var(--fm-screen-unit, 1px));padding:calc(10 * var(--fm-screen-unit, 1px)) 0}.reply-form textarea{min-height:calc(56 * var(--fm-screen-unit, 1px))}.video-versions{grid-column:2;display:grid;gap:calc(10 * var(--fm-screen-unit, 1px))}.video-versions h3{font-size:calc(16 * var(--fm-screen-unit, 1px));letter-spacing:0;margin:0 0 calc(4 * var(--fm-screen-unit, 1px))}.video-variant-row{display:flex;gap:calc(12 * var(--fm-screen-unit, 1px));flex-wrap:wrap;align-items:center;font-size:calc(14 * var(--fm-screen-unit, 1px));border-top:calc(1 * var(--fm-screen-unit, 1px)) solid #82b6ef22;padding-top:calc(8 * var(--fm-screen-unit, 1px))}.video-variant-row .button{font-size:calc(14 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(12 * var(--fm-screen-unit, 1px));min-height:calc(40 * var(--fm-screen-unit, 1px))}.video-variant-row .form-status{flex-basis:100%}
@media(max-width:760px){.video-player-toolbar{gap:calc(8 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(10 * var(--fm-screen-unit, 1px))}.video-player-toolbar label{font-size:calc(14 * var(--fm-screen-unit, 1px))}[data-quality-status]{flex-basis:100%;order:3}.video-fullscreen{margin-left:auto}.comment-composer{gap:calc(10 * var(--fm-screen-unit, 1px))}.comment-compose-byline a{margin-left:0}.video-versions{grid-column:1}.video-share-panel input{flex-basis:100%}}

.video-card-views{display:block;color:#9db7d1;margin-top:calc(4 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px))}
.video-player{position:relative;overflow:visible}
.video-player video{border-radius:inherit}
.video-more{position:static;margin-left:auto}
.video-more summary{display:grid;place-items:center;list-style:none;cursor:pointer;width:calc(44 * var(--fm-screen-unit, 1px));height:calc(44 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #709bcb55;border-radius:50%;background:#1d2e44;color:#eaf6ff;letter-spacing:calc(3 * var(--fm-screen-unit, 1px));font-size:calc(18 * var(--fm-screen-unit, 1px));padding-left:calc(3 * var(--fm-screen-unit, 1px))}
.video-more summary::-webkit-details-marker{display:none}
.video-more summary:focus-visible{outline:calc(2 * var(--fm-screen-unit, 1px)) solid #8dceff;outline-offset:calc(3 * var(--fm-screen-unit, 1px))}
.video-info-panel{position:absolute;z-index:10;right:calc(12 * var(--fm-screen-unit, 1px));bottom:calc(72 * var(--fm-screen-unit, 1px));width:min(calc(440 * var(--fm-screen-unit, 1px)),calc(100% - calc(24 * var(--fm-screen-unit, 1px))));max-height:min(55vh,calc(420 * var(--fm-screen-unit, 1px)));overflow:auto;padding:calc(20 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #709bcb66;border-radius:calc(14 * var(--fm-screen-unit, 1px));background:#101b2bf5;box-shadow:0 calc(15 * var(--fm-screen-unit, 1px)) calc(50 * var(--fm-screen-unit, 1px)) #0009;font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.6}
.video-info-panel h2{font-size:calc(18 * var(--fm-screen-unit, 1px));letter-spacing:0;margin:0 0 calc(6 * var(--fm-screen-unit, 1px))}
.video-info-panel>span{font-size:calc(14 * var(--fm-screen-unit, 1px));color:#9db7d1}
.video-info-panel p{white-space:pre-wrap;overflow-wrap:anywhere;margin:calc(12 * var(--fm-screen-unit, 1px)) 0 0}
.video-expanded{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:center;background:#000;border-radius:0}
.video-expanded video{flex:1;min-height:0;max-height:none;aspect-ratio:auto}
.video-form>.video-auto-quality{display:grid;grid-template-columns:auto 1fr;gap:calc(10 * var(--fm-screen-unit, 1px));align-items:start}
.video-auto-quality input{margin-top:calc(5 * var(--fm-screen-unit, 1px));accent-color:#2c9eff;width:calc(20 * var(--fm-screen-unit, 1px));height:calc(20 * var(--fm-screen-unit, 1px))}
.video-auto-quality .video-hint{grid-column:2}
.video-quality-job{grid-column:1/-1;padding:calc(16 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #709bcb55;border-radius:calc(12 * var(--fm-screen-unit, 1px));background:#102238;margin-top:calc(14 * var(--fm-screen-unit, 1px));font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.6}
.video-quality-job progress{width:100%;accent-color:#2c9eff;margin:calc(12 * var(--fm-screen-unit, 1px)) 0}
.video-quality-job button{min-height:calc(44 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px));margin-top:calc(8 * var(--fm-screen-unit, 1px))}
@media(max-width:760px){.video-info-panel{bottom:calc(112 * var(--fm-screen-unit, 1px))}.video-fullscreen{margin-left:0}.video-more{margin-left:auto}}

.video-back{display:inline-flex;align-items:center;gap:calc(9 * var(--fm-screen-unit, 1px));min-height:calc(44 * var(--fm-screen-unit, 1px));margin:0 0 calc(16 * var(--fm-screen-unit, 1px));padding:calc(8 * var(--fm-screen-unit, 1px)) calc(14 * var(--fm-screen-unit, 1px)) calc(8 * var(--fm-screen-unit, 1px)) calc(10 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #709bcb55;border-radius:calc(24 * var(--fm-screen-unit, 1px));background:#142238;color:#c2e5ff;font-size:calc(16 * var(--fm-screen-unit, 1px));line-height:1.4;text-decoration:none}
.video-back:hover{background:#1e3654;color:#fff}.video-back:focus-visible{outline:calc(2 * var(--fm-screen-unit, 1px)) solid #8dceff;outline-offset:calc(3 * var(--fm-screen-unit, 1px))}.video-back svg{flex:none}
.video-auto-quality-note{padding:calc(14 * var(--fm-screen-unit, 1px)) calc(16 * var(--fm-screen-unit, 1px));border-left:calc(3 * var(--fm-screen-unit, 1px)) solid #349cfa;background:#15355933;border-radius:calc(8 * var(--fm-screen-unit, 1px));margin-bottom:calc(22 * var(--fm-screen-unit, 1px))}

.video-channel-banner{width:100%;margin:0 0 calc(28 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #9ec9fe26;border-radius:calc(14 * var(--fm-screen-unit, 1px));overflow:hidden;background:#080d16}
.video-channel-banner img{display:block;width:100%;height:auto;aspect-ratio:18/5;object-fit:cover;object-position:50% 70%}
@media(max-width:760px){.video-channel-banner{margin-bottom:calc(22 * var(--fm-screen-unit, 1px));border-radius:calc(10 * var(--fm-screen-unit, 1px))}.video-channel-banner img{aspect-ratio:3/1}}

/* Keep section navigation below the actual height of the site header. */
.video-page{--video-header-height:calc(97 * var(--fm-screen-unit, 1px))}
.video-sidebar{top:var(--video-header-height);height:calc(100dvh - var(--video-header-height));overflow-y:auto;overscroll-behavior:contain;z-index:20}
.video-main :where(h1,h2,[id]){scroll-margin-top:calc(var(--video-header-height) + calc(20 * var(--fm-screen-unit, 1px)))}
.video-card-image{transition:border-color .18s ease,box-shadow .18s ease}
.video-card-image:focus-visible,.video-card-image:active{border-color:#39dcff;box-shadow:inset 0 0 0 calc(1 * var(--fm-screen-unit, 1px)) #39dcff,0 0 0 calc(2 * var(--fm-screen-unit, 1px)) #008dff,0 0 calc(22 * var(--fm-screen-unit, 1px)) #00b8ff88;outline:none}
@media(hover:hover){.video-card-image:hover{border-color:#39dcff;box-shadow:inset 0 0 0 calc(1 * var(--fm-screen-unit, 1px)) #39dcff,0 0 0 calc(2 * var(--fm-screen-unit, 1px)) #008dff,0 0 calc(22 * var(--fm-screen-unit, 1px)) #00b8ff88}}
@media(max-width:760px){.video-page{--video-header-height:calc(132 * var(--fm-screen-unit, 1px))}.video-sidebar{position:sticky;top:var(--video-header-height);height:auto;padding:calc(10 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px));background:#070b12f5;border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid #70b8ff26;backdrop-filter:blur(calc(16 * var(--fm-screen-unit, 1px)));overflow:visible}.video-sidebar nav{padding:calc(3 * var(--fm-screen-unit, 1px));margin:calc(-3 * var(--fm-screen-unit, 1px))}.video-main :where(h1,h2,[id]){scroll-margin-top:calc(var(--video-header-height) + calc(80 * var(--fm-screen-unit, 1px)))}}
@media(prefers-reduced-motion:reduce){.video-card-image{transition:none}}

/* Join sticky surfaces with a one-pixel overlap, including fractional zoom. */
.video-sidebar{top:calc(var(--video-header-height) - calc(1 * var(--fm-screen-unit, 1px)))}
.video-sidebar nav{padding:calc(10 * var(--fm-screen-unit, 1px));border:calc(1 * var(--fm-screen-unit, 1px)) solid #c4e6ff38;border-radius:calc(18 * var(--fm-screen-unit, 1px));background:linear-gradient(135deg,#c5e6ff16,#28466638 55%,#0a172c33);-webkit-backdrop-filter:blur(calc(24 * var(--fm-screen-unit, 1px))) saturate(165%);backdrop-filter:blur(calc(24 * var(--fm-screen-unit, 1px))) saturate(165%);box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 #ffffff26,inset 0 calc(-1 * var(--fm-screen-unit, 1px)) 0 #9ecaff12,0 calc(12 * var(--fm-screen-unit, 1px)) calc(30 * var(--fm-screen-unit, 1px)) #0003}
.video-sidebar a{color:#d6e5f4;border:calc(1 * var(--fm-screen-unit, 1px)) solid #c2e3ff26;background:linear-gradient(135deg,#ffffff12,#c3e2ff04);box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 #ffffff14;border-radius:calc(12 * var(--fm-screen-unit, 1px));transition:background .18s,border-color .18s,box-shadow .18s}
.video-sidebar a:hover,.video-sidebar a:focus-visible{color:#fff;border-color:#94dfff8c;background:linear-gradient(135deg,#c8eeff2e,#339aff1c);box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 #ffffff38,0 0 calc(15 * var(--fm-screen-unit, 1px)) #078cff26}
.video-sidebar .video-side-active{color:#d9f7ff;border-color:#54cdff80;background:linear-gradient(135deg,#b5eaff30,#167ce338 65%,#248cff15);box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 #e0f8ff55,inset 0 calc(-1 * var(--fm-screen-unit, 1px)) 0 #6bcaff26,0 0 calc(18 * var(--fm-screen-unit, 1px)) #008cff24}
@media(max-width:760px){.video-sidebar{top:calc(var(--video-header-height) - calc(1 * var(--fm-screen-unit, 1px)));padding:calc(10 * var(--fm-screen-unit, 1px)) calc(18 * var(--fm-screen-unit, 1px));background:linear-gradient(110deg,#10213e8f,#0a142b80 55%,#17243d70);border-bottom:calc(1 * var(--fm-screen-unit, 1px)) solid #b7dbff30;-webkit-backdrop-filter:blur(calc(26 * var(--fm-screen-unit, 1px))) saturate(170%);backdrop-filter:blur(calc(26 * var(--fm-screen-unit, 1px))) saturate(170%);box-shadow:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 #ffffff12,0 calc(8 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px)) #0002}.video-sidebar nav{padding:calc(3 * var(--fm-screen-unit, 1px));margin:calc(-3 * var(--fm-screen-unit, 1px));border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.video-sidebar a{transition:none}}

/* One liquid-glass treatment across the video library and its framed controls. */
.video-page{
  --video-glass:linear-gradient(135deg,#d4edff1c,#5e9fd510 45%,#176acd14),#0b172559;
  --video-glass-control:linear-gradient(135deg,#e2f4ff1f,#609fd50a 58%,#2c8de51a);
  --video-glass-edge:#bde4ff52;
  --video-glass-shine:inset 0 calc(1 * var(--fm-screen-unit, 1px)) 0 #ffffff38,inset calc(1 * var(--fm-screen-unit, 1px)) 0 0 #d7efff12,inset 0 calc(-1 * var(--fm-screen-unit, 1px)) 0 #86c8ff1f;
  --video-glass-shadow:0 calc(12 * var(--fm-screen-unit, 1px)) calc(30 * var(--fm-screen-unit, 1px)) #0003;
}
.video-header{
  background:linear-gradient(110deg,#a5d3ff16,#0b15257a 48%,#234c762e),#070d1659;
  border-bottom-color:var(--video-glass-edge);
  -webkit-backdrop-filter:blur(calc(26 * var(--fm-screen-unit, 1px))) saturate(165%);
  backdrop-filter:blur(calc(26 * var(--fm-screen-unit, 1px))) saturate(165%);
  box-shadow:var(--video-glass-shine),0 calc(8 * var(--fm-screen-unit, 1px)) calc(26 * var(--fm-screen-unit, 1px)) #0002;
}
.video-sidebar nav,
.video-empty,
.video-form,
.video-manage-card,
.video-share-panel,
.video-info-panel,
.video-description,
.video-quality-job,
.video-notice,
.video-playback-error{
  background:var(--video-glass);
  border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--video-glass-edge);
  box-shadow:var(--video-glass-shine),var(--video-glass-shadow);
  -webkit-backdrop-filter:blur(calc(22 * var(--fm-screen-unit, 1px))) saturate(155%);
  backdrop-filter:blur(calc(22 * var(--fm-screen-unit, 1px))) saturate(155%);
}
.video-info-panel{background:linear-gradient(135deg,#aacfff1c,#1a3b581a),#081320d9}
.video-search,
.video-page .account-link,
.video-sidebar a,
.video-page .button.glass,
.video-back,
.video-player-toolbar select,
.video-more summary,
.video-share-panel input,
.video-form input:not([type=file]):not([type=checkbox]),
.video-form textarea,
.video-edit-form input:not([type=hidden]),
.video-edit-form textarea,
.video-status{
  background:var(--video-glass-control);
  border:calc(1 * var(--fm-screen-unit, 1px)) solid var(--video-glass-edge);
  box-shadow:var(--video-glass-shine);
  color:#e0efff;
}
.video-search{transition:border-color .18s,box-shadow .18s}
.video-search button{background:#b4deff0c;border-left-color:#bde4ff30}
.video-search:focus-within{border-color:#67d9ff;box-shadow:var(--video-glass-shine),0 0 0 calc(2 * var(--fm-screen-unit, 1px)) #008dff55,0 0 calc(20 * var(--fm-screen-unit, 1px)) #00b8ff33}
.video-page .button.primary{
  background:linear-gradient(135deg,#abdfff4d,#187cf2a8 55%,#004cb88f);
  border-color:#8cdcff99;
  box-shadow:var(--video-glass-shine),0 calc(6 * var(--fm-screen-unit, 1px)) calc(20 * var(--fm-screen-unit, 1px)) #006eff26;
}
.video-sidebar .video-side-active{
  color:#e8faff;
  border-color:#65d7ff99;
  background:linear-gradient(135deg,#d6f3ff38,#167ce34d 65%,#248cff1f);
  box-shadow:var(--video-glass-shine),0 0 calc(18 * var(--fm-screen-unit, 1px)) #008cff33;
}
.video-page :is(.button,.account-link,.video-back,.video-sidebar a):is(:focus-visible,:active){
  border-color:#68ddff;
  box-shadow:var(--video-glass-shine),0 0 0 calc(1 * var(--fm-screen-unit, 1px)) #008dff,0 0 calc(20 * var(--fm-screen-unit, 1px)) #00b8ff55;
  color:#fff;
}
@media(hover:hover){
  .video-page :is(.button,.account-link,.video-back,.video-sidebar a):hover{
    border-color:#68ddff;
    box-shadow:var(--video-glass-shine),0 0 0 calc(1 * var(--fm-screen-unit, 1px)) #008dff,0 0 calc(20 * var(--fm-screen-unit, 1px)) #00b8ff55;
    color:#fff;
  }
}
/* Highlights sit on the frame; posters and footage retain their original colour. */
.video-card-image,.video-channel-banner{
  position:relative;
  border-color:var(--video-glass-edge);
  box-shadow:var(--video-glass-shine),0 calc(8 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px)) #0003;
}
.video-card-image::after,.video-channel-banner::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 calc(2 * var(--fm-screen-unit, 1px)) 0 #e2f6ff5c,inset calc(2 * var(--fm-screen-unit, 1px)) 0 0 #d4efff1f,inset 0 calc(-1 * var(--fm-screen-unit, 1px)) 0 #65bfff40,inset 0 0 0 calc(4 * var(--fm-screen-unit, 1px)) #91cfff0a;
}
.video-duration{border:calc(1 * var(--fm-screen-unit, 1px)) solid #c6eaff38;background:#07111dc9;box-shadow:var(--video-glass-shine)}
.video-player{
  padding:calc(5 * var(--fm-screen-unit, 1px));
  border-color:var(--video-glass-edge);
  background:var(--video-glass);
  box-shadow:var(--video-glass-shine),var(--video-glass-shadow);
}
.video-player video{background:#000;border-radius:calc(7 * var(--fm-screen-unit, 1px)) calc(7 * var(--fm-screen-unit, 1px)) 0 0}
.video-player-toolbar{background:var(--video-glass-control);border-top-color:#c6eaff38;border-radius:0 0 calc(7 * var(--fm-screen-unit, 1px)) calc(7 * var(--fm-screen-unit, 1px))}
.video-player-toolbar select option{background:#102033;color:#eaf6ff}
.video-player:fullscreen,.video-player.video-expanded{padding:0;background:#000;box-shadow:none}
.video-player:fullscreen video,.video-player.video-expanded video{border-radius:0}
.video-drop{border-color:#8dd8ff80;background:linear-gradient(135deg,#aedfff0e,#1472bf12);box-shadow:var(--video-glass-shine)}
@media(max-width:760px){
  .video-sidebar{
    background:linear-gradient(110deg,#a5d3ff16,#0b15257a 48%,#234c762e),#070d1659;
    border-bottom-color:var(--video-glass-edge);
    box-shadow:var(--video-glass-shine),0 calc(8 * var(--fm-screen-unit, 1px)) calc(24 * var(--fm-screen-unit, 1px)) #0002;
  }
  .video-sidebar nav{border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .video-player{padding:calc(3 * var(--fm-screen-unit, 1px))}
  .video-player video{border-radius:calc(4 * var(--fm-screen-unit, 1px)) calc(4 * var(--fm-screen-unit, 1px)) 0 0}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .video-page{--video-glass:linear-gradient(135deg,#192d42,#0c1726);--video-glass-control:linear-gradient(135deg,#243b52,#122238)}
  .video-header{background:#0d1929}
  .video-info-panel{background:#102033}
  @media(max-width:760px){.video-sidebar{background:#0d1929}}
}
@media(prefers-reduced-motion:reduce){.video-search{transition:none}}
@media(forced-colors:active){
  .video-page{--video-glass:Canvas;--video-glass-control:Canvas;--video-glass-edge:CanvasText;--video-glass-shine:none;--video-glass-shadow:none}
  .video-header,.video-sidebar,.video-info-panel{background:Canvas}
  .video-card-image::after,.video-channel-banner::after{display:none}
  .video-sidebar .video-side-active{outline:calc(2 * var(--fm-screen-unit, 1px)) solid Highlight;outline-offset:calc(-3 * var(--fm-screen-unit, 1px))}
}

@media screen and (min-width:1600px){.video-layout{max-width:none}.video-description,.comment-copy p{max-width:80ch}}

@media(max-width:760px){
  .video-section-top{gap:calc(8 * var(--fm-screen-unit, 1px));margin-bottom:calc(14 * var(--fm-screen-unit, 1px))}
  .video-section-top p{margin:0}
  .video-grid{gap:calc(14 * var(--fm-screen-unit, 1px)) calc(10 * var(--fm-screen-unit, 1px));align-items:start}
  .video-card-copy{padding:calc(7 * var(--fm-screen-unit, 1px)) calc(1 * var(--fm-screen-unit, 1px)) 0}
  .video-card h2{font-size:calc(14 * var(--fm-screen-unit, 1px));line-height:1.3;margin:0 0 calc(3 * var(--fm-screen-unit, 1px))}
  .video-card p{display:flex;flex-wrap:wrap;align-items:baseline;gap:calc(1 * var(--fm-screen-unit, 1px)) calc(6 * var(--fm-screen-unit, 1px));margin:0;font-size:calc(12 * var(--fm-screen-unit, 1px));line-height:1.35}
  .video-card p span{display:inline}
  .video-card-views{margin:0;font-size:inherit;white-space:nowrap}
  .video-card-views::before{content:"· "}
}
}/* videochapters1 — scoped exclusively to the public video collection. */
@font-face{font-family:VCManrope;src:url('/cinematic-v51/assets/fonts/manrope-menu.ttf');font-weight:200 800;font-display:swap}
body.videochapters1{background:#080e12!important;background-image:none!important;color:#eef4fa;font-family:VCManrope,Manrope,sans-serif;--vc-pad:3.3vw;--vc-ease:cubic-bezier(.23,1,.32,1)}
.videochapters1 .video-header,.videochapters1 .video-sidebar,.videochapters1 .video-channel-banner,.videochapters1 .video-main>h1,.videochapters1 .video-section-top,.videochapters1 .video-grid{display:none!important}
.videochapters1 .video-layout{display:block!important;width:100%;max-width:none;padding:0!important;margin:0!important}.videochapters1 .video-main{max-width:none;padding:6px var(--vc-pad) 0!important;min-width:0;width:100%}
.videochapters1 .vc-header{height:105px;display:flex;align-items:center;gap:36px;padding:24px var(--vc-pad);position:relative;background:#080e12;z-index:5}.vc-header .video-brand{margin-right:auto}.vc-header .video-brand img{width:137px!important;height:55px!important;object-fit:contain}.vc-nav{display:flex;align-items:center;gap:30px;font-size:14px}.vc-nav a,.vc-account{color:inherit;text-decoration:none}.vc-menu-button{background:none;border:0;color:inherit;padding:12px 0;font:inherit;cursor:pointer}.vc-account{display:flex;align-items:center;gap:8px;max-width:140px;font-size:12px}.vc-account img,.vc-account .header-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.vc-account span{overflow-wrap:anywhere}
.vc-tools{padding:20px var(--vc-pad);background:#13212c}.vc-tools[hidden]{display:none!important}.videochapters1 .vc-tools .video-search{display:flex!important;position:static!important;width:min(600px,100%)!important;max-width:none!important;margin:0!important}.vc-tools-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px}.vc-tools-links a{color:#eef4fa}
.vc-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px;gap:40px}.vc-heading h1{font:350 clamp(46px,5.3vw,80px)/1 VCManrope,sans-serif;letter-spacing:-.04em;margin:0;overflow-wrap:anywhere}.vc-heading p{font-size:14px;color:#b6c4d0;max-width:150px;margin:0}.vc-stage{display:flex;gap:12px;height:560px;margin-bottom:24px}.vc-chapter{position:relative;overflow:hidden;flex:1;min-width:0;transition:flex .65s var(--vc-ease);background:#14212d}.vc-chapter.selected{flex:4.6}.vc-chapter>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50%;filter:brightness(.7);transition:filter .4s}.vc-chapter.selected>img{filter:brightness(.85)}.vc-chapter:after{position:absolute;inset:40% 0 0;content:'';pointer-events:none;background:linear-gradient(transparent,#040b12ed)}.vc-select{position:absolute;inset:0;width:100%;height:100%;padding:22px 16px;background:none;border:0;color:inherit;z-index:1;text-align:left;cursor:pointer}.vc-select>span{writing-mode:vertical-rl;transform:rotate(180deg);position:absolute;bottom:26px;left:22px;font:400 30px/1.2 VCManrope,sans-serif;white-space:nowrap;max-height:calc(100% - 52px);overflow:hidden;text-overflow:ellipsis}.vc-chapter.selected .vc-select>span{display:none}.vc-info{position:absolute;left:32px;right:30px;bottom:30px;z-index:2;opacity:0;pointer-events:none;transform:translateY(16px);transition:opacity .25s,transform .4s var(--vc-ease);max-height:calc(100% - 60px);overflow:auto}.selected .vc-info{opacity:1;pointer-events:auto;transform:none}.vc-info>span{font-size:13px;color:#d5e4f0}.vc-info h2{font:400 42px/1.05 VCManrope,sans-serif;letter-spacing:-.04em;max-width:18ch;margin:14px 0 24px;overflow-wrap:anywhere}.vc-play{display:inline-flex;align-items:center;justify-content:center;background:#f0f5f8;color:#0d1f2b!important;padding:13px 21px;border:0;border-radius:40px;min-height:50px;font:650 13px/1.5 VCManrope,sans-serif;text-decoration:none;cursor:pointer}.vc-play:hover{background:#c8e4fb}.vc-widgets{margin:32px 0;color:#b6c4d0}.vc-widgets summary{cursor:pointer;min-height:44px}.vc-player{border:0;padding:24px;width:min(1050px,94vw);max-height:90svh;background:#101d27;color:#eef4fa}.vc-player::backdrop{background:#01060be8;backdrop-filter:blur(8px)}.vc-player-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.vc-player h2{font-size:20px}.vc-player-head button{background:transparent;border:1px solid #8295a5;color:inherit;padding:12px;cursor:pointer}.vc-player video{width:100%;max-height:72svh;object-fit:contain}.videochapters1 :is(a,button,summary):focus-visible{outline:3px solid #77b8ff;outline-offset:3px}
@media(max-width:1000px){.vc-info{left:20px;right:20px}.vc-info h2{font-size:34px}.vc-stage{height:510px}.vc-chapter.selected{flex:5}.vc-select>span{font-size:24px;left:14px}}
@media(max-width:600px){body.videochapters1{--vc-pad:18px}.videochapters1 .vc-header{height:90px;padding:15px var(--vc-pad);gap:14px}.vc-header .video-brand img{width:104px!important;height:43px!important}.vc-nav{gap:12px;font-size:12px}.vc-nav>a:first-child{display:none}.vc-nav>a:nth-child(2){font-size:11px;max-width:70px}.vc-account{max-width:40px}.vc-account>span:not(.header-avatar){display:none}.vc-header .video-brand{min-width:0}.videochapters1 .video-main{padding-top:14px!important}.vc-heading{display:block;margin-bottom:24px}.vc-heading h1{font-size:43px;line-height:1.02}.vc-heading p{font-size:12px;margin-top:17px;max-width:none}.vc-stage{flex-direction:column;height:480px;gap:8px}.vc-chapter{flex:1;min-height:0;transition:flex .5s var(--vc-ease)}.vc-chapter.selected{flex:5.4}.vc-select>span{writing-mode:horizontal-tb;transform:translateY(50%);left:16px;right:16px;bottom:50%;font-size:18px;max-height:none}.vc-info{left:20px;right:20px;bottom:20px;max-height:calc(100% - 40px)}.vc-info h2{font-size:28px;line-height:1.05;margin:9px 0 16px;max-width:18ch}.vc-info>span{font-size:12px}.vc-info .vc-play{min-height:44px;padding:10px 17px;font-size:12px}.vc-player{padding:12px}.vc-player h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.vc-chapter,.vc-chapter>img,.vc-info{transition:none!important}}
html body.video-page.videochapters1[data-shared-menu-page] header.video-header{display:none!important}

/* Keep the compact external-screen header on one line. */
.videochapters1 .vc-header .video-brand{flex:0 0 auto}.vc-menu-button{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.videochapters1 .vc-header{gap:10px}.vc-header .video-brand img{width:92px!important}.vc-nav{gap:10px}.vc-account{flex-shrink:0}}

/* Portrait previews preserve native video playback and source aspect ratio. */
.vc-reels{margin:70px 0 44px}.vc-reels-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:26px}.vc-reels-heading h2{font:350 54px/1.05 VCManrope,sans-serif;letter-spacing:-.04em;margin:0}.vc-reels-heading p{font-size:13px;color:#b6c4d0;margin:0}.vc-reels-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,300px);gap:18px;overflow-x:auto;padding:5px 3px 18px;scroll-snap-type:x mandatory;scrollbar-color:#506577 #080e12}.vc-reel{display:block;position:relative;aspect-ratio:9/16;min-width:0;overflow:hidden;border:0;border-radius:0;background:#14212d;padding:0;text-align:left;color:#fff!important;text-decoration:none!important;scroll-snap-align:start;cursor:pointer;font-family:VCManrope,sans-serif}.vc-reel>img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.85);transition:transform .45s var(--vc-ease)}.vc-reel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#04101b66,transparent 35%,#04101b1a 48%,#020912ed)}.vc-reel-top{position:absolute;left:20px;right:20px;top:19px;display:flex;justify-content:space-between;gap:12px;z-index:1;font-size:12px;font-variant-numeric:tabular-nums}.vc-reel-copy{position:absolute;bottom:24px;left:20px;right:20px;z-index:1;display:flex;flex-direction:column;gap:18px}.vc-reel-copy strong{font-size:27px;line-height:1.12;font-weight:450;letter-spacing:-.025em;overflow-wrap:anywhere}.vc-reel-play{font-size:12px;font-weight:550}.vc-reel:hover>img{transform:scale(1.025)}
@media(max-width:600px){.vc-reels{margin-top:48px}.vc-reels-heading{display:block;margin-bottom:20px}.vc-reels-heading h2{font-size:39px}.vc-reels-heading p{margin-top:12px;font-size:12px}.vc-reels-rail{grid-auto-columns:76%;gap:12px;padding-bottom:16px}.vc-reel-top{left:16px;right:16px;top:16px}.vc-reel-copy{left:16px;right:16px;bottom:20px}.vc-reel-copy strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){.vc-reel>img{transition:none}}

.vc-heading p{max-width:225px}.vc-reels-heading p{margin-left:auto}.vc-add-video{font:500 13px/1.5 VCManrope,sans-serif;color:#eef4fa;padding:10px 0;text-underline-offset:5px;white-space:nowrap}@media(max-width:600px){.vc-heading p{max-width:245px}.vc-add-video{display:inline-block;margin-top:10px}}

/* communityvideo2: shared animated rail and the original steel reflection logo. */
html body.video-page:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header{display:grid!important;grid-template-columns:210px minmax(170px,1fr) minmax(300px,440px)!important;gap:12px 26px!important;padding:20px var(--vc-pad)!important;align-items:center;min-height:120px;background:#080e12;border:0;box-shadow:none;backdrop-filter:none;position:relative;top:0}
html body.video-page:is(.videochapters1,.video-unified) header.video-header>.video-brand{grid-column:1;grid-row:1;display:block;width:210px;max-width:100%;margin:0;flex:none}
.vc-logo-art{display:block;position:relative;isolation:isolate;width:100%;line-height:0}:is(.videochapters1,.video-unified) .vc-logo-art>img{display:block;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain}:is(.videochapters1,.video-unified) .vc-inline-title{display:block;grid-column:2;grid-row:1;min-width:0;font:350 clamp(27px,3vw,44px)/1.15 VCManrope,sans-serif;letter-spacing:-.035em;margin:0;color:#eef4fa;white-space:nowrap}
html body:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header>#home-navigation{grid-column:3;grid-row:1;width:100%;max-width:440px}
html body:is(.videochapters1,.video-unified) header.video-header>.account-link,html body:is(.videochapters1,.video-unified) header.video-header>.video-search,html body:is(.videochapters1,.video-unified) header.video-header>.video-search-toggle{display:none!important}
:is(.videochapters1,.video-unified) .vc-heading[hidden]{display:none}:is(.videochapters1,.video-unified) .vc-heading:not([hidden]){margin:16px 0 24px}:is(.videochapters1,.video-unified) .vc-heading p{max-width:none;overflow-wrap:anywhere}
.vc-menu-links{display:flex;flex-direction:column;gap:0}.vc-menu-links>a{display:block;padding:13px 4px;color:#e6eff8;border-bottom:1px solid #ffffff20}.vc-menu-search{display:flex;min-width:0;margin:14px 0;gap:8px}.vc-menu-search input{flex:1;min-width:0;border:1px solid #8295a570;border-radius:8px;background:#0b1722;color:#fff;font:16px VCManrope,sans-serif;padding:12px}.vc-menu-search button{flex:none;width:44px;border:1px solid #8295a570;border-radius:8px;background:#233646;color:#fff}.vc-menu-search svg{width:20px;height:20px}
@media(max-width:1000px){html body.video-page:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header{grid-template-columns:180px minmax(0,1fr)!important;gap:14px 24px!important}html body:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header>#home-navigation{grid-column:1/-1;grid-row:2;max-width:520px}html body.video-page:is(.videochapters1,.video-unified) header.video-header>.video-brand{width:180px}:is(.videochapters1,.video-unified) .vc-inline-title{font-size:36px}}
@media(max-width:600px){html body.video-page:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header{grid-template-columns:108px minmax(0,1fr)!important;padding:14px 18px 6px!important;gap:10px 15px!important;min-height:0;position:sticky;top:calc(-1 * var(--video-header-hide,55px))}html body.video-page:is(.videochapters1,.video-unified) header.video-header>.video-brand{width:108px}:is(.videochapters1,.video-unified) .vc-inline-title{font-size:clamp(22px,6.8vw,29px)}html body:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header>#home-navigation{grid-row:2;max-width:none}:is(.videochapters1,.video-unified) .video-main{padding-top:20px!important}}

/* Pointer and keyboard invitation to open a film. */
.videochapters1 :is(.vc-chapter,.vc-reel)::before{content:'';position:absolute;z-index:4;left:0;right:0;bottom:0;height:3px;background:#279dff;pointer-events:none;opacity:0;transform:scaleX(.72);transform-origin:left;transition:opacity .18s ease,transform .22s ease-out}
.videochapters1 :is(.vc-chapter:focus-within,.vc-reel:focus-visible)::before{opacity:1;transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
.videochapters1 .vc-chapter{transition:flex .65s var(--vc-ease),transform .2s ease-out}
.videochapters1 .vc-reel{transition:transform .2s ease-out}
.videochapters1 :is(.vc-chapter,.vc-reel):hover{transform:translateY(-4px)}
.videochapters1 :is(.vc-chapter,.vc-reel):hover::before{opacity:1;transform:scaleX(1)}
}
@media(hover:none){.videochapters1 .vc-reel:hover>img{transform:none}}
@media(prefers-reduced-motion:reduce){
.videochapters1 :is(.vc-chapter,.vc-reel),.videochapters1 :is(.vc-chapter,.vc-reel)::before{transition:none!important}
.videochapters1 :is(.vc-chapter,.vc-reel):hover,.videochapters1 .vc-reel:hover>img{transform:none}
}

/* Publication type is explicit and remains editable in My videos. */
.video-publication-type{border:0;margin:0 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}
.video-publication-type legend{font-size:16px;font-weight:600;margin-bottom:12px}
.video-form .video-publication-type label,.video-edit-form .video-publication-type label{display:flex;align-items:center;gap:12px;border:1px solid #65788a;border-radius:12px;padding:16px;cursor:pointer;background:#101c27;min-width:0}
.video-publication-type label:has(input:checked){border-color:#279dff;background:#142b3d}
.video-publication-type label:focus-within{outline:2px solid #79baff;outline-offset:3px}
.video-form .video-publication-type input,.video-edit-form .video-publication-type input{width:18px;height:18px;margin:0;flex:none;accent-color:#279dff}
.video-publication-type span{display:flex;flex-direction:column;gap:4px;min-width:0}.video-publication-type strong{font-size:17px}.video-publication-type small{font-size:12px;line-height:1.4;color:#b6c4d0}
.vc-reels-empty{padding:24px 0;border-top:1px solid #415263;color:#b6c4d0;line-height:1.6;max-width:55ch}
@media(max-width:400px){.video-form .video-publication-type label,.video-edit-form .video-publication-type label{padding:12px;gap:8px}}

/* Compact centered navigation; the page name remains available to screen readers. */
:is(.videochapters1,.video-unified) .vc-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html body.video-page:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header{grid-template-columns:180px minmax(0,1fr) 180px!important;min-height:88px;padding:12px var(--vc-pad)!important;gap:12px!important}
html body.video-page:is(.videochapters1,.video-unified) header.video-header>.video-brand{width:180px}
html body:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header>#home-navigation{grid-column:2;grid-row:1;justify-self:center;max-width:510px}
html body:is(.videochapters1,.video-unified) #home-navigation .menu-dock{height:64px}
html body:is(.videochapters1,.video-unified) #home-navigation .menu-dock [role=tab]{padding-bottom:5px;gap:4px}
@media(max-width:1000px){html body.video-page:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header{grid-template-columns:1fr!important;gap:4px!important;padding:8px 18px 4px!important}html body.video-page:is(.videochapters1,.video-unified) header.video-header>.video-brand{width:112px;justify-self:center}html body:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header>#home-navigation{grid-column:1;grid-row:2;max-width:510px}}
@media(max-width:600px){html body.video-page:is(.videochapters1,.video-unified) header.video-header>.video-brand{width:96px}html body:is(.videochapters1,.video-unified) #home-navigation .menu-dock{height:56px}html body:is(.videochapters1,.video-unified) #home-navigation .menu-dock [role=tab]>svg{width:16px;height:16px}html body:is(.videochapters1,.video-unified) #home-navigation .menu-dock-bead{width:28px;height:28px;margin-left:10px;top:2px}:is(.videochapters1,.video-unified) .video-main{padding-top:14px!important}}

/* videoflow1: one video family, with a portrait reel player and a focused upload form. */
body.video-unified{background:#080e12!important;background-image:none!important;color:#eef4fa;font-family:VCManrope,Manrope,sans-serif;--vc-pad:3.3vw;--vc-ease:cubic-bezier(.23,1,.32,1);accent-color:#279dff;caret-color:#79baff}
.video-unified ::selection{background:#286998;color:#fff}
.video-unified .video-layout{display:block!important;width:100%;max-width:1440px;margin:0 auto;padding:0!important}
.video-unified:not(.videochapters1) .video-main{padding:24px var(--vc-pad) 64px!important;min-width:0}
.video-unified:not(.videochapters1) .video-main>h1{font:400 clamp(28px,3vw,42px)/1.15 VCManrope,sans-serif;letter-spacing:-.035em;max-width:30ch;margin-bottom:26px}
.video-unified .video-back{background:none;border:0;padding-left:0;color:#b6c4d0}
.video-unified .video-player{background:#05090c;box-shadow:none;border:0;padding:0;border-radius:12px}
.video-unified .video-player-toolbar{background:#111d27;border:0;padding:12px;gap:10px}
.video-unified :is(.video-form,.video-manage-card,.video-quality-job){background:#101a22;border:1px solid #354653;box-shadow:none}
.video-unified :is(.video-form input,.video-form textarea,.video-edit-form input,.video-edit-form textarea){background:#080e12;color:#eef4fa;border-color:#546775}
.video-unified :is(.video-form input,.video-form textarea)::placeholder{color:#a8b7c2}
.video-unified .video-drop{background:#111f2b;border:1px dashed #7695ad;box-shadow:none;padding:24px}
.video-unified .video-form .video-auto-quality-note{background:none;border:0;padding:0;line-height:1.6;color:#b6c4d0}
.video-unified :is(.video-hint,.video-card p){color:#b6c4d0}
.video-unified .video-form{max-width:none;padding:28px}
.video-unified.video-upload-page .video-layout{max-width:860px}
.video-unified .video-form[data-publication-type=reel]>:is(video,img){aspect-ratio:9/16;width:min(100%,270px);max-height:none;margin-inline:auto;object-fit:contain}
.video-unified .video-form[data-publication-type=video]>:is(video,img){aspect-ratio:16/9}
.video-unified .video-card[data-publication-type=reel] .video-card-image{aspect-ratio:9/16}
.video-unified .video-watch-layout{grid-template-columns:minmax(0,1fr) 270px;gap:36px}
.video-unified.video-reel-page .video-layout{max-width:980px}
.video-unified.video-reel-page .video-watch-layout{grid-template-columns:minmax(0,1fr) 240px}
.video-reel-page .video-player:not(:fullscreen):not(.video-expanded){max-width:400px;margin-inline:auto}
.video-reel-page .video-player:not(:fullscreen):not(.video-expanded) video{aspect-ratio:9/16;max-height:none;width:100%;height:auto;object-fit:contain}
.video-unified :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #79baff;outline-offset:3px}
@media(max-width:900px){.video-unified .video-watch-layout,.video-unified.video-reel-page .video-watch-layout{grid-template-columns:minmax(0,1fr)}.video-unified .video-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-unified .video-related>h2{grid-column:1/-1}}
@media(max-width:600px){body.video-unified{--vc-pad:18px}.video-unified:not(.videochapters1) .video-main{padding:18px 18px 48px!important}.video-unified .video-form{padding:18px 14px}.video-unified .video-drop{padding:16px 12px}.video-unified .video-related{grid-template-columns:1fr}.video-unified .video-main>h1{font-size:28px}.video-reel-page .video-player-toolbar{font-size:12px}.video-reel-page .video-player-toolbar select{max-width:100%}}

/* Playback stays above the selected gallery; no second navigation or old watch page. */
html.video-viewer-open{overflow:hidden}
.video-inline-viewer{width:min(1180px,96vw);max-width:96vw;max-height:94svh;padding:0;border:1px solid #425766;border-radius:14px;background:#080e12;color:#eef4fa;font-family:VCManrope,Manrope,sans-serif;overflow:auto;overscroll-behavior:contain}
.video-inline-viewer::backdrop{background:#020609dd}
.video-viewer-bar{position:sticky;top:0;z-index:20;display:flex;justify-content:flex-end;padding:10px 18px;background:#080e12;border-bottom:1px solid #2d3d48}
.video-viewer-bar button{font:500 14px VCManrope,sans-serif;color:#eef4fa;background:#152633;border:1px solid #627d91;border-radius:24px;min-height:44px;padding:10px 22px;cursor:pointer}
.video-viewer-content{padding:24px;min-width:0}
.video-viewer-content>h1{font:400 clamp(24px,3vw,38px)/1.15 VCManrope,sans-serif;margin:0 0 24px;letter-spacing:-.025em;overflow-wrap:anywhere}
.video-inline-viewer .video-watch-layout{display:block!important}
.video-inline-viewer :is(.video-back,.video-related){display:none!important}
.video-inline-viewer .video-player{max-width:100%}
.video-inline-viewer.video-reel-page{width:min(520px,96vw)}
.video-inline-viewer .video-watch-meta{font-size:13px;gap:10px}
.video-inline-viewer .video-watch-meta strong{font-size:15px}
.video-inline-viewer .video-comments{margin-top:28px}
.video-inline-viewer.video-reel-page .video-player:not(:fullscreen):not(.video-expanded){width:100%;max-width:400px}
.video-inline-viewer.video-reel-page .video-player:not(:fullscreen):not(.video-expanded) video{width:100%;height:auto;aspect-ratio:9/16;max-height:none;object-fit:contain}
@media(max-width:600px){.video-inline-viewer{width:100%;max-width:100%;max-height:100svh;height:100svh;border:0;border-radius:0}.video-inline-viewer.video-reel-page{width:100%}.video-viewer-content{padding:16px}.video-viewer-bar{padding:6px 16px}.video-viewer-content>h1{font-size:24px;margin-bottom:18px}}
.video-unified .video-form[data-publication-type=reel] .video-drop{aspect-ratio:9/16;max-width:270px;margin-inline:auto;justify-content:center;text-align:center;gap:20px}
.video-unified .video-form[data-publication-type=reel] .video-drop input{width:100%;font-size:12px;overflow:hidden}
.video-unified .video-form[data-publication-type=reel]:has(#upload-preview:not([hidden])) .video-drop{aspect-ratio:auto;max-width:none;text-align:left}
/* Every desktop account, including the owner, sees the complete rail without scrolling. */
html body.video-unified #home-navigation .menu-dock-viewport{width:100%;min-width:0;overflow:visible!important;touch-action:pan-y}
html body.video-unified #home-navigation .menu-dock{width:100%;min-width:0!important;grid-template-columns:repeat(var(--shared-tab-count),minmax(0,1fr))}
html body.video-unified #home-navigation .menu-dock [role=tab]{min-width:0;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body.video-unified #home-navigation .menu-dock [role=tab]::before,html body.video-unified #home-navigation .menu-dock [role=tab]::after{display:none!important}
html body.video-unified #home-navigation .menu-dock [role=tab]>span{max-width:none;white-space:nowrap;font-size:11px}
.video-unified .video-form[data-publication-type=reel]>img{height:auto;object-fit:cover}
@media(max-width:600px){html body.video-unified #home-navigation .menu-dock [role=tab]>span[data-mobile-label]{font-size:0}}

/* Reels are a full-height media lane, not a framed document. */
html body .video-inline-viewer.reel-immersive{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:0;background:#000;overflow:hidden;box-shadow:none}
.reel-immersive::backdrop{background:#000}
.reel-immersive .video-viewer-bar{position:absolute;inset:12px 18px auto auto;padding:0;background:none;border:0;z-index:40}
.reel-immersive .video-viewer-bar button{background:#111c;border:0;min-width:44px;color:white}
.reel-lane{height:100%;width:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none;outline-offset:-4px}
.reel-lane::-webkit-scrollbar{display:none}
.reel-lane.reel-discussion-open{overflow-y:hidden}
.reel-slide{position:relative;width:100%;height:100%;min-height:100%;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;background:#000}
.reel-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.35}
.reel-immersive .video-viewer-content{position:absolute;inset:0;padding:0;background:#000}
.reel-visual{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
html body .reel-immersive .reel-visual .video-player{width:100%;height:100%;max-width:none;margin:0;background:#000;border:0;border-radius:0;box-shadow:none}
html body .reel-immersive .reel-visual .video-player video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0;background:#000}
.reel-caption{position:absolute;bottom:76px;left:max(24px,calc((100vw - 100dvh * .5625)/2 + 18px));right:max(80px,calc((100vw - 100dvh * .5625)/2 + 18px));pointer-events:none;text-shadow:0 2px 8px #000;color:white}
.reel-caption h1{font:600 clamp(16px,2vw,22px)/1.3 VCManrope,sans-serif;margin:0 0 12px;max-width:30ch;overflow-wrap:anywhere}
.reel-actions{display:flex;gap:10px;flex-wrap:wrap;pointer-events:auto}
.reel-actions button,.reel-navigation button{font:500 13px VCManrope,sans-serif;min-height:44px;border:0;background:#101c26dc;color:#fff;border-radius:22px;padding:10px 16px;cursor:pointer}
.reel-navigation{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:30;align-items:center}
.reel-navigation button{width:48px;height:48px;padding:0;font-size:24px}
.reel-navigation button:disabled{opacity:.35;cursor:default}
.reel-position{color:#c5d6df;font:500 12px VCManrope,sans-serif;font-variant-numeric:tabular-nums}
.reel-details{position:absolute;right:0;top:0;bottom:0;z-index:35;width:min(440px,100%);overflow:auto;overscroll-behavior:contain;padding:76px 22px 32px;background:#0a141c;color:#eef4fa;scrollbar-color:#5f7c90 #0a141c}
.reel-details[hidden]{display:none}
.reel-details-close{display:block;min-height:44px;margin-bottom:20px;border:1px solid #5f7c90;border-radius:22px;background:transparent;color:inherit;padding:10px 18px;font:500 13px VCManrope,sans-serif}
.reel-details .video-player-toolbar{display:flex;flex-wrap:wrap;background:#14232e;border-radius:0;margin-bottom:24px}
.reel-details .video-fullscreen{display:none!important}
.reel-load-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px;background:#13212e;color:#fff;border:0;border-radius:12px;font:500 16px VCManrope,sans-serif}
html body.video-unified .vc-reel>img{object-fit:contain;background:#080e12}
.video-unified .video-form[data-publication-type=reel]>img{object-fit:contain}
@media(max-width:600px){.reel-navigation{right:10px;top:auto;bottom:160px;transform:none}.reel-caption{left:18px;right:72px;bottom:76px}.reel-immersive .video-viewer-bar{top:max(10px,env(safe-area-inset-top));right:12px}.reel-details{padding:72px 18px 28px}.reel-caption h1{font-size:17px}}
html body .video-inline-viewer.reel-immersive .reel-visual .video-player{width:100%!important;height:100%!important;max-width:none!important}
html body .video-inline-viewer.reel-immersive .reel-visual .video-player video{width:100%!important;height:100%!important;aspect-ratio:auto!important;max-height:none!important}
.reel-navigation svg{display:block;width:22px;height:22px;margin:auto;fill:none;stroke:currentColor;stroke-width:1.7}

/* The expanded chapter is a 16:9 frame, independent of desktop width. */
.vc-chapter.selected>img{object-fit:contain}
@media(max-width:600px){.vc-stage{height:auto!important}.vc-chapter{flex:none;height:56px}.vc-chapter.selected{flex:none;height:auto;aspect-ratio:16/9}.vc-info h2{font-size:23px;margin:6px 0 10px}.vc-info{bottom:14px;left:16px;right:16px;max-height:calc(100% - 24px)}.vc-info .vc-play{min-height:40px;padding:8px 16px}}
/* Lift the image itself while retaining the lower text scrim. */
.vc-chapter>img{filter:brightness(.88)}
.vc-chapter.selected>img,.vc-reel>img{filter:brightness(1)}

/* One scale for the compact video rail, notch, bead, icons and labels. */
html body.video-unified #home-navigation .menu-dock{--menu-geometry-scale:.603773585;--video-menu-scale:.603773585;height:64px}
html body.video-unified #home-navigation .menu-dock-bead{width:calc(48px * var(--video-menu-scale));height:calc(48px * var(--video-menu-scale));top:calc(6px * var(--video-menu-scale));margin-left:0}
html body.video-unified #home-navigation .menu-dock-bead svg{width:calc(22px * var(--video-menu-scale));height:calc(22px * var(--video-menu-scale))}
html body.video-unified #home-navigation .menu-dock [role=tab]{gap:4px;padding-bottom:6px}
html body.video-unified #home-navigation .menu-dock [role=tab]>svg{width:14px;height:14px}
html body.video-unified #home-navigation .menu-dock [role=tab]>span{font-size:9px;line-height:1.3;white-space:nowrap}
@media(max-width:600px){
 html body.video-unified #home-navigation .menu-dock{--menu-geometry-scale:.528301887;--video-menu-scale:.528301887;height:56px}
 html body.video-unified #home-navigation .menu-dock [role=tab]{gap:3px;padding-bottom:5px}
 html body.video-unified #home-navigation .menu-dock [role=tab]>svg{width:13px;height:13px}
 html body.video-unified #home-navigation .menu-dock [role=tab]>span[data-mobile-label]{font-size:0}
 html body.video-unified #home-navigation .menu-dock [role=tab]>span[data-mobile-label]::after{font-size:8px;line-height:1.3}
}

/* Reel footage owns the screen. No document close pill or native video toolbar. */
html body.video-unified .vc-reel>img{object-fit:cover;background:#080e12}
html body.video-unified .video-form[data-publication-type=reel]>img{object-fit:cover}
html body .video-inline-viewer.reel-immersive .video-viewer-bar{display:none!important}
html body .video-inline-viewer.reel-immersive .reel-visual .video-player video{object-fit:contain;cursor:pointer}
@media(max-width:600px){html body .video-inline-viewer.reel-immersive .reel-visual .video-player video{object-fit:cover!important}}
.reel-immersive .reel-slide::before{content:'';position:absolute;inset:-4%;background-image:var(--reel-backdrop);background-size:cover;background-position:center;filter:blur(28px) brightness(.35);pointer-events:none}
.reel-immersive .reel-actions button,.reel-immersive .reel-navigation button{background:transparent;box-shadow:none;border:0;text-shadow:0 2px 8px #000}
.reel-immersive .reel-navigation:has(button:first-child:disabled):has(button:nth-child(2):disabled){display:none}
.reel-immersive .reel-details-close{background:transparent;border:0;box-shadow:none}
.reel-immersive .reel-is-paused .reel-visual::after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;font-size:42px;text-shadow:0 2px 12px #0008;pointer-events:none}
/* A reel cover can be chosen at any point in the uploaded clip. */
.video-unified .video-frame-picker{margin:0 0 24px;padding:18px 20px;border:1px solid #40596b;border-radius:12px;background:#0c1822}
.video-unified .video-frame-picker[hidden]{display:none}
.video-unified .video-frame-picker>label{display:block;margin-bottom:12px;color:#e9f4fc;font-size:15px;font-weight:650}
.video-unified .video-frame-picker-controls{display:flex;align-items:center;gap:14px}
.video-unified .video-frame-picker input[type=range]{flex:1;min-width:0;width:100%;padding:0;border:0;background:transparent;accent-color:#49b6ff;cursor:pointer}

/* The reel and its discussion form one scrollable page on a phone. */
.reel-immersive .reel-lane{scroll-snap-type:y proximity}
.reel-immersive .reel-slide{height:100%;min-height:100%;overflow:hidden}
.reel-immersive .reel-details{display:block;right:0;top:0;bottom:0;width:min(380px,32vw);padding:32px 22px;z-index:5;border-left:1px solid #26394a}
.reel-immersive .reel-details>h1{font:600 clamp(19px,2vw,28px)/1.2 VCManrope,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 24px}
.reel-immersive .reel-visual{right:min(380px,32vw)}
.reel-immersive .reel-sound{position:absolute;right:18px;bottom:20px;z-index:12;width:44px;height:44px;padding:10px;border:0;border-radius:50%;background:#0b1723a6;color:white;cursor:pointer}
.reel-immersive .reel-sound svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.reel-immersive .reel-sound:focus-visible{outline:2px solid #53b8ff;outline-offset:2px}
.reel-immersive .reel-is-paused .reel-visual::after{content:none!important}
.reel-immersive .reel-details .video-player-toolbar{display:none}
/* Ordinary films use the same edge-to-edge canvas, keeping their own wide aspect ratio. */
html body .video-inline-viewer.film-immersive{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;background:#000;overflow:hidden;box-shadow:none}
.film-immersive::backdrop{background:#000}
.film-immersive .video-viewer-bar{display:none}
.film-immersive .video-viewer-content{display:grid;grid-template-columns:minmax(0,1fr) min(380px,32vw);height:100%;min-height:0;padding:0}
.film-immersive .film-stage{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:#000}
html body .film-immersive .film-stage .video-player{display:flex;align-items:center;justify-content:center;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;background:#000;overflow:hidden;box-shadow:none}
html body .film-immersive .film-stage .video-player video{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;border:0;border-radius:0;background:#000}
.film-immersive .film-info{min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:32px 22px 40px;background:#0a141c;color:#eef4fa;border-left:1px solid #26394a}
.film-immersive .film-info>h1{font:600 clamp(19px,2vw,28px)/1.2 VCManrope,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere;margin:0 0 22px}
.film-immersive .film-info .video-player-toolbar{display:flex;padding:0 0 14px;margin:0 0 18px;background:transparent;border:0}
.film-immersive .film-info .video-fullscreen{display:none!important}
.film-immersive .film-info .video-comments{margin-top:24px}
@media(max-width:700px){
 .film-immersive .video-viewer-content{display:block;overflow-y:auto;overscroll-behavior:contain}
 .film-immersive .film-stage{position:relative;width:100%;height:auto;aspect-ratio:16/9;min-height:0}
 html body .film-immersive .film-stage .video-player{position:absolute;inset:0;width:100%;height:100%}
 .film-immersive .film-info{width:100%;min-height:calc(100dvh - 56.25vw);overflow:visible;padding:22px 18px 42px;border-left:0;border-top:1px solid #26394a}
 .film-immersive .film-info>h1{font-size:21px;margin-bottom:18px}
}
@media(max-width:700px){
 .reel-immersive .reel-slide{height:auto;min-height:100dvh;overflow:visible}
 .reel-immersive .video-viewer-content{position:relative;inset:auto;min-height:100dvh}
 .reel-immersive .reel-visual{position:relative;inset:auto;width:100%;height:100dvh}
 .reel-immersive .reel-details{position:relative;inset:auto;width:100%;min-height:240px;padding:22px 18px 42px;border-left:0;border-top:1px solid #26394a;overflow:visible}
 .reel-immersive .reel-details>h1{font-size:21px;margin-bottom:18px}
 .reel-immersive .reel-sound{right:14px;bottom:18px}
 .reel-immersive .reel-navigation{display:none}
 html body.video-page:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header{gap:0!important;padding-top:4px!important}
 html body.video-page:is(.videochapters1,.video-unified) header.video-header>.video-brand{justify-self:start!important;margin-left:0!important}
 html body:is(.videochapters1,.video-unified)[data-shared-menu-page] header.video-header>#home-navigation{margin-top:-4px!important}
}
.video-unified .video-frame-picker output{min-width:44px;text-align:right;color:#c5e7ff;font-variant-numeric:tabular-nums}
.video-unified .video-frame-picker .video-hint{margin:12px 0 0}
@media(max-width:600px){.video-unified .video-frame-picker{padding:14px}}

/* Owner-supplied reel artwork includes its own lettering; keep it unobstructed. */

/* Keep the reel fixed on the horizontal axis; vertical scrolling still reaches comments and the next reel. */
html body .video-inline-viewer.reel-immersive{overscroll-behavior-x:none;touch-action:pan-y}
.reel-immersive .reel-lane{overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y}
.reel-immersive .reel-slide::before{inset:0}
@media(max-width:700px){
 .reel-immersive .reel-slide,.reel-immersive .reel-visual,.reel-immersive .reel-visual video{touch-action:pan-y}
}

/* A compact page-only light/dark choice; media playback keeps its black canvas. */
.videochapters1 .vc-theme-row{display:flex;justify-content:flex-end;align-items:center;min-height:46px;margin:2px 0 10px}
.videochapters1 .vc-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 13px;border:1px solid #64829a;border-radius:22px;background:#172630;color:#eef4fa;font:600 12px/1 VCManrope,sans-serif;cursor:pointer}
.videochapters1 .vc-theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.videochapters1 .vc-theme-toggle:hover{border-color:#59baf3;background:#203647}
.videochapters1 .vc-theme-toggle:focus-visible{outline:2px solid #158de1;outline-offset:3px}
body.video-unified.videochapters1[data-video-theme=light]{background:#f2f4f2!important;color:#1d2d37}
.videochapters1[data-video-theme=light] .vc-theme-toggle{background:#fff;color:#203541;border-color:#a8bbc8}
.videochapters1[data-video-theme=light] .vc-theme-toggle:hover{background:#e8f4fc;border-color:#4c9fd5}
.videochapters1[data-video-theme=light] .vc-reels-heading p,.videochapters1[data-video-theme=light] .vc-widgets{color:#4c6472}
.videochapters1[data-video-theme=light] .vc-add-video,.videochapters1[data-video-theme=light] .legal-footer a,.videochapters1[data-video-theme=light] .legal-footer button{color:#20587a}
.videochapters1[data-video-theme=light] .legal-footer{background:#e6ecec;color:#344d5b;border-top:1px solid #cad8dc}
.videochapters1[data-video-theme=light] .vc-reels-rail{scrollbar-color:#8faebd #e8eeee}
.videochapters1[data-video-theme=light] .vc-chapter,.videochapters1[data-video-theme=light] .vc-reel{color:#fff}
@media(max-width:600px){.videochapters1 .vc-theme-row{min-height:40px;margin:0 0 7px}.videochapters1 .vc-theme-toggle{min-height:38px;padding:7px 11px}}
html body.video-unified .vc-reel[href*="6d392e96-667a-46a8-b3e4-36aa8adb7f72"]::after{display:none}
html body.video-unified .vc-reel[href*="6d392e96-667a-46a8-b3e4-36aa8adb7f72"] .vc-reel-top,
html body.video-unified .vc-reel[href*="6d392e96-667a-46a8-b3e4-36aa8adb7f72"] .vc-reel-copy{display:none}

/* reelstream9: FinMotors watch page for ordinary films. Reels keep their own viewer. */
html body .video-inline-viewer.film-immersive{background:#071019;overflow:hidden}
html body .video-inline-viewer.film-immersive .video-viewer-content{display:block;height:100%;max-height:none;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;padding:32px clamp(18px,3vw,48px) 80px;background:radial-gradient(circle at 70% -20%,#102b3d 0,transparent 36%),#071019}
html body .film-immersive .video-watch-layout{display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start;max-width:1500px;margin:0 auto}
html body .film-immersive.film-expanded .video-watch-layout{max-width:none}
html body .film-immersive .video-related{display:block!important;position:sticky;top:20px;min-width:0}
html body .film-immersive .video-related>h2{font:650 19px/1.3 VCManrope,Manrope,sans-serif;letter-spacing:-.03em;border-bottom:1px solid #365264;padding-bottom:13px;margin:0 0 14px;color:#e8f3fa}
html body .film-immersive .video-related .video-card{display:grid;grid-template-columns:132px minmax(0,1fr);gap:11px;align-items:start;margin:0;padding:10px 0;background:transparent;border:0;box-shadow:none}
html body .film-immersive .video-related .video-card-image{width:132px;aspect-ratio:16/9;border-radius:7px;overflow:hidden}
html body .film-immersive .video-related .video-card-image img{width:100%;height:100%;object-fit:cover}
html body .film-immersive .video-related .video-card-copy{padding:0;min-width:0}
html body .film-immersive .video-related .video-card h2{font-size:13px;line-height:1.35;margin:0 0 6px}
html body .film-immersive .video-related .video-card p{font-size:11px;color:#92aabb;margin:0}
html body .film-immersive .video-watch-layout>div:first-child{min-width:0}
html body .film-immersive .video-watch-layout .video-player{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;margin:0;border:1px solid #395565;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 22px 54px #0007}
html body .film-immersive .video-watch-layout .video-player video{display:block;width:100%;height:auto;max-height:min(70dvh,900px);aspect-ratio:var(--film-aspect,16/9);object-fit:contain;background:#000;border:0;border-radius:0}
html body .film-immersive .video-watch-layout .video-player-toolbar{display:flex;background:#101f2b;border:0;border-radius:0}
html body .film-immersive .video-watch-layout .video-fullscreen{display:none!important}
html body .film-immersive .film-exit{display:block;max-width:1500px;width:100%;margin:0 auto 14px;padding:6px 0;border:0;background:none;text-align:left;color:#8fcdea;font:600 12px VCManrope,Manrope,sans-serif;cursor:pointer}
html body .film-immersive.film-expanded .film-exit{max-width:none}
html body .film-immersive .film-exit:hover{color:#e5f7ff}
html body .film-immersive .film-heading{display:flex;justify-content:space-between;align-items:start;gap:20px;margin:19px 0 10px}
html body .film-immersive .film-title{font:650 clamp(24px,2.6vw,40px)/1.12 VCManrope,Manrope,sans-serif;letter-spacing:-.05em;margin:0;max-width:26ch;color:#eef6f9;overflow-wrap:anywhere}
html body .film-immersive .film-actions{display:flex;align-items:center;gap:8px;flex:none}
html body .film-immersive .film-actions button{min-height:38px;padding:8px 14px;border:1px solid #44677b;border-radius:999px;background:#142938;color:#e5f3fa;font:650 12px VCManrope,Manrope,sans-serif;cursor:pointer}
html body .film-immersive .film-actions button:hover{border-color:#39adeb;background:#1b3e53}
html body .film-immersive .film-actions .film-expand{background:#176e96;border-color:#2e9ecf;color:#fff}
html body .film-immersive .video-watch-meta{margin:8px 0 16px;color:#a7bdc9}
html body .film-immersive .video-share{margin:12px 0}
html body .film-immersive .video-comments{border-top:1px solid #304654;margin:30px 0 0;padding-top:26px;scroll-margin-top:18px}
html body .film-immersive .video-comments>h2{font:670 26px/1.2 VCManrope,Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 22px;color:#edf5f9}
html body .film-immersive .video-comments>h2 span{font-size:15px;font-weight:500;color:#8caebb}
html body .film-immersive .video-comment-gate{border:0;background:transparent;padding:0 0 22px;color:#9ebac9}
html body .film-immersive .video-comment-gate a{color:#8bd7f6;text-decoration:none;border-bottom:1px solid #477c96}
html body .film-immersive .comment-thread{padding:0;border-top:1px solid #223746}
html body .film-immersive .video-comment{gap:14px;padding:22px 0 16px}
html body .film-immersive .comment-avatar{width:40px;height:40px;border:0;background:linear-gradient(145deg,#53809a,#193747);color:#eaf9ff;font-size:12px}
html body .film-immersive .comment-byline strong{font-size:13px;font-weight:670;color:#eaf3f7}
html body .film-immersive .comment-byline time{font-size:11px;color:#88a3af}
html body .film-immersive .comment-copy p{font-size:14px;line-height:1.55;color:#cbdce3;margin:7px 0 8px;max-width:68ch}
html body .film-immersive .comment-actions{gap:20px}
html body .film-immersive .comment-actions button{color:#93b3c2;font-size:12px}
@media(max-width:950px){html body .film-immersive .video-watch-layout{grid-template-columns:minmax(0,1fr)}html body .film-immersive .video-related{position:static;margin-top:34px}}
@media(max-width:600px){html body .video-inline-viewer.film-immersive .video-viewer-content{padding:0 0 54px}html body .film-immersive .film-exit{padding:12px 16px;margin:0}html body .film-immersive .video-watch-layout{gap:0}html body .film-immersive .video-watch-layout .video-player{border:0;border-radius:0;box-shadow:none}html body .film-immersive .film-heading,html body .film-immersive .video-watch-meta,html body .film-immersive .video-share,html body .film-immersive .video-share-panel,html body .film-immersive .video-comments,html body .film-immersive .video-playback-error,html body .film-immersive .video-auto-preparation{margin-left:16px;margin-right:16px}html body .film-immersive .film-heading{display:block;margin-top:18px}html body .film-immersive .film-title{font-size:24px}html body .film-immersive .film-actions{margin-top:13px}html body .film-immersive .video-related{padding:0 16px}html body .film-immersive .video-related .video-card{grid-template-columns:132px minmax(0,1fr)}html body .film-immersive .video-comments{padding-top:22px}}

/* Keep the video header in the selected page theme, including its mobile sticky state. */
html body.video-unified.videochapters1[data-video-theme=light][data-shared-menu-page] header.video-header{background:#f2f4f2!important;border-bottom:1px solid #d6e0e3!important;box-shadow:none!important;color:#203541}
html body.video-unified.videochapters1[data-video-theme=light] header.video-header>.video-brand img{filter:brightness(.78) drop-shadow(0 1px 1px #20354180)}

/* Bring the portrait rail closer to the chapters and quiet its heading. */
html body.video-unified.videochapters1 .vc-reels{margin-top:42px}
html body.video-unified.videochapters1 .vc-reels-heading{margin-bottom:20px}
html body.video-unified.videochapters1 .vc-reels-heading h2{font-size:46px}
@media(max-width:600px){html body.video-unified.videochapters1 .vc-reels{margin-top:30px}html body.video-unified.videochapters1 .vc-reels-heading{margin-bottom:16px}html body.video-unified.videochapters1 .vc-reels-heading h2{font-size:32px}}

/* A short spatial return to the gallery when a film or reel is dismissed. */
html body .video-inline-viewer:is(.film-immersive,.reel-immersive){transform-origin:center;transition:opacity 240ms var(--vc-ease),transform 240ms var(--vc-ease)}
html body .video-inline-viewer:is(.film-immersive,.reel-immersive)::backdrop{transition:opacity 240ms var(--vc-ease)}
html body .video-inline-viewer:is(.film-immersive,.reel-immersive).viewer-closing{opacity:0;transform:translate(var(--viewer-return-x,0px),var(--viewer-return-y,36px)) scale(.96);pointer-events:none}
html body .video-inline-viewer:is(.film-immersive,.reel-immersive).viewer-closing::backdrop{opacity:0}
@media(prefers-reduced-motion:reduce){html body .video-inline-viewer:is(.film-immersive,.reel-immersive){transition:opacity 120ms var(--vc-ease)}html body .video-inline-viewer:is(.film-immersive,.reel-immersive)::backdrop{transition:opacity 120ms var(--vc-ease)}html body .video-inline-viewer:is(.film-immersive,.reel-immersive).viewer-closing{transform:none}}

/* reelstream11: leave the mobile rail and player controls visually quiet. */
@media(max-width:600px){
 html body.video-unified.videochapters1 header.video-header>.vc-theme-row{grid-column:2;grid-row:1;justify-self:end;align-self:center;min-height:0;margin:0;z-index:3}
 html body.video-unified.videochapters1 header.video-header>.vc-theme-row .vc-theme-toggle{min-height:32px;padding:5px 9px;font-size:11px;gap:5px}
 html body.video-unified.videochapters1 header.video-header>.vc-theme-row .vc-theme-toggle svg{width:15px;height:15px}
 html body.video-unified.videochapters1 .vc-reels-rail{grid-auto-columns:clamp(160px,58vw,230px);gap:12px}
 html body .film-immersive .film-actions{display:none!important}
}
html body .film-immersive .film-actions .film-expand{display:grid;place-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:8px}
html body .film-immersive .film-actions .film-expand svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* reelstream12: the gallery theme follows the viewer and its discussion. Media stays unfiltered. */
html body.video-unified.videochapters1[data-video-theme=light] .video-inline-viewer:is(.film-immersive,.reel-immersive){background:#f2f4f2;color:#20313c;color-scheme:light}
html body.video-unified.videochapters1[data-video-theme=light] .video-inline-viewer:is(.film-immersive,.reel-immersive)::backdrop,
html body.video-unified.videochapters1[data-video-theme=light] .vc-player::backdrop{background:#c9d2d6c9}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-viewer-content{background:#f2f4f2}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .film-title,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-comments>h2,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-related>h2,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .comment-byline strong{color:#1c2e39}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-watch-meta,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-watch-meta strong,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-related .video-card p,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-comments>h2 span,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .comment-byline time,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .comment-copy p,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-comment-gate{color:#435d6b}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-related .video-card h2,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-description{color:#20313c}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .film-exit,
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.video-comment-gate a,.comment-actions button,.comment-compose-byline a){color:#17658a}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.video-related>h2,.video-comments,.comment-thread){border-color:#cbd8dd}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-watch-layout .video-player{border-color:#b9cad2;box-shadow:0 20px 48px #263d491f}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-watch-layout .video-player-toolbar{background:#e3e9eb;color:#20313c}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-player-toolbar :is(label,[data-quality-status]){color:#415a68}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-player-toolbar select{background:#fff;color:#20313c;border-color:#b7c9d1}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.video-share-panel,.video-description,.video-notice,.video-playback-error){background:#e7edef;color:#20313c;border-color:#c8d7dd}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.video-share-panel label,.video-share-panel input,.comment-compose-byline,.comment-reply-context){color:#415a68}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-share-panel input{background:#fff;border-color:#b7c9d1;color:#20313c}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.video-share .button,.video-share-panel .button,.video-comment-form .button),
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details :is(.video-share .button,.video-share-panel .button,.video-comment-form .button){background:#e1ebef;border:1px solid #b9cbd4;color:#1e4052;box-shadow:none}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .video-info-panel,
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .video-info-panel{background:#fff;color:#20313c;border-color:#b9cbd4}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.comment-composer textarea,.reply-form textarea){color:#20313c;border-bottom-color:#9cafb9}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.comment-composer textarea,.reply-form textarea)::placeholder{color:#5b7380}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive .comment-actions button{color:#17658a}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive :is(.reel-lane,.reel-slide,.video-viewer-content){background:#f2f4f2}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-slide::before{display:none}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-visual,
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-visual .video-player,
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-visual video{background:#f2f4f2}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details{background:#f2f4f2;color:#20313c;border-color:#cbd8dd;scrollbar-color:#9bb5c2 #f2f4f2}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details :is(h1,h2,.comment-byline strong){color:#1c2e39}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details :is(.video-watch-meta,.comment-byline time,.comment-copy p,.video-comment-gate){color:#435d6b}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details .video-hint{color:#435d6b}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details :is(.video-comments,.comment-thread){border-color:#cbd8dd}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details :is(a,.comment-actions button,.video-comment-gate a){color:#17658a}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details :is(textarea,input){color:#20313c;border-color:#aabec8}
html body.video-unified.videochapters1[data-video-theme=light] .vc-player{background:#f2f4f2;color:#20313c;color-scheme:light}
html body.video-unified.videochapters1[data-video-theme=light] .vc-player-head button{border-color:#9eb2bd;color:#20313c}

/* Unfolded Fold: center the entire compact rail within the available header. */
@media(min-width:601px) and (max-width:1100px){
 html body.video-unified[data-shared-menu-page=videos] header.video-header>#home-navigation{grid-column:1/-1!important;justify-self:center!important;width:min(510px,calc(100% - 36px))!important;max-width:none!important;margin-inline:auto!important}
}

/* The small menu symbols lift off the pale surface without adding boxes. */
html body.video-unified.videochapters1[data-video-theme=light] #home-navigation .menu-dock{filter:drop-shadow(0 7px 9px #17374742)}
html body.video-unified.videochapters1[data-video-theme=light] #home-navigation .menu-dock [role=tab]>svg,
html body.video-unified.videochapters1[data-video-theme=light] #home-navigation .menu-dock-bead svg,
html body.video-unified.videochapters1[data-video-theme=light] .vc-theme-toggle svg{filter:drop-shadow(0 3px 2px #17374766) drop-shadow(0 8px 7px #17374735)}
html body.video-unified.videochapters1[data-video-theme=light] :is(.vc-play,.vc-theme-toggle,.vc-add-video,.vc-reel),
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.video-share .button,.video-share-panel .button,.video-comment-form .button,.video-watch-layout .video-player),
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-details :is(.video-share .button,.video-share-panel .button,.video-comment-form .button){box-shadow:0 9px 22px #17374726,0 2px 5px #17374728}
html body.video-unified.videochapters1[data-video-theme=light] :is(.vc-play,.vc-theme-toggle,.film-immersive,.reel-immersive) button svg{filter:drop-shadow(0 3px 3px #17374755)}
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive .reel-is-paused .reel-visual::after{content:'▶'!important}
/* The uploaded variants remain available to playback logic; viewers see one automatic stream. */
.video-player-toolbar [data-video-quality],.video-player-toolbar [data-quality-status],.video-auto-preparation{display:none!important}
.video-social-actions{display:flex;align-items:center;gap:8px;min-height:48px;margin:12px 0 18px;flex-wrap:nowrap}
.video-social-actions .video-share,.video-social-actions .hub-actions{display:flex;align-items:center;gap:8px;margin:0;flex-wrap:nowrap}
.video-social-actions .video-social-button{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#b8d8eb;box-shadow:none;cursor:pointer;transition:color .18s,transform .18s,background .18s}
.video-social-actions .video-social-button:hover{background:#3caddd26;color:#f2fbff;transform:translateY(-2px)}
.video-social-actions .video-social-button:focus-visible{outline:2px solid #62bfff;outline-offset:2px}
.video-social-actions .video-social-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.video-social-actions .video-share-status,#video-share-status:empty{display:none}
.video-social-actions:has(.video-share-panel:not([hidden])){flex-wrap:wrap}
.video-social-actions .video-share-panel:not([hidden]){order:3;flex:0 0 100%;min-width:0;box-sizing:border-box;margin:4px 0 0}
html body.video-unified.videochapters1[data-video-theme=light] .video-social-actions .video-social-button{background:transparent;border:0;color:#31556b;box-shadow:none}
html body.video-unified.videochapters1[data-video-theme=light] .video-social-actions .video-social-button:hover{background:#d7e7f0;color:#15649a}
.reel-immersive .reel-start{position:absolute;left:50%;top:50%;z-index:6;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;padding:0;border:1px solid #ffffff70;border-radius:50%;background:#050a0f9c;color:#fff;box-shadow:0 10px 32px #0008;cursor:pointer}
.reel-immersive .reel-start[hidden]{display:none!important}
.reel-immersive .reel-start svg{width:30px;height:30px;fill:currentColor;stroke:none;margin-left:4px}
.reel-immersive .reel-start:focus-visible{outline:2px solid #7acbff;outline-offset:4px}
@media(min-width:601px) and (max-width:1100px){html body.video-unified.videochapters1 #menu-panel-more>.vc-theme-row{display:flex;justify-content:flex-start;margin:10px 0 0;padding:12px 0 0;min-height:0;border-top:1px solid #9bb4c442}html body.video-unified.videochapters1 #menu-panel-more .vc-theme-toggle{min-height:40px}}

/* On an unfolded Fold, keep the theme control beside the mark so the menu rail is centered on its own row. */
@media(min-width:601px) and (max-width:1100px){
 html body.video-unified.videochapters1[data-shared-menu-page=videos] header.video-header>#home-navigation{grid-row:2!important}
 html body.video-unified.videochapters1 header.video-header>.vc-theme-row{grid-column:1/-1;grid-row:1;justify-self:end;align-self:center;min-height:0;margin:0;z-index:2}
 html body.video-unified.videochapters1 header.video-header>.vc-theme-row .vc-theme-toggle{min-height:36px;padding:6px 11px}
}
/* The pale theme needs a visible floating edge around the actual icons. */
html body.video-unified.videochapters1[data-video-theme=light] #home-navigation .menu-dock :is([role=tab] svg,.menu-dock-bead svg){filter:drop-shadow(0 2px 1px #18354691) drop-shadow(0 6px 5px #1835467a)!important}
html body.video-unified.videochapters1[data-video-theme=light] :is(.vc-theme-toggle svg,.video-social-button svg,.film-expand svg,.reel-mute svg){filter:drop-shadow(0 2px 1px #18354680) drop-shadow(0 5px 4px #18354670)!important}
html body.video-unified.videochapters1[data-video-theme=light] :is(.vc-theme-toggle,.vc-play,.film-expand){box-shadow:0 12px 22px #17374736,0 3px 6px #17374738!important}
html body.video-unified.videochapters1[data-video-theme=light] :is(.vc-chapter,.vc-reel,.vc-player,.vc-tools,.video-search,.video-form,.video-manage-card,.video-quality-job){box-shadow:0 16px 32px #17374730,0 3px 8px #17374724!important}
html body.video-unified.videochapters1[data-video-theme=light] .film-immersive :is(.video-related .video-card-image,.video-description,.video-share-panel,.video-comment-form,.comment-avatar),
html body.video-unified.videochapters1[data-video-theme=light] .reel-immersive :is(.reel-details,.video-share-panel,.video-comment-form,.comment-avatar){box-shadow:0 12px 24px #17374727,0 2px 6px #17374723!important}
html body.video-unified.videochapters1[data-video-theme=light] .video-inline-viewer :is(.comment-composer textarea,.reply-form textarea){background:#fff!important;border:0!important;border-bottom:1px solid #9fb0b8!important;border-radius:0!important;box-shadow:none!important;color:#20313c}
html body.video-unified.videochapters1[data-video-theme=light] .video-inline-viewer :is(.comment-composer textarea,.reply-form textarea):focus-visible{outline:0!important;outline-offset:0!important;border-bottom:2px solid #536e7a!important;box-shadow:none!important}
html body.video-unified.videochapters1 .video-social-actions .video-social-button[data-liked=true]{color:#e04d6b!important}
html body.video-unified.videochapters1 .video-social-actions .video-social-button[data-liked=true] svg{fill:currentColor}

.video-social-actions:has(.video-share-panel:not([hidden])){flex-wrap:wrap}
.video-social-actions .video-share-panel:not([hidden]){order:3;flex:0 0 100%;min-width:0;box-sizing:border-box;margin:4px 0 0}