#panel-d #most-viewed{background:#101010;color:#f5f5f5;padding:56px 44px;border-radius:30px;margin:20px 0;scroll-margin-top:110px;text-align:left;}
#most-viewed .tt-profile{display:flex;gap:32px;max-width:1320px;margin:0 auto 38px;align-items:center;}
#most-viewed .tt-avatar{width:152px;height:152px;border-radius:50%;object-fit:cover;flex-shrink:0;}
#most-viewed .tt-section-label{font-size:12px;color:#a7a7a7;margin:0 0 8px;}
#most-viewed h2{font-size:30px;line-height:1.2;margin:0 0 14px;color:#fff;}
#most-viewed h2 span{font-size:16px;color:#a7a7a7;font-weight:400;margin-left:12px;}
#most-viewed .tt-account-stats{display:flex;gap:8px;flex-wrap:wrap;font-size:16px;color:#bdbdbd;margin:0 0 18px;}
#most-viewed .tt-account-stats strong{color:#fff;margin-left:12px;}#most-viewed .tt-account-stats strong:first-child{margin-left:0;}
#most-viewed .tt-profile-actions{display:flex;gap:10px;flex-wrap:wrap;}
.tt-follow,#most-viewed button,#ttViewer button{font:inherit;cursor:pointer;}
#most-viewed .tt-follow,#ttViewer .tt-follow{background:#fe2c55;border-radius:8px;color:#fff;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;min-height:44px;}
#ttShareProfile,#ttShowMore{background:#292929;color:#fff;border:0;border-radius:8px;padding:12px 20px;min-height:44px;}
#most-viewed .tt-bio{font-size:15px;line-height:1.6;color:#d2d2d2;margin:16px 0 0;}
#most-viewed .tt-collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto 24px;border-bottom:1px solid #383838;}
#most-viewed .tt-videos-label{font-weight:700;font-size:18px;padding:16px 10px;border-bottom:3px solid #fff;}.tt-videos-label span{font-size:13px;color:#999;margin-left:6px;}
#most-viewed .tt-sort{display:flex;background:#252525;padding:4px;border-radius:8px;gap:2px;}
#most-viewed .tt-sort button{border:0;border-radius:5px;min-height:38px;padding:8px 14px;background:transparent;color:#bbb;font-size:14px;}
#most-viewed .tt-sort button[aria-pressed=true]{background:#505050;color:#fff;}
#most-viewed .tt-video-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px;max-width:1320px;margin:auto;}
#most-viewed .tt-video-card{min-width:0;}#most-viewed .tt-video-card[hidden]{display:none;}
#most-viewed .tt-cover{display:block;position:relative;width:100%;padding:0;border:0;border-radius:10px;overflow:hidden;aspect-ratio:3/4;background:#28232f;color:#fff;text-align:left;}
#most-viewed .tt-cover:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009);}
#most-viewed .tt-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s;}
#most-viewed .tt-cover:hover img{transform:scale(1.035);}
#most-viewed .tt-cover-views{position:absolute;left:12px;bottom:12px;z-index:1;font-size:15px;text-shadow:0 1px 4px #000;}
#most-viewed .tt-video-card h3{font-size:13px;font-weight:500;line-height:1.4;margin:9px 0 0;color:#d7d7d7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
#most-viewed .tt-original{font-size:11px;color:#aaa;display:inline-block;margin-top:6px;text-underline-offset:3px;}
#most-viewed .tt-collection-footer{text-align:center;margin:30px 0 0;color:#aaa;font-size:13px;}
#ttShowMore{margin:10px 0;}#ttShowMore[hidden]{display:none;}.tt-data-date{font-size:11px;color:#999;}
#ttShareStatus{min-height:18px;font-size:13px;}
#most-viewed :focus-visible,#ttViewer :focus-visible{outline:3px solid #70ccff;outline-offset:4px;}
#ttViewer{border:0;padding:0;margin:auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;background:#111;color:#eee;overflow:hidden;}
#ttViewer::backdrop{background:#000e;}
.tt-viewer-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 390px;}
.tt-viewer-stage{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#292331,#090909);min-height:0;padding:18px 64px;}
#ttViewerPlayer{height:100%;max-width:100%;aspect-ratio:9/16;}
#ttViewerPlayer iframe{height:100%;width:100%;border:0;display:block;background:#000;}
#ttViewer .tt-viewer-close,#ttViewer .tt-viewer-arrows button{border:0;background:#ffffff25;color:#fff;border-radius:50%;width:44px;height:44px;font-size:28px;display:grid;place-items:center;}
#ttViewer .tt-viewer-close{position:absolute;left:16px;top:16px;z-index:2;}
.tt-viewer-arrows{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;gap:12px;}
#ttViewer button:disabled{opacity:.3;cursor:default;}
.tt-viewer-panel{padding:28px 24px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid #303030;}
.tt-author{display:flex;align-items:center;gap:10px;}.tt-author img{border-radius:50%;}.tt-author>div{display:grid;gap:4px;flex:1;}.tt-author span{font-size:12px;color:#aaa;}
#ttViewer .tt-follow{padding:9px 12px;font-size:13px;}
#ttViewerTitle{font-size:17px;line-height:1.5;margin:24px 0 10px;}
#ttViewerViews{font-size:13px;color:#aaa;}
.tt-viewer-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;}
#ttViewer .tt-viewer-actions a,#ttViewer .tt-viewer-actions button{color:#eee;background:#292929;padding:12px;border:0;border-radius:7px;text-decoration:none;font-size:13px;min-height:44px;}
#ttCopyStatus{font-size:12px;color:#b9e8ff;min-height:16px;}
#ttViewer h4{border-bottom:1px solid #444;padding-bottom:12px;margin:26px 0 16px;font-size:14px;}
#ttRelated{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
#ttRelated button{padding:0;border:2px solid transparent;background:#222;border-radius:6px;overflow:hidden;aspect-ratio:3/4;}
#ttRelated button[aria-current=true]{border-color:#fe2c55;}
#ttRelated img{display:block;width:100%;height:100%;object-fit:cover;}
@media(max-width:1100px){#most-viewed .tt-video-grid{grid-template-columns:repeat(4,minmax(0,1fr));}.tt-viewer-layout{grid-template-columns:minmax(0,1fr) 330px;}}
@media(max-width:720px){#panel-d #most-viewed{padding:30px 16px;border-radius:20px;}#most-viewed .tt-profile{gap:16px;align-items:flex-start;}#most-viewed .tt-avatar{width:72px;height:72px;}#most-viewed h2{font-size:23px;}#most-viewed h2 span{display:block;margin:5px 0 0;font-size:13px;}#most-viewed .tt-account-stats{font-size:13px;}#most-viewed .tt-bio{font-size:13px;}#most-viewed .tt-profile-actions{gap:8px;}#most-viewed .tt-follow,#ttShareProfile{font-size:12px;padding:10px;}#most-viewed .tt-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 7px;}#most-viewed .tt-video-card h3{font-size:11px;}#most-viewed .tt-cover-views{font-size:12px;left:7px;bottom:8px;}#most-viewed .tt-sort button{font-size:12px;padding:8px;}#most-viewed .tt-videos-label{font-size:15px;padding:14px 0;}#most-viewed .tt-collection-toolbar{gap:8px;}.tt-viewer-layout{display:block;overflow-y:auto;overscroll-behavior:contain;}.tt-viewer-stage{height:76dvh;padding:0 44px;}.tt-viewer-panel{border-left:0;overflow:visible;padding:22px;}.tt-viewer-arrows{right:3px;}#ttViewer .tt-viewer-arrows button{width:36px;height:36px;}#ttViewer .tt-viewer-close{left:5px;top:8px;width:36px;height:36px;}#ttRelated{grid-template-columns:repeat(6,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){#most-viewed .tt-cover img{transition:none;}}

/* Mobile viewer: the video occupies the entire available screen. */
@media(max-width:720px){
  #ttViewer{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-height:100dvh;background:#000;}
  #ttViewer .tt-viewer-layout{height:100%;overflow:hidden;}
  #ttViewer .tt-viewer-stage{height:100%;width:100%;padding:0;background:#000;}
  #ttViewerPlayer{width:100%;height:100%;max-width:none;aspect-ratio:auto;}
  #ttViewer .tt-viewer-panel{display:none;}
  #ttViewer .tt-viewer-close{left:max(12px,env(safe-area-inset-left));top:max(12px,env(safe-area-inset-top));width:48px;height:48px;background:#0008;}
  #ttViewer .tt-viewer-arrows{right:max(10px,env(safe-area-inset-right));top:50%;z-index:2;gap:14px;}
  #ttViewer .tt-viewer-arrows button{width:48px;height:48px;background:#0008;}
}

/* Cross-origin embeds cannot forward touch gestures to the host page.
   Reserve the centre for gestures, keeping native top/bottom controls exposed. */
#ttViewerPlayer{position:relative;}
.tt-gesture-surface{display:block;position:absolute;inset:72px 0 88px;z-index:1;touch-action:none;}

/* Clip vertical page transitions to the video stage; controls stay fixed. */
.tt-viewer-stage{overflow:hidden;}

/* Restore the soft lavender carousel while retaining the modal player. */
#panel-d #most-viewed{background:linear-gradient(180deg,#cdc9ff 0%,#bcb8fd 44%,#aba5fb 100%);color:#30274e;}
#most-viewed h2,#most-viewed .tt-account-stats strong{color:#30274e;}
#most-viewed h2 span,#most-viewed .tt-section-label,#most-viewed .tt-account-stats,#most-viewed .tt-bio,#most-viewed .tt-original,#most-viewed .tt-data-date,#most-viewed .tt-collection-footer,#most-viewed .tt-videos-label span{color:#51456e;}
#most-viewed .tt-video-card h3{color:#30274e;}
#most-viewed .tt-collection-toolbar{border-color:#7767a544;}
#most-viewed .tt-videos-label{border-color:#7052ad;}
#most-viewed .tt-sort{background:#ffffff55;}
#most-viewed .tt-sort button{color:#51456e;}
#most-viewed .tt-sort button[aria-pressed=true]{background:#fff;color:#51368c;}
#most-viewed #ttShareProfile,#most-viewed #ttShowMore{background:#ffffffaa;color:#51368c;}
#most-viewed .tt-video-grid{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding:2px;padding:8px 2px 20px;scrollbar-width:thin;scrollbar-color:#8875ba #ffffff33;}
#most-viewed .tt-video-card{flex:0 0 clamp(180px,21vw,260px);scroll-snap-align:start;}
#most-viewed .tt-cover{aspect-ratio:9/16;border-radius:22px;box-shadow:0 12px 24px #58418930;}
.tt-carousel-controls{display:flex;justify-content:flex-end;gap:10px;max-width:1320px;margin:12px auto 0;}
#most-viewed .tt-carousel-controls button{width:48px;height:48px;border:1px solid #fff9;border-radius:50%;background:#ffffffaa;color:#51368c;font-size:24px;}
#most-viewed .tt-carousel-controls button:disabled{opacity:.4;cursor:default;}
@media(max-width:720px){#most-viewed .tt-video-grid{gap:14px;}#most-viewed .tt-video-card{flex-basis:66vw;max-width:260px;}#most-viewed .tt-video-card h3{font-size:14px;}#most-viewed .tt-cover-views{font-size:15px;left:14px;bottom:14px;}}

/* Original production accordion, now opening the local modal. */
#panel-d #most-viewed.tt-restored{border-radius:44px 44px 0 0;margin:0;padding:66px 0 56px;text-align:center;}
#most-viewed .tt-original-heading,#most-viewed .tt-original-wrap{padding:0 44px;}
#most-viewed .tt-original-heading .sub{margin-bottom:34px;}
#most-viewed .tt-original-heading h2{font-size:clamp(28px,4vw,44px);color:#1d1d1f;margin:0 0 12px;}
#most-viewed .tt-original-heading .eyebrow{color:#6e6e73;}
#most-viewed #ttShowcase button{border:0;font:inherit;padding:0;text-align:inherit;}
#most-viewed #ttShowcase .tt-t{display:-webkit-box;}
#most-viewed #ttShowcase .tt-info{display:block;}
#most-viewed #ttShowcase .tt-panel:focus-visible{outline:3px solid #51368c;outline-offset:3px;}
@media(max-width:720px){#most-viewed .tt-original-heading,#most-viewed .tt-original-wrap{padding:0 20px;}#panel-d #most-viewed.tt-restored{padding-top:40px;}}
@media(max-width:640px){
  #panel-d #most-viewed #ttShowcase{margin:0;padding:0 0 30px;scroll-padding-left:0;gap:14px;}
  #panel-d #most-viewed #ttShowcase .tt-panel{flex:0 0 64%;height:auto;aspect-ratio:9/16;}
}
/* Keep captions at their expanded width so words do not reflow during expansion. */
@media(min-width:641px){
  #panel-d #ttShowcase .tt-info{left:50%;right:auto;width:min(392px,calc(40.476vw - 63.95px));transform:translate(-50%,10px);opacity:0;transition:opacity .18s ease,transform .18s ease;}
  #panel-d #ttShowcase .tt-panel:first-child .tt-info{opacity:1;transform:translate(-50%,0);}
  #panel-d #ttShowcase:hover .tt-panel .tt-info{opacity:0;transform:translate(-50%,10px);transition-delay:0s;}
  #panel-d #ttShowcase .tt-panel:hover .tt-info,#panel-d #ttShowcase .tt-panel:focus-visible .tt-info{opacity:1;transform:translate(-50%,0);transition:opacity .3s ease .3s,transform .3s ease .3s;}
}
#panel-d #ttShowcase .tt-play,#panel-d #ttShowcase .tt-cta-play{border-radius:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;width:64px;height:60px;color:#fff;isolation:isolate;}
#panel-d #ttShowcase .tt-play::before,#panel-d #ttShowcase .tt-cta-play::before{content:'';position:absolute;inset:0;z-index:-1;background:#9a75e7;-webkit-mask:url('brand-mark.svg') center/contain no-repeat;mask:url('brand-mark.svg') center/contain no-repeat;}
#panel-d #ttShowcase .tt-cta-play{position:relative;}
@media(max-width:640px){
  #panel-d #most-viewed .tt-original-wrap{padding:0;}
  #panel-d #most-viewed #ttShowcase{width:100%;padding:0 20px 30px;scroll-padding:20px;}
}
#panel-d .yt-showall-btn{display:block;margin:24px auto 30px;padding:14px 30px;border:1px solid #ddd4f3;border-radius:999px;background:#f2edfc;color:#61419b;font:600 15px inherit;cursor:pointer;min-height:48px;}
#panel-d .yt-showall-btn[hidden]{display:none;}
@media(prefers-reduced-motion:reduce){#panel-d #ttShowcase .tt-panel,#panel-d #ttShowcase .tt-info{transition:none!important;}}
/* Keep mobile card shadows inside the rail so they do not form a clipped band. */
@media(max-width:640px){
  #panel-d #most-viewed #ttShowcase .tt-panel{box-shadow:0 6px 10px -6px rgba(70,60,140,.16);}
  #panel-d #most-viewed #ttShowcase .tt-cta{box-shadow:0 6px 10px -6px rgba(70,60,140,.16),inset 0 1px 0 rgba(255,255,255,.75);}
}
