/* Mobile Video V2: Watch / Following / Discover / Saved. Shared site shell stays. */
#videosPage.videos-consumer { margin:0; }
.vc-shell [hidden] { display:none !important; }
body.on-videos:has(#videosPage.videos-consumer:not([style*="none"])) .main-wrap {
  max-width:none; padding:0 24px 32px !important; margin-top:var(--header-h,64px);
}
#videosPage.videos-consumer > .videos-header,
#videosPage.videos-consumer > #videoSearchTags,
#videosPage.videos-consumer > #videoGrid { display:none; }
.vc-shell { max-width:1240px; margin:0 auto; color:var(--text,#19172c); }
.vc-shell button,.vc-comments-dialog button { font:inherit; cursor:pointer; }
.vc-shell button:focus-visible,.vc-comments-dialog button:focus-visible { outline:2px solid var(--accent-primary); outline-offset:4px; }
.vc-shell svg,.vc-comments-dialog svg { display:block; width:22px; height:22px; flex:none; }
.vc-header { position:sticky; top:var(--header-h,64px); z-index:20; background:var(--bg,#faf8ff); min-height:64px; display:flex; align-items:center; gap:20px; border-bottom:1px solid var(--border,#e8e2f1); margin-bottom:20px; }
.vc-tabs { display:flex; flex:1; align-items:stretch; justify-content:center; height:64px; gap:8px; }
.vc-tabs button { position:relative; flex:1; max-width:200px; border:0; background:none; padding:0 12px; color:var(--text2,#777183); font-size:15px; font-weight:600; }
.vc-tabs button[aria-current="page"] { color:var(--text,#19172c); font-weight:800; }
.vc-tabs button[aria-current="page"]::after { content:''; position:absolute; bottom:0; left:20%; right:20%; height:3px; border-radius:3px; background:var(--accent-primary); }
.vc-upload-slot .btn-upload-video { padding:9px 13px; font-size:12px; border-radius:9px; white-space:nowrap; }
.vc-discover-tools { max-width:100%; margin:0 0 18px; }
.vc-discover-tools[hidden] { display:none; }
.vc-search { display:flex; align-items:center; gap:10px; padding:0 14px; min-height:44px; background:var(--bg2,#fff); border:1px solid var(--border,#e8e2f1); border-radius:12px; color:var(--text3,#8c859b); }
.vc-search svg { width:18px; height:18px; }
.vc-search input { flex:1; min-width:0; width:100%; border:0; border-radius:0; padding:11px 0; margin:0; font:inherit; font-size:14px; color:var(--text,#19172c); background:transparent; box-shadow:none; outline:none; }
.vc-search input::-webkit-search-cancel-button { display:none; }
.vc-search:focus-within { border-color:var(--accent-primary); box-shadow:0 0 0 2px var(--accent-soft); }
.vc-search button { border:0; background:none; color:inherit; padding:6px; }
.vc-filters { display:flex; gap:8px; overflow-x:auto; padding:12px 0 2px; scrollbar-width:none; }
.vc-filters::-webkit-scrollbar { display:none; }
.vc-filters button { white-space:nowrap; border:1px solid var(--border,#dfd9ea); background:transparent; color:var(--text2,#777183); border-radius:100px; padding:7px 15px; font-size:12px; font-weight:500; }
.vc-filters button[aria-pressed="true"] { background:var(--accent-primary); border-color:var(--accent-primary); color:#fff; font-weight:700; }
.vc-card-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:14px; }
.vc-card { display:block; position:relative; aspect-ratio:9/16; width:100%; min-width:0; padding:0; border:0; border-radius:12px; background:#252132; overflow:hidden; text-align:left; color:#fff; isolation:isolate; content-visibility:auto; contain-intrinsic-size:auto 320px; }
.vc-card::after { content:''; position:absolute; inset:0; pointer-events:none; background:linear-gradient(#0007,transparent 32%,transparent 48%,#000c); z-index:1; }
.vc-poster-bg,.vc-poster { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.vc-poster-bg { object-fit:cover; opacity:.48; }
.vc-poster { object-fit:contain; }
.vc-placeholder { position:absolute; inset:0; display:grid; place-items:center; color:#a59bbf; background:linear-gradient(140deg,#30263f,#16131f); }
.vc-placeholder svg { width:32px; height:32px; }
.vc-card-creator { position:absolute; top:10px; left:10px; right:10px; display:flex; align-items:center; gap:6px; z-index:2; font-size:11px; font-weight:700; }
.vc-card-creator>span:last-child { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.vc-card-creator img,.vc-avatar-fallback { width:23px; height:23px; flex:none; border-radius:50%; object-fit:cover; border:1px solid #ffffff70; }
.vc-avatar-fallback { display:grid; place-items:center; background:#756095; }
.vc-card-info { position:absolute; bottom:12px; left:11px; right:11px; z-index:2; }
.vc-card-info strong { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; line-height:1.4; font-weight:700; margin-bottom:8px; }
.vc-badges { display:flex; align-items:center; gap:5px; font-size:9px; font-weight:800; }
.vc-badges>span { border:1px solid #ffffff40; background:#0005; border-radius:5px; padding:2px 5px; }
.vc-badges small { margin-left:auto; color:#ffffffe0; font-size:10px; font-weight:500; }
.vc-badges .free { color:#4ade80; }.vc-badges .premium { color:#fcd34d; }
.vc-card:hover { box-shadow:0 0 0 2px var(--accent-primary); }
.vc-local-note { font-size:12px; color:var(--text3,#8c859b); margin:0 0 15px; }
.vc-load-more,.vc-empty button { display:block; margin:24px auto; border:1px solid var(--accent-border); border-radius:10px; padding:11px 20px; background:var(--bg2,#fff); color:var(--accent-primary); font-size:13px; font-weight:700; }
.vc-empty { min-height:350px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:32px 20px; }
.vc-empty>svg { width:38px; height:38px; color:#a68bc5; margin-bottom:14px; }
.vc-empty h2 { margin:0 0 9px; font-size:18px; font-weight:750; }
.vc-empty p { max-width:340px; color:var(--text3,#8c859b); font-size:13px; line-height:1.6; margin:0; }
.vc-shimmer { background:linear-gradient(100deg,var(--border,#e8e2f1) 20%,var(--bg-card,#faf8ff) 45%,var(--border,#e8e2f1) 70%); background-size:220% 100%; animation:vc-shimmer 1.4s linear infinite; }
@keyframes vc-shimmer { to { background-position:-220% 0; } }
.vc-watch-loading { height:calc(100dvh - var(--header-h,64px) - 112px); aspect-ratio:9/16; border-radius:16px; margin:0 auto; }
.vc-watch-stage { position:relative; display:flex; justify-content:center; align-items:center; padding:0 80px 0 0; }
.vc-watch-frame { position:relative; isolation:isolate; height:calc(100dvh - var(--header-h,64px) - 112px); max-height:880px; min-height:400px; aspect-ratio:9/16; border-radius:16px; color:#fff; touch-action:pan-x; flex:none; }
.vc-watch-surface::after { content:''; position:absolute; pointer-events:none; inset:0; background:linear-gradient(#0003,transparent 20%,transparent 50%,#000b 95%); z-index:1; }
.vc-watch-surface>.vc-poster { opacity:.75; }
.vc-watch-surface { position:absolute; inset:0; border-radius:inherit; overflow:hidden; background:#100e17; isolation:isolate; }
.vc-watch-player { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:transparent; }
.vc-watch-top { position:absolute; z-index:4; top:15px; left:15px; right:15px; display:flex; gap:8px; }
.vc-watch-top button,.vc-watch-paging button { display:grid; place-items:center; border:0; border-radius:50%; width:40px; height:40px; padding:0; background:#0006; color:#fff; }
.vc-watch-paging { position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:16px; }
.vc-watch-paging button { width:52px; height:52px; background:var(--bg2,#fff); color:var(--text2,#5a5469); box-shadow:0 2px 12px #21133110; border:1px solid var(--border,#ece5f4); }
.vc-watch-paging button:disabled { opacity:.35; cursor:default; }
.vc-watch-info { position:absolute; z-index:3; left:16px; right:16px; bottom:24px; }
.vc-watch-author { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.vc-watch-creator { display:flex; align-items:center; gap:8px; min-width:0; margin:0; background:none; border:0; color:#fff; padding:0; max-width:100%; }
.vc-watch-creator img { width:32px; height:32px; flex:none; border:1px solid #fff8; border-radius:50%; object-fit:cover; }
.vc-watch-creator strong { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.vc-watch-info h1 { font-size:12px; font-weight:700; line-height:1.4; margin:0 0 6px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.vc-watch-info>p { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin:0 0 9px; font-size:11px; line-height:1.5; color:#ffffffbf; }
.vc-watch-footer { display:flex; align-items:center; justify-content:space-between; gap:6px; }
.vc-watch-meta { display:flex; flex:none; align-items:center; gap:6px; white-space:nowrap; font-size:9px; color:#ffffffb8; font-weight:600; margin-bottom:0; }
.vc-watch-full { display:flex; flex:none; margin-left:auto; white-space:nowrap; align-items:center; justify-content:center; gap:6px; width:max-content; max-width:100%; background:#ffffff24; border:1px solid #ffffff48; color:#fff; border-radius:100px; padding:6px 11px; font-size:10px !important; font-weight:700 !important; }
.vc-watch-full svg { width:14px; height:14px; }
.vc-watch-rail { position:absolute; left:calc(100% + 16px); bottom:8px; display:flex; flex-direction:column; align-items:center; gap:16px; z-index:5; }
.vc-watch-rail button { background:none; border:0; color:var(--text,#19172c); padding:0; box-shadow:none; }
.vc-watch-rail>button,.vc-watch-rail .reaction-trigger { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; width:52px; min-height:68px; font-size:11px; position:relative; isolation:isolate; font-weight:600; }
.vc-watch-rail>button::before,.vc-watch-rail .reaction-trigger::before { content:''; position:absolute; top:0; left:2px; width:48px; height:48px; border-radius:50%; background:var(--bg3,#f0edf5); z-index:-1; transition:background .15s; }
.vc-watch-rail>button:hover::before,.vc-watch-rail .reaction-trigger:hover::before { background:var(--bg4,#e6def1); }
.vc-watch-rail>button,.vc-watch-rail .reaction-trigger { justify-content:flex-start; padding-top:12px; }
.vc-watch-rail svg { width:24px; height:24px; }
.vc-watch-rail>button>span,.vc-watch-rail .r-label-text { margin-top:7px; line-height:16px; }
.vc-watch-paging button:not(:disabled):hover { background:var(--bg3,#f0edf5); }
.vc-watch-top button:hover { background:#0009; }
.vc-watch-rail .r-icon { display:grid; place-items:center; width:24px; height:24px; }.vc-watch-rail .r-emoji-svg { width:25px; height:25px; }
.vc-watch-rail [aria-pressed="true"] svg { fill:currentColor; }
.vc-watch-rail .reaction-picker { right:0; left:auto; bottom:110%; transform:none; background:#fff; min-width:230px; padding:9px; border-radius:24px; color:#231b32; }
.vc-watch-rail .reaction-option { color:#332743; }.vc-watch-rail .reaction-option img { width:30px; height:30px; }
.vc-watch-message { color:#fff; border:0; position:absolute; z-index:3; top:36%; left:12px; right:12px; text-align:center; cursor:pointer; border-radius:12px; padding:20px 12px; background:#110d207a; }
.vc-watch-message[hidden] { display:none; }.vc-watch-message>span { display:grid; place-items:center; margin-bottom:12px; }
.vc-watch-message strong { font-size:16px; }.vc-watch-message p { color:#ffffffbf; font-size:12px; margin:8px 0 0; }
.vc-watch-progress { position:absolute; bottom:0; left:10px; right:10px; z-index:5; height:18px; display:flex; align-items:center; font-size:10px; color:#fff; }
.vc-watch-progress[hidden] { display:none; }
.vc-watch-progress>span { position:absolute; bottom:18px; opacity:0; pointer-events:none; }
.vc-watch-progress>span:last-child { right:0; }
.vc-watch-progress:hover>span,.vc-watch-progress:focus-within>span { opacity:1; }
.vc-watch-progress input { appearance:none; -webkit-appearance:none; flex:1; min-width:0; background:transparent; height:18px; margin:0; padding:0; cursor:pointer; }
.vc-watch-progress input::-webkit-slider-runnable-track { height:3px; border-radius:3px; background:#ffffff70; }
.vc-watch-progress input::-moz-range-track { height:3px; border-radius:3px; background:#ffffff70; }
.vc-watch-progress input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:9px; height:9px; margin-top:-3px; border-radius:50%; background:var(--accent-primary); }
.vc-watch-progress input::-moz-range-thumb { width:9px; height:9px; border:0; border-radius:50%; background:var(--accent-primary); }
.vc-comments-dialog { margin:auto; width:min(580px,calc(100vw - 32px)); height:min(560px,80dvh); max-height:80dvh; padding:0; overflow:hidden; border:1px solid var(--border,#eee); border-radius:20px; background:var(--bg2,#fff); color:var(--text,#19172c); box-shadow:0 24px 80px #0003; }
.vc-comments-dialog[open] { display:flex; flex-direction:column; }
.vc-comments-dialog::backdrop { background:#13101e88; }
.vc-comments-dialog>header { flex:none; padding:14px 20px; background:var(--bg2,#fff); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border,#eee); }
.vc-comments-dialog h2 { margin:0; font-size:18px; }.vc-comments-dialog>header button { display:grid; place-items:center; width:40px; height:40px; border:0; border-radius:50%; background:var(--bg3); color:inherit; }
.vc-comments-dialog>header button:hover { background:var(--bg4); }
.vc-comments-body { flex:1; min-height:0; display:flex; overflow:auto; overscroll-behavior:contain; }
.vc-comments-body .video-comments-header { display:none; }
.vc-comments-body #videoCommentsWrap { flex:1; min-width:0; min-height:0; margin:0; padding:0; border:0; background:transparent; }
.vc-comments-body #videoComments { display:flex !important; flex-direction:column; height:100%; min-height:0; margin:0; padding:0; border:0; }
.vc-comments-body .video-comments-list { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding:20px; }
.vc-comments-body .video-comments-list:has(.video-comments-empty) { display:grid; place-items:center; }
.video-comments-empty { padding:32px 20px; text-align:center; color:var(--text3); font-size:14px; line-height:1.6; }
.video-comments-empty strong { display:block; margin:12px 0 4px; color:var(--text); font-size:17px; }
.video-comments-empty svg { width:40px; height:40px; margin:auto; color:var(--purple-lt); }
.vc-comments-body #videoComments > .comment-input-wrap { order:1; flex:none; position:static !important; margin:0 !important; padding:16px 20px max(16px,env(safe-area-inset-bottom)) !important; border-bottom:0 !important; border-top:1px solid var(--border); }
.vc-comments-body .comment-input-row { width:100%; gap:8px; align-items:center; }
.vc-comments-body .comment-input { min-width:0; max-height:120px; overflow-y:auto; padding:11px 14px; border-radius:22px; font-size:14px; line-height:20px; }
.vc-comments-body .comment-photo-btn { width:40px; height:40px; flex:none; }
.vc-comments-body .btn-send { min-height:40px; flex:none; padding:8px 16px; }
@media(min-width:1500px) { .vc-card-grid { grid-template-columns:repeat(6,minmax(0,1fr)); } }
@media(max-width:1000px) { .vc-card-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } }
@media(max-width:768px) {
  body.on-videos:has(#videosPage.videos-consumer:not([style*="none"])) .main-wrap { padding:0 12px 24px !important; margin-top:var(--header-h,100px) !important; }
  .vc-header { gap:6px; min-height:54px; margin-bottom:14px; }.vc-tabs { height:54px; gap:0; }.vc-tabs button { padding:0 6px; font-size:13px; }.vc-tabs button[aria-current="page"]::after { left:14%; right:14%; height:2px; }
  .vc-upload-slot .btn-upload-video { font-size:0; padding:8px; border-radius:50%; gap:0; }.vc-upload-slot .btn-upload-video svg { width:18px; height:18px; }
  .vc-card-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
  .vc-watch-stage { padding:0 80px 0 0; }.vc-watch-frame { height:calc(100dvh - var(--header-h,100px) - 100px); min-height:380px; border-radius:12px; }.vc-watch-paging { right:0; }.vc-watch-paging button { width:40px; height:40px; }
}
@media(max-width:520px) {
  .vc-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.vc-card-creator { top:8px; left:8px; right:8px; }.vc-card-info { bottom:10px; left:9px; right:9px; }
  .vc-card-info strong { font-size:12px; }.vc-search input { font-size:13px; }.vc-filters button { padding:6px 12px; }
  .vc-watch-frame { width:100%; height:calc(100dvh - var(--header-h,100px) - 78px); min-height:390px; max-height:none; aspect-ratio:auto; }
  .vc-watch-stage { padding:0; }.vc-watch-paging { top:auto; transform:none; bottom:22px; right:12px; flex-direction:row; z-index:6; gap:6px; }.vc-watch-paging button { width:28px; height:28px; background:#ffffff21; color:#fff; border:1px solid #ffffff44; box-shadow:none; }.vc-watch-paging svg { width:18px; height:18px; }
  .vc-watch-progress { right:10px; bottom:0; }.vc-watch-info { bottom:64px; right:72px; }
  .vc-watch-author { flex-wrap:wrap; gap:7px; }
  .vc-watch-rail { left:auto; right:8px; bottom:84px; gap:12px; }
  .vc-watch-rail button { color:#fff; }
  .vc-watch-rail>button::before,.vc-watch-rail .reaction-trigger::before { background:#0005; }
  .vc-watch-rail>button:hover::before,.vc-watch-rail .reaction-trigger:hover::before { background:#0008; }
  .vc-watch-rail .reaction-option { color:#332743; }
  .vc-comments-dialog { width:100%; max-width:none; margin:auto 0 0; height:78dvh; max-height:78dvh; border-radius:20px 20px 0 0; }
  .vc-comments-dialog>header { padding:12px 16px; }
  .vc-comments-body .video-comments-list { padding:16px; }
  .vc-comments-body #videoComments > .comment-input-wrap { padding:12px 12px max(12px,env(safe-area-inset-bottom)) !important; }
  .vc-comments-body .comment-input { font-size:16px; }
  .vc-comments-body .comment-input-row > .avatar { display:none; }
  .vc-comments-body .btn-send { padding:8px 12px; }
}
@media(prefers-reduced-motion:reduce) { .vc-shimmer { animation:none; } }

.vc-follow { flex:none; border:0; background:#fff; border-radius:100px; color:#17131f; font-size:10px !important; font-weight:700 !important; padding:6px 12px; margin:0; }
.vc-follow[hidden] { display:none; }
.vc-follow:disabled { opacity:.5; }

.vc-watch-buffer { position:absolute; z-index:3; left:calc(50% - 13px); top:42%; width:26px; height:26px; border:2px solid #ffffff33; border-top-color:white; border-radius:50%; animation:vc-spin .8s linear infinite; }
.vc-watch-buffer[hidden] { display:none; }
@keyframes vc-spin { to { transform:rotate(360deg); } }
.vc-comments-dialog { --bg-card:var(--bg2); }
@media(prefers-reduced-motion:reduce) { .vc-watch-buffer { animation:none; } }

/* Keep all five actions within the player height on shorter desktop windows. */
@media(min-width:521px) and (max-height:640px) { .vc-watch-rail { gap:8px; } }

/* Numeric engagement actions keep a stable hit area even when counts are empty. */
.vc-watch-rail>button,.vc-watch-rail .reaction-trigger { transition:transform .15s ease; }
.vc-watch-rail>button:active,.vc-watch-rail .reaction-trigger:active { transform:scale(.94); }
.vc-watch-rail>button::before,.vc-watch-rail .reaction-trigger::before { border:1px solid var(--border,#e8e2f1); box-sizing:border-box; }
.vc-watch-rail .reaction-trigger>.vc-action-count { margin-top:7px; }
.vc-watch-rail .vc-action-count { min-height:16px; font-size:12px; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:.01em; }
.vc-watch-rail svg { stroke-width:2; }
.vc-watch-rail [data-watch="save"][aria-pressed="true"] { color:var(--accent-primary); }
@media(max-width:520px) {
  .vc-watch-rail>button::before,.vc-watch-rail .reaction-trigger::before { border-color:#ffffff24; }
}
@media(prefers-reduced-motion:reduce) {
  .vc-watch-rail>button,.vc-watch-rail .reaction-trigger { transition:none; }
}

/* Matching outline actions, with consistent size and stroke weight. */
.vc-watch-rail>button,.vc-watch-rail .reaction-trigger { padding-top:10px; }
.vc-watch-rail .vc-action-icon { width:28px; height:28px; stroke:currentColor; filter:drop-shadow(0 1px 1px #0001); }
.vc-watch-rail .r-icon { width:28px; height:28px; }
.vc-watch-rail .r-emoji-svg { width:28px; height:28px; }
.vc-watch-rail .reaction-trigger.reacted .vc-action-icon { color:#ff4779; }
.vc-watch-rail [aria-pressed="true"] .vc-action-icon { fill:none; stroke-width:2.1; }
.vc-watch-rail .reaction-trigger.reacted .vc-action-count { color:var(--text,#19172c); }
.vc-watch-rail [data-watch="save"][aria-pressed="true"] .vc-action-icon { color:var(--accent-primary); }
@media(max-width:520px) {
  .vc-watch-rail .vc-action-icon { filter:drop-shadow(0 2px 3px #0005); }
  .vc-watch-rail .reaction-trigger.reacted .vc-action-count { color:white; }
}

/* Watch uses the full space below the shared header and section tabs. */
body.on-videos:has(#videosPage.videos-consumer:not([style*="none"]) .is-watch) .main-wrap { padding-top:0 !important; padding-bottom:0 !important; }
body.on-videos:has(#videosPage.videos-consumer:not([style*="none"]) .is-watch) .site-footer { display:none; }
.vc-shell.is-watch { --vc-tabs-height:65px; }
.vc-shell.is-watch .vc-header { margin-bottom:0; }
.vc-watch-stage { padding-right:128px; }
.vc-watch-frame { width:min(calc((100dvh - var(--header-h,64px) - var(--vc-tabs-height)) * .5625),100%); height:auto; min-height:0; max-height:none; aspect-ratio:9/16; }
.vc-watch-loading { height:calc(100dvh - var(--header-h,64px) - var(--vc-tabs-height)); }
.vc-watch-top [data-watch="more"] { margin-left:auto; }
.vc-watch-menu { position:absolute; top:62px; right:12px; z-index:8; width:190px; padding:6px; border-radius:12px; background:var(--bg2,#fff); color:var(--text,#19172c); border:1px solid var(--border,#e8e2f1); box-shadow:0 8px 30px #0004; }
.vc-watch-menu button { width:100%; text-align:left; background:none; color:inherit; border:0; border-radius:7px; padding:11px 12px; font-size:13px; }
.vc-watch-menu button:hover,.vc-watch-menu button:focus-visible { background:var(--bg3,#f0edf5); }
.vc-watch-rail { gap:10px; }
@media(max-width:768px) { .vc-shell.is-watch { --vc-tabs-height:55px; } }
@media(max-width:520px) {
  .vc-watch-stage { padding:0; }
  .vc-watch-frame { width:100%; height:calc(100dvh - var(--header-h,100px) - var(--vc-tabs-height)); min-height:440px; aspect-ratio:auto; border-radius:0; }
  .vc-watch-rail { gap:4px; bottom:64px; }
}

.vc-watch-menu hr { border:0; border-top:1px solid var(--border,#e8e2f1); margin:5px 6px; }
.vc-feedback-notice { position:fixed; z-index:60; left:50%; bottom:20px; transform:translateX(-50%); display:flex; align-items:center; gap:16px; width:max-content; max-width:calc(100vw - 24px); padding:12px 16px; border:1px solid var(--border,#e8e2f1); border-radius:12px; background:var(--bg2,#fff); color:var(--text,#19172c); box-shadow:0 6px 24px #0003; font-size:13px; }
.vc-feedback-notice button { padding:6px; border:0; background:none; color:var(--accent-primary); font-weight:700; }
.vc-report-dialog { width:min(440px,calc(100vw - 24px)); max-height:85dvh; padding:20px; border:1px solid var(--border,#e8e2f1); border-radius:18px; background:var(--bg2,#fff); color:var(--text,#19172c); }
.vc-report-dialog::backdrop { background:#13101e99; }
.vc-report-dialog header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.vc-report-dialog h2 { margin:0; font-size:18px; }
.vc-report-dialog header button { border:0; padding:4px 10px; background:none; color:inherit; font-size:24px; }
.vc-report-dialog p { font-size:13px; line-height:1.5; color:var(--text2,#777183); }
.vc-report-dialog fieldset { margin:16px 0; padding:0; border:0; }
.vc-report-dialog legend { font-size:12px; font-weight:700; margin-bottom:8px; }
.vc-report-dialog fieldset label { display:flex; align-items:center; gap:10px; padding:8px 0; font-size:13px; cursor:pointer; }
.vc-report-dialog input { margin:0; accent-color:var(--accent-primary); }
.vc-report-notes { display:grid; gap:8px; font-size:12px; }
.vc-report-notes textarea { box-sizing:border-box; width:100%; resize:vertical; padding:10px; font:inherit; border:1px solid var(--border,#e8e2f1); border-radius:8px; background:var(--bg,#faf8ff); color:inherit; }
.vc-report-dialog .vc-report-status { color:#e55873; }
.vc-report-dialog footer { display:flex; justify-content:flex-end; gap:8px; }
.vc-report-dialog footer button { padding:9px 13px; border:1px solid var(--border,#e8e2f1); border-radius:9px; background:transparent; color:inherit; cursor:pointer; }
.vc-report-dialog [type="submit"] { background:var(--accent-primary); border-color:var(--accent-primary); color:white; }
.vc-report-dialog [type="submit"]:disabled { opacity:.45; cursor:default; }

/* Website fullscreen viewer: one column, side chevrons, discussion below. */
.vc-fullscreen-dialog { --bg:#141414; --bg2:#1c1c1c; --bg3:#252525; --border:#303030; --text:#ededed; --text2:#adadad; --text3:#898989; font-weight:400; box-sizing:border-box; position:fixed; inset:0; margin:0; padding:0 0 32px; width:100%; height:100dvh; max-width:none; max-height:none; border:0; border-radius:0; overflow:auto; overscroll-behavior:contain; background:var(--bg,#faf8ff); color:var(--text,#19172c); }
body.light .vc-fullscreen-dialog { --bg:#fafafa; --bg2:#fff; --bg3:#f1f1f1; --border:#e7e7e7; --text:#252525; --text2:#6b6b6b; --text3:#858585; }
.vc-fullscreen-dialog::backdrop { background:var(--bg,#faf8ff); }
.vc-viewer-header { position:sticky; top:0; z-index:30; display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:56px; padding:8px 24px; box-sizing:border-box; background:var(--bg,#faf8ff); border-bottom:0; font-size:12px; letter-spacing:.04em; font-weight:400; color:var(--text2); }
.vc-viewer-header button { display:grid; place-items:center; width:44px; height:44px; border:0; border-radius:50%; background:transparent; color:inherit; }
.vc-viewer-header button:hover { background:var(--bg3,#f0edf5); }
.vc-fullscreen-dialog .vc-content { width:var(--vc-viewer-width,100%); max-width:100%; margin:0 auto; padding:16px 0; }
.vc-fullscreen-dialog .vc-watch-stage { display:block; padding:0 56px; }
.vc-fullscreen-dialog .vc-watch-frame { display:flex; flex-direction:column; width:100%; height:auto; min-height:0; max-height:none; aspect-ratio:auto; color:inherit; touch-action:pan-y; }
.vc-fullscreen-dialog .vc-watch-surface { position:relative; inset:auto; flex:none; width:100%; height:var(--vc-media-height,calc(100dvh - 96px)); border-radius:14px; background:transparent; }
.vc-fullscreen-dialog .vc-watch-surface::after { background:linear-gradient(#0004,transparent 25%,transparent 85%,#0003); }
.vc-fullscreen-dialog .vc-watch-surface>.vc-poster-bg { display:none; }
.vc-fullscreen-dialog .vc-watch-info { position:static; padding:24px 0 12px; }
.vc-fullscreen-dialog .vc-watch-info h1 { font-size:20px; font-weight:400; line-height:1.5; letter-spacing:-.015em; margin:14px 0 8px; -webkit-line-clamp:3; }
.vc-fullscreen-dialog .vc-watch-info>p { color:var(--text2,#777183); font-size:13px; }
.vc-fullscreen-dialog .vc-watch-creator { color:var(--text2); font-size:13px; gap:10px; }
.vc-fullscreen-dialog .vc-watch-creator strong { font-weight:400; }
.vc-fullscreen-dialog .vc-watch-creator img { width:28px; height:28px; border:0; }
.vc-fullscreen-dialog .vc-watch-author { flex-wrap:wrap; }
.vc-fullscreen-dialog .vc-watch-meta { color:var(--text3); font-size:10px; font-weight:400; letter-spacing:.05em; }
.vc-fullscreen-dialog .vc-follow,.vc-fullscreen-dialog .vc-watch-full { color:var(--text,#19172c); background:var(--bg3,#f0edf5); border-color:var(--border,#e8e2f1); }
.vc-fullscreen-dialog [data-watch="expand"] { display:none; }
.vc-fullscreen-dialog .vc-watch-rail { position:relative; left:auto; right:auto; bottom:auto; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:8px; margin:0; padding:0 0 12px; }
.vc-fullscreen-dialog .vc-watch-rail>button,.vc-fullscreen-dialog .vc-watch-rail .reaction-trigger { color:var(--text,#19172c); width:40px; min-height:48px; padding-top:9px; gap:5px; }
.vc-fullscreen-dialog .vc-watch-rail>button::before,.vc-fullscreen-dialog .vc-watch-rail .reaction-trigger::before { left:0; width:40px; height:40px; background:transparent; border:0; }
.vc-fullscreen-dialog .vc-watch-rail .vc-action-icon,.vc-fullscreen-dialog .vc-watch-rail .r-icon { width:21px; height:21px; filter:none; }
.vc-fullscreen-dialog .vc-watch-rail .vc-action-count { margin-top:0; color:var(--text2); font-size:11px; font-weight:400; }
.vc-fullscreen-dialog .vc-watch-rail .reaction-picker { left:0; right:auto; }
.vc-fullscreen-dialog .vc-watch-paging { display:contents; }
.vc-fullscreen-dialog .vc-watch-paging button { position:absolute; top:calc(var(--vc-media-height,calc(100dvh - 96px))/2 - 22px); width:44px; height:44px; padding:0; border:0; box-shadow:none; background:transparent; color:var(--text2,#777183); }
.vc-fullscreen-dialog [data-watch="prev"] { left:4px; }.vc-fullscreen-dialog [data-watch="next"] { right:4px; }
.vc-fullscreen-dialog .vc-watch-paging button:hover:not(:disabled) { background:var(--bg3,#f0edf5); }
.vc-fullscreen-dialog .vc-viewer-comments { margin:12px 56px 0; padding:28px 0 0; border-top:1px solid var(--border,#e8e2f1); }
.vc-fullscreen-dialog #videoCommentsWrap { margin:0; padding:0; border:0; background:transparent; }
.vc-fullscreen-dialog #videoComments { display:block !important; margin:0; padding:0; }
.vc-fullscreen-dialog .video-comments-header { display:flex; align-items:baseline; gap:8px; margin-bottom:20px; padding:0; border:0; font-size:14px; font-weight:400; }
.vc-fullscreen-dialog #videoComments>.comment-input-wrap { position:static !important; background:transparent !important; margin:0; padding:0 !important; border:0 !important; }
.vc-fullscreen-dialog .video-comments-list { overflow:visible; height:auto; }
.vc-fullscreen-dialog .comment-input-row { width:100%; }.vc-fullscreen-dialog .comment-compose-box { min-width:0; }
.vc-fullscreen-dialog .comment-compose-tools { flex-wrap:wrap; }.vc-fullscreen-dialog .comment-compose-hint { font-size:12px; }
.vc-fullscreen-dialog .comment-input { box-sizing:border-box; width:100%; max-height:160px; overflow:auto; }
.video-comments-error { padding:16px; color:var(--text2,#777183); }
.video-comments-retry { border:1px solid var(--border,#e8e2f1); border-radius:8px; background:var(--bg2,#fff); color:var(--text,#19172c); padding:10px 16px; }
@media(max-width:600px) {
 .vc-fullscreen-dialog .vc-watch-stage { padding:0 48px; }
 .vc-fullscreen-dialog .vc-viewer-comments { margin:0 16px; }
 .vc-fullscreen-dialog .vc-watch-surface { border-radius:10px; }
 .vc-fullscreen-dialog .vc-watch-top { left:8px; right:8px; gap:4px; }
 .vc-fullscreen-dialog .vc-watch-top button { width:36px; height:36px; }
 .vc-fullscreen-dialog .vc-watch-info h1 { font-size:17px; }
 .vc-fullscreen-dialog .vc-watch-footer { flex-wrap:wrap; }
 .vc-fullscreen-dialog .vc-watch-full { margin-left:0; }
 .vc-fullscreen-dialog .vc-watch-rail { gap:0; }
 .vc-fullscreen-dialog .comment-input { font-size:16px; }
}

.vc-fullscreen-dialog [data-watch="full"],.vc-fullscreen-dialog [data-more="full"] { display:none; }
.vc-fullscreen-dialog .vc-full-playback .vc-watch-progress,.vc-fullscreen-dialog .vc-full-playback [data-watch="toggle"],.vc-fullscreen-dialog .vc-full-playback [data-watch="mute"] { display:none; }
.vc-fullscreen-dialog .vc-full-playback::after { display:none; }
.vc-fullscreen-dialog .vc-full-playback .vc-watch-top { left:auto; }
.vc-fullscreen-dialog .vc-full-playback .video-paywall { z-index:10; }
.vc-fullscreen-dialog .video-monet-backdrop { position:fixed; inset:0; z-index:40; overflow:auto; }
.vc-fullscreen-dialog .video-monet-modal { max-height:calc(100dvh - 32px); overflow:auto; box-sizing:border-box; }

/* Quiet typography and chrome throughout the fullscreen destination. */
.vc-fullscreen-dialog .video-comments-title { font-size:14px; line-height:1.5; font-weight:400; letter-spacing:0; }
.vc-fullscreen-dialog .video-comments-count { padding:0; margin:0; border-radius:0; background:transparent; font-size:12px; font-weight:400; color:var(--text3); }
.vc-fullscreen-dialog #videoCommentsCount:empty { display:none; }
.vc-fullscreen-dialog .vc-follow { font-weight:400 !important; background:transparent; border:1px solid var(--border); padding:6px 12px; }
.vc-fullscreen-dialog .vc-watch-rail svg { stroke-width:1.6; }
.vc-fullscreen-dialog .vc-watch-rail>button:hover::before,.vc-fullscreen-dialog .reaction-trigger:hover::before { background:var(--bg3); }
.vc-fullscreen-dialog .comment-signin-cta { width:100%; min-height:44px; padding:10px 16px; background:var(--bg2); border:1px solid var(--border); border-radius:8px; color:var(--text2); font-size:13px; font-weight:400; }
.vc-fullscreen-dialog .comment-signin-cta:hover { background:var(--bg3); }
.vc-fullscreen-dialog .video-comments-empty { padding:36px 8px 48px; font-size:12px; color:var(--text3); }
.vc-fullscreen-dialog .video-comments-empty svg { width:24px; height:24px; color:var(--text3); opacity:.6; }
.vc-fullscreen-dialog .video-comments-empty strong { margin:12px 0 4px; font-size:14px; font-weight:400; color:var(--text2); }
.vc-fullscreen-dialog .video-comments-empty p { margin:0; line-height:1.7; }
.vc-fullscreen-dialog .comment-compose-box { background:var(--bg2); border:1px solid var(--border); border-radius:10px; }
.vc-fullscreen-dialog .comment-compose-box:focus-within { border-color:var(--text3); box-shadow:none; }
.vc-fullscreen-dialog .comment-compose-box .btn-send { background:var(--text); color:var(--bg); border-radius:7px; box-shadow:none; }
.vc-fullscreen-dialog .comment-meta strong,.vc-fullscreen-dialog .comment-author { font-weight:400; }
.vc-fullscreen-dialog button:focus-visible { outline:2px solid var(--text3); outline-offset:3px; }

/* Watch-page information layout: a broad discussion column and real Up next. */
.vc-fullscreen-dialog .vc-content { display:grid; grid-template-columns:minmax(0,1fr) 320px; grid-template-rows:min-content 1fr; column-gap:32px; align-items:start; width:calc(100% - 64px); max-width:1600px; }
.vc-fullscreen-dialog .vc-watch-stage { grid-column:1; grid-row:1; min-width:0; padding:0; }
.vc-fullscreen-dialog .vc-watch-surface { width:var(--vc-media-width,100%); max-width:100%; margin:0 auto; }
.vc-fullscreen-dialog [data-watch="prev"] { left:calc(50% - var(--vc-media-width,100%)/2 - 50px); }
.vc-fullscreen-dialog [data-watch="next"] { right:calc(50% - var(--vc-media-width,100%)/2 - 50px); }
.vc-fullscreen-dialog .vc-watch-info { padding:20px 0 0; }
.vc-fullscreen-dialog .vc-watch-info h1 { margin:0 0 16px; font-size:22px; line-height:1.4; }
.vc-viewer-channel-row { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px 20px; margin-bottom:18px; }
.vc-fullscreen-dialog .vc-watch-author { flex:1 1 160px; min-width:0; flex-wrap:nowrap; gap:14px; margin:0; }
.vc-fullscreen-dialog .vc-watch-creator { flex:1 1 auto; min-width:0; color:var(--text); gap:10px; }
.vc-fullscreen-dialog .vc-watch-creator img { width:36px; height:36px; }
.vc-fullscreen-dialog .vc-watch-creator strong { min-width:0; font-size:14px; }
.vc-fullscreen-dialog .vc-follow { color:var(--bg); background:var(--text); border-color:var(--text); min-height:34px; font-size:12px !important; }
.vc-fullscreen-dialog .vc-watch-rail { flex:0 1 auto; gap:6px; padding:0; flex-wrap:wrap; }
.vc-fullscreen-dialog .vc-watch-rail>button,.vc-fullscreen-dialog .vc-watch-rail .reaction-trigger { flex-direction:row; gap:6px; width:auto; min-height:36px; padding:8px 12px; border-radius:999px; background:var(--bg3); font-size:12px; font-weight:400; }
.vc-fullscreen-dialog .vc-watch-rail>button::before,.vc-fullscreen-dialog .vc-watch-rail .reaction-trigger::before { display:none; }
.vc-fullscreen-dialog .vc-watch-rail .vc-action-count { min-height:0; margin:0; font-size:12px; line-height:18px; order:2; }
.vc-fullscreen-dialog .vc-watch-rail .vc-action-count:empty { display:none; }
.vc-fullscreen-dialog .vc-watch-rail .vc-action-label { margin:0; min-height:0; font-size:12px; font-weight:400; line-height:18px; letter-spacing:0; white-space:nowrap; }
.vc-fullscreen-dialog .vc-watch-rail>button:hover,.vc-fullscreen-dialog .vc-watch-rail .reaction-trigger:hover { background:var(--border); }
.vc-description { padding:14px 16px; background:var(--bg3); border-radius:12px; font-size:13px; line-height:1.6; }
.vc-description-summary { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px 16px; margin-bottom:6px; }
.vc-fullscreen-dialog .vc-description .vc-watch-footer { margin:0; }
.vc-description-text { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--text); font-size:13px; line-height:1.7; }
.vc-description-text[hidden] { display:none; }
.vc-description.is-expanded .vc-description-text { display:block; }
.vc-description-toggle { padding:0; margin-top:6px; border:0; background:none; color:var(--text); font:inherit; font-size:12px; cursor:pointer; }
.vc-description-toggle:hover { text-decoration:underline; }
.vc-fullscreen-dialog .vc-viewer-comments { grid-column:1; grid-row:2; min-width:0; margin:24px 0 0; padding:0; border:0; }
.vc-fullscreen-dialog .video-comments-title,.vc-fullscreen-dialog .video-comments-header { font-size:17px; font-weight:400; }
.vc-fullscreen-dialog .video-comments-header { gap:8px; margin:0 0 24px; }
.vc-fullscreen-dialog .comment-signin-cta { min-height:44px; padding:10px 0; border:0; border-bottom:1px solid var(--border); border-radius:0; text-align:left; justify-content:flex-start; background:transparent; font-size:14px; }
.vc-fullscreen-dialog .comment-compose-box { padding:0 0 8px; border:0; border-bottom:1px solid var(--border); border-radius:0; background:transparent; }
.vc-fullscreen-dialog .comment-compose-box .comment-input { padding:8px 0; }
.vc-fullscreen-dialog .comment-compose-box:focus-within { border-bottom-color:var(--text2); }
.vc-fullscreen-dialog .video-comments-list { margin-top:24px; }
.vc-fullscreen-dialog .video-comments-empty { text-align:left; padding:20px 0 36px; }
.vc-fullscreen-dialog .video-comments-empty svg { display:none; }
.vc-up-next { grid-column:2; grid-row:1 / span 2; min-width:0; }
.vc-up-next h2 { margin:0 0 18px; color:var(--text); font-size:15px; font-weight:400; }
.vc-up-next-list { display:flex; flex-direction:column; gap:14px; }
.vc-up-next-card { display:grid; grid-template-columns:140px minmax(0,1fr); align-items:start; gap:10px; width:100%; padding:0; border:0; border-radius:8px; background:transparent; color:var(--text); text-align:left; cursor:pointer; }
.vc-up-next-thumb { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:16/9; overflow:hidden; border-radius:8px; background:var(--bg3); }
.vc-up-next-thumb>svg { width:24px; height:24px; color:var(--text3); }
.vc-up-next-thumb img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.vc-up-next-thumb img[hidden] { display:none; }
.vc-up-next-duration { position:absolute; right:5px; bottom:5px; padding:1px 4px; border-radius:3px; background:#000b; color:#fff; font-size:10px; font-weight:400; font-variant-numeric:tabular-nums; }
.vc-up-next-copy { display:flex; flex-direction:column; gap:4px; color:var(--text2); font-size:11px; line-height:1.4; overflow-wrap:anywhere; }
.vc-up-next-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; color:var(--text); font-size:13px; line-height:1.45; font-weight:400; }
.vc-up-next-card:hover .vc-up-next-title { text-decoration:underline; }
.vc-up-next-empty { font-size:13px; color:var(--text3); }
@media(max-width:979px) {
 .vc-fullscreen-dialog .vc-content { grid-template-columns:minmax(0,1fr); width:calc(100% - 40px); }
 .vc-up-next { grid-column:1; grid-row:3; margin-top:28px; }
 .vc-up-next-card { grid-template-columns:180px minmax(0,1fr); }
 .vc-fullscreen-dialog .vc-watch-info h1 { font-size:20px; }
}
@media(max-width:600px) {
 .vc-fullscreen-dialog .vc-content { width:calc(100% - 32px); }
 .vc-fullscreen-dialog .vc-watch-rail>button,.vc-fullscreen-dialog .vc-watch-rail .reaction-trigger { padding:8px 10px; }
 .vc-fullscreen-dialog .vc-watch-info h1 { font-size:18px; }
 .vc-up-next-card { grid-template-columns:140px minmax(0,1fr); }
 .vc-description { padding:12px; }
}