/* 52MEX CineStream visual skin: layout-only, data/player agnostic. */
.mex52-cinema-home {
  --cs-bg: #08090c;
  --cs-panel: #111319;
  --cs-panel-soft: #171a21;
  --cs-text: #f5f5f2;
  --cs-muted: #a5a8b0;
  --cs-line: rgba(255,255,255,.1);
  --cs-accent: #e7a84b;
  background: var(--cs-bg) !important;
  color: var(--cs-text);
}

.mex52-cinema-home body,
.mex52-cinema-home main,
.mex52-cinema-home #root { background: var(--cs-bg) !important; }
.mex52-cinema-home .mex52-branded-header {
  background: rgba(8,9,12,.86) !important;
  border-bottom: 1px solid var(--cs-line) !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.26) !important;
  backdrop-filter: blur(16px);
}
.mex52-cinema-home .mex52-home-heading {
  min-height: 92px;
  padding-top: 34px;
  background: linear-gradient(180deg,#0d0f14 0%,var(--cs-bg) 100%);
  color: var(--cs-text);
}
.mex52-cinema-home .mex52-home-heading p,
.mex52-cinema-home .mex52-hero-head small,
.mex52-cinema-home .mex52-shelf-head p,
.mex52-cinema-home .mex52-continue-head p { color: var(--cs-accent); letter-spacing: .14em; text-transform: uppercase; }
.mex52-cinema-home .mex52-home-heading h1 { font-size: clamp(28px,3.2vw,48px); font-weight: 700; letter-spacing: -.04em; }
.mex52-cinema-home .mex52-home-heading a { color: var(--cs-muted); }
.mex52-cinema-home .mex52-home-hero {
  max-width: 1504px;
  margin-top: 0;
  padding: 28px 54px 38px;
  border: 1px solid var(--cs-line);
  border-radius: 18px;
  background: radial-gradient(circle at 86% 22%,rgba(231,168,75,.13),transparent 30%),linear-gradient(135deg,#171921 0%,#0d0f14 62%,#13151b 100%);
  box-shadow: 0 26px 80px rgba(0,0,0,.34);
}
.mex52-cinema-home .mex52-hero-head { color: var(--cs-text); }
.mex52-cinema-home .mex52-hero-head strong,
.mex52-cinema-home .mex52-continue-head h2,
.mex52-cinema-home .mex52-shelf-head h2 { font-size: clamp(22px,2.1vw,32px); font-weight: 650; letter-spacing: -.035em; }
.mex52-cinema-home .mex52-hero-head > span,
.mex52-cinema-home .mex52-shelf-head > span,
.mex52-cinema-home .mex52-continue-head span { color: var(--cs-muted); }
.mex52-cinema-home .mex52-hero-track,
.mex52-cinema-home .mex52-shelf-list { gap: 18px; }
.mex52-cinema-home .mex52-hero-poster,
.mex52-cinema-home .mex52-shelf-poster,
.mex52-cinema-home .mex52-continue-cover { border-radius: 12px; box-shadow: 0 12px 26px rgba(0,0,0,.34); }
.mex52-cinema-home .mex52-hero-poster::after,
.mex52-cinema-home .mex52-shelf-poster::after,
.mex52-cinema-home .mex52-continue-cover::after {
  content: ""; position: absolute; inset: 38% 0 0; pointer-events: none;
  background: linear-gradient(180deg,transparent,rgba(0,0,0,.52));
}
.mex52-cinema-home .mex52-hero-slide-link > strong,
.mex52-cinema-home .mex52-shelf-card-link > strong { color: var(--cs-text); font-weight: 600; }
.mex52-cinema-home .mex52-shelf-card-link > small { color: var(--cs-muted); }
.mex52-cinema-home .mex52-hero-meta i,
.mex52-cinema-home .mex52-shelf-poster i { background: rgba(5,6,8,.76); }
.mex52-cinema-home .mex52-hero-meta i:last-child,
.mex52-cinema-home .mex52-shelf-poster em { background: rgba(231,168,75,.94); color: #16110a; font-weight: 700; }
.mex52-cinema-home .mex52-hero-arrow { background: rgba(255,255,255,.12); border: 1px solid var(--cs-line); border-radius: 50%; }
.mex52-cinema-home .mex52-hero-arrow:hover { background: var(--cs-accent); color: #16110a; }
.mex52-cinema-home .mex52-hero-dot.active { background: var(--cs-accent); }
.mex52-cinema-home .mex52-continue,
.mex52-cinema-home .mex52-home-shelf { background: var(--cs-bg); color: var(--cs-text); }
.mex52-cinema-home .mex52-continue { padding-top: 42px; }
.mex52-cinema-home .mex52-continue-list { gap: 18px; }
.mex52-cinema-home .mex52-continue-clear { border-color: var(--cs-line); color: var(--cs-muted); }
.mex52-cinema-home main .grid.grid-cols-2.md\:grid-cols-4.lg\:grid-cols-7 { color: var(--cs-text); }
.mex52-cinema-home main [data-vod-card] { background: var(--cs-panel) !important; border: 1px solid var(--cs-line); box-shadow: 0 12px 28px rgba(0,0,0,.2); }

@media (max-width: 700px) {
  .mex52-cinema-home .mex52-home-heading { min-height: 72px; padding-top: 24px; }
  .mex52-cinema-home .mex52-home-hero { width: calc(100% - 20px); padding: 20px 16px 28px; border-radius: 14px; }
  .mex52-cinema-home .mex52-hero-slide { flex-basis: 154px; width: 154px; }
  .mex52-cinema-home .mex52-continue { padding-top: 28px; }
}

/* Playback desk: fills the intentional desktop space below the continuous queue. */
.cs-play-assistant-page .mex52-queue-head small { display:none !important; }
.cs-play-episode-visual { position:relative; background:#11151b !important; }
.cs-play-episode-visual > .cs-play-episode-image { position:absolute; z-index:1; inset:0; display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.92) contrast(1.04); transition:transform .3s,filter .3s; }
.cs-play-episode-visual::after { content:""; position:absolute; z-index:2; inset:45% 0 0; background:linear-gradient(transparent,rgba(3,5,8,.72)); pointer-events:none; }
.group:hover > .cs-play-episode-visual > .cs-play-episode-image { transform:scale(1.045); filter:saturate(1.08) contrast(1.05); }
.cs-play-episode-visual > .cs-play-episode-badge { position:absolute; z-index:3; left:9px; bottom:8px; padding:3px 6px; border:1px solid rgba(255,255,255,.2); border-radius:3px; background:rgba(8,10,14,.72); color:#fff; font-size:8px; font-weight:800; letter-spacing:.1em; }
.cs-play-episode-visual > :not(.cs-play-episode-image):not(.cs-play-episode-badge) { opacity:0; }
.cs-play-assistant { display:grid; gap:8px; margin-top:12px; padding:14px; border:1px solid rgba(255,255,255,.13); border-radius:6px; background:linear-gradient(150deg,#242830 0%,#1b1e24 72%); color:#f7f7f4; box-shadow:0 16px 38px rgba(0,0,0,.18); font-family:"Segoe UI","Microsoft YaHei",sans-serif; }
.cs-play-assistant-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cs-play-assistant-head > div { display:grid; gap:2px; }
.cs-play-assistant-head strong { font-size:16px; }
.cs-play-kicker { color:#dca951; font-size:8px; font-weight:800; letter-spacing:.18em; }
.cs-play-state { padding:5px 8px; border:1px solid rgba(255,255,255,.12); border-radius:999px; color:#a8adb5; font-size:9px; white-space:nowrap; }
.cs-play-state.active { border-color:rgba(220,169,81,.5); color:#e6bc73; }
.cs-play-next { display:grid; grid-template-columns:96px minmax(0,1fr); gap:11px; align-items:center; color:#fff; text-decoration:none; }
.cs-play-next img,.cs-play-next-placeholder { display:grid; width:96px; aspect-ratio:16/9; place-items:center; object-fit:cover; border-radius:4px; background:#121419; color:#dca951; font-family:Georgia,serif; font-size:22px; }
.cs-play-next > span:last-child { display:grid; min-width:0; gap:4px; }
.cs-play-next small { color:#979da6; font-size:9px; }
.cs-play-next strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.cs-play-next em { color:#dca951; font-size:9px; font-style:normal; font-weight:700; }
.cs-play-progress { display:grid; gap:7px; }
.cs-play-progress > div { display:flex; justify-content:space-between; color:#aeb2b9; font-size:9px; }
.cs-play-progress-track { display:block; height:3px; overflow:hidden; border-radius:3px; background:rgba(255,255,255,.1); }
.cs-play-progress-track i { display:block; width:0; height:100%; background:#dca951; transition:width .25s linear; }
.cs-play-shortcuts { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.cs-play-shortcuts a { display:flex; min-height:30px; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.1); border-radius:4px; color:#d7d9dd; font-size:10px; text-decoration:none; }
.cs-play-shortcuts a:hover { border-color:#dca951; color:#f0c77e; }
.cs-play-partner { position:relative; display:grid; gap:2px; min-height:58px; align-content:center; overflow:hidden; padding:9px 14px; border:1px solid rgba(220,169,81,.26); border-radius:4px; background:radial-gradient(circle at 95% 10%,rgba(46,114,127,.4),transparent 50%),#14171c; color:#fff; text-decoration:none; }
.cs-play-partner::after { content:"52"; position:absolute; right:12px; color:transparent; font-family:Georgia,serif; font-size:56px; font-weight:700; -webkit-text-stroke:1px rgba(220,169,81,.2); }
.cs-play-partner span { color:#dca951; font-size:7px; font-weight:800; letter-spacing:.15em; }
.cs-play-partner strong { position:relative; z-index:1; font-size:13px; }
.cs-play-partner small { position:relative; z-index:1; color:#9298a1; font-size:9px; }
@media (max-width: 1050px) {
  .cs-play-assistant { margin-top:10px; }
  .cs-play-partner { display:none; }
}

/* AI long-form drama source inside the native resource directory. */
.cs-yt-source-count { display:inline-grid; min-width:25px; height:20px; place-items:center; border-radius:999px; background:rgba(220,169,81,.16); color:#dca951; font-size:9px; }
.cs-ai-route { margin:0; background:#090b0e !important; }
.cs-ai-topbar { display:flex; min-height:78px; align-items:center; gap:34px; padding:0 max(24px,calc((100vw - 1440px)/2)); border-bottom:1px solid rgba(255,255,255,.08); background:#101318; color:#fff; }
.cs-ai-logo { display:grid; width:86px; grid-template-columns:auto 1fr; color:#fff; line-height:.8; text-decoration:none; }
.cs-ai-logo span { grid-row:1 / span 2; color:#dca951; font-family:Georgia,serif; font-size:30px; font-weight:700; }
.cs-ai-logo b { align-self:end; font-size:13px; }
.cs-ai-logo small { color:#787e88; font-size:6px; letter-spacing:.18em; }
.cs-ai-nav { display:flex; flex:1; align-items:center; justify-content:center; gap:26px; }
.cs-ai-nav a,.cs-ai-back { color:#9da3ac; font-size:11px; text-decoration:none; }
.cs-ai-nav a:hover,.cs-ai-nav a.active { color:#e5b962; }
.cs-ai-back { padding:9px 13px; border:1px solid rgba(255,255,255,.13); border-radius:4px; color:#e1e2e4; }
.cs-ai-main,.cs-ai-play-main { width:min(1440px,100%); min-height:calc(100vh - 78px); margin:0 auto; padding:34px 28px 70px; }
.cs-yt-library { min-width:0; flex:1; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:8px; background:#111419; color:#f6f5f1; box-shadow:0 20px 55px rgba(0,0,0,.18); }
.cs-yt-library[hidden] { display:none !important; }
.cs-yt-hero { position:relative; display:flex; min-height:220px; align-items:flex-end; justify-content:space-between; gap:30px; overflow:hidden; padding:38px 42px; background:radial-gradient(circle at 82% 15%,rgba(31,126,143,.48),transparent 34%),radial-gradient(circle at 54% 120%,rgba(177,113,36,.3),transparent 42%),linear-gradient(120deg,#171a21,#0d1015); }
.cs-yt-hero::after { content:"AI"; position:absolute; right:120px; top:-36px; color:transparent; font-family:Georgia,serif; font-size:190px; font-weight:700; line-height:1; -webkit-text-stroke:1px rgba(255,255,255,.08); transform:rotate(-7deg); }
.cs-yt-hero > div:first-child { position:relative; z-index:1; max-width:680px; }
.cs-yt-hero small { color:#e2b664; font-size:9px; font-weight:800; letter-spacing:.2em; }
.cs-yt-hero h1 { margin:8px 0 10px; font-family:Georgia,"Noto Serif SC",serif; font-size:clamp(42px,5vw,68px); font-weight:500; letter-spacing:-.04em; }
.cs-yt-hero p { margin:0; color:#b5bac2; font-size:13px; line-height:1.7; }
.cs-yt-fresh { display:flex; align-items:center; gap:7px; margin-top:14px; color:#8f98a3; font-size:10px; }
.cs-yt-fresh i { width:6px; height:6px; border-radius:50%; background:#4dbb82; box-shadow:0 0 0 4px rgba(77,187,130,.1); }
.cs-yt-stat { position:relative; z-index:1; display:grid; min-width:120px; text-align:right; }
.cs-yt-stat strong { color:#e2b664; font-family:Georgia,serif; font-size:54px; font-weight:500; line-height:1; }
.cs-yt-stat span { margin-top:7px; color:#9da2aa; font-size:10px; letter-spacing:.08em; }
.cs-yt-tools { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 28px; border-bottom:1px solid rgba(255,255,255,.08); background:#181c22; }
.cs-yt-tools label { display:flex; width:min(380px,42%); min-height:40px; align-items:center; gap:9px; padding:0 13px; border:1px solid rgba(255,255,255,.12); border-radius:4px; background:#0f1217; color:#858c95; }
.cs-yt-tools input { width:100%; border:0; outline:0; background:transparent; color:#fff; font-size:12px; }
.cs-yt-tools > div { display:flex; min-width:0; gap:7px; overflow-x:auto; scrollbar-width:none; }
.cs-yt-tools > div::-webkit-scrollbar { display:none; }
.cs-yt-tools button { min-height:34px; padding:0 14px; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:transparent; color:#999fa8; cursor:pointer; font-size:10px; }
.cs-yt-tools button.active,.cs-yt-tools button:hover { border-color:#dca951; background:#dca951; color:#16120c; }
.cs-yt-sort { min-height:36px; padding:0 30px 0 12px; border:1px solid rgba(255,255,255,.12); border-radius:4px; background:#0f1217; color:#c7cbd1; font-size:10px; }
.cs-yt-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 15px; padding:28px; }
.cs-yt-card { min-width:0; padding:0; border:0; background:transparent; color:#fff; cursor:pointer; text-align:left; }
.cs-yt-card[hidden] { display:none; }
.cs-yt-thumb { position:relative; display:block; overflow:hidden; aspect-ratio:16/9; border-radius:5px; background:#080a0d; }
.cs-yt-thumb::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.72)); }
.cs-yt-thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s,filter .3s; }
.cs-yt-card:hover img { transform:scale(1.045); filter:saturate(1.08); }
.cs-yt-thumb i,.cs-yt-thumb b { position:absolute; z-index:2; top:8px; padding:3px 6px; border-radius:3px; font-size:8px; font-style:normal; }
.cs-yt-thumb i { left:8px; background:#dca951; color:#18120b; font-weight:900; }
.cs-yt-thumb b { right:8px; background:rgba(4,5,8,.78); color:#fff; font-weight:650; }
.cs-yt-thumb em { position:absolute; z-index:3; left:50%; top:50%; display:grid; width:42px; height:42px; place-items:center; transform:translate(-50%,-45%); border:1px solid rgba(255,255,255,.45); border-radius:50%; background:rgba(3,4,7,.55); color:#fff; font-size:12px; font-style:normal; opacity:0; backdrop-filter:blur(7px); transition:opacity .25s,transform .25s; }
.cs-yt-card:hover .cs-yt-thumb em { transform:translate(-50%,-50%); opacity:1; }
.cs-yt-card-copy { display:grid; gap:5px; padding-top:11px; }
.cs-yt-card-copy small { color:#dca951; font-size:8px; font-weight:750; letter-spacing:.06em; }
.cs-yt-card-copy strong { overflow:hidden; font-size:13px; line-height:1.45; text-overflow:ellipsis; white-space:nowrap; }
.cs-yt-card-copy > span { overflow:hidden; color:#7f858e; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.cs-yt-library footer { display:flex; justify-content:space-between; gap:20px; padding:18px 28px 24px; color:#747b85; font-size:9px; }
.cs-yt-library footer a { color:#cda65f; text-decoration:none; }
.cs-yt-modal-open { overflow:hidden; }
.cs-yt-modal { position:fixed; z-index:9999; inset:0; display:grid; place-items:center; padding:36px; background:rgba(3,4,6,.91); backdrop-filter:blur(12px); }
.cs-yt-close { position:absolute; top:24px; right:28px; width:42px; height:42px; border:1px solid rgba(255,255,255,.25); border-radius:50%; background:rgba(10,12,16,.82); color:#fff; cursor:pointer; font-size:26px; }
.cs-yt-player,.cs-yt-now { width:min(1180px,92vw); }
.cs-yt-player { overflow:hidden; aspect-ratio:16/9; border:1px solid rgba(255,255,255,.18); border-radius:7px 7px 0 0; background:#000; box-shadow:0 30px 90px #000; }
.cs-yt-player iframe { display:block; width:100%; height:100%; border:0; }
.cs-yt-now { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:18px 22px; border-radius:0 0 7px 7px; background:#171a20; color:#fff; }
.cs-yt-now small { color:#dca951; font-size:9px; }
.cs-yt-now h2 { margin:4px 0; font-size:18px; }
.cs-yt-now p { margin:0; color:#888e97; font-size:10px; }
.cs-yt-now > a { flex:0 0 auto; padding:10px 15px; border:1px solid rgba(255,255,255,.16); border-radius:4px; color:#fff; font-size:10px; text-decoration:none; }
.cs-ai-watch-stage { color:#f5f5f3; }
.cs-ai-watch-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; color:#858b94; font-size:10px; }
.cs-ai-watch-head a { color:#dcb15f; text-decoration:none; }
.cs-ai-watch-layout { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:20px; align-items:start; }
.cs-ai-watch-layout > div:first-child { overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:7px; background:#101318; }
.cs-ai-watch-player { aspect-ratio:16/9; background:#000; }
.cs-ai-watch-player iframe { display:block; width:100%; height:100%; border:0; }
.cs-ai-watch-info { position:relative; padding:22px 24px 25px; }
.cs-ai-watch-info small { color:#dca951; font-size:9px; font-weight:700; }
.cs-ai-watch-info h1 { margin:7px 110px 6px 0; font-family:Georgia,"Noto Serif SC",serif; font-size:28px; font-weight:500; }
.cs-ai-watch-info p { margin:0; color:#848a93; font-size:11px; }
.cs-ai-watch-info > a { position:absolute; top:27px; right:24px; color:#b8bdc5; font-size:9px; text-decoration:none; }
.cs-ai-watch-layout aside { overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:7px; background:#13161b; }
.cs-ai-watch-layout aside > small { display:block; padding:18px 18px 0; color:#dca951; font-size:8px; font-weight:800; letter-spacing:.16em; }
.cs-ai-watch-layout aside > h2 { margin:5px 18px 14px; font-size:17px; }
.cs-ai-related { max-height:min(72vh,760px); overflow-y:auto; border-top:1px solid rgba(255,255,255,.08); }
.cs-ai-related a { display:grid; grid-template-columns:116px minmax(0,1fr); align-items:center; gap:11px; padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.07); color:#fff; text-decoration:none; }
.cs-ai-related a:hover { background:#1b1f26; }
.cs-ai-related img { display:block; width:116px; aspect-ratio:16/9; object-fit:cover; border-radius:3px; }
.cs-ai-related span { display:grid; min-width:0; gap:3px; }
.cs-ai-related small { color:#dca951; font-size:8px; }
.cs-ai-related strong { overflow:hidden; font-size:11px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.cs-ai-related em { color:#777e87; font-size:8px; font-style:normal; }
@media (max-width:1100px) { .cs-yt-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.cs-yt-hero{padding:32px}.cs-yt-stat{display:none;} }
@media (max-width:1050px) { .cs-ai-watch-layout{grid-template-columns:1fr}.cs-ai-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.cs-ai-nav{gap:14px}.cs-ai-nav a:nth-child(n+5){display:none;} }
@media (max-width:700px) { .cs-ai-topbar{min-height:66px;padding:0 16px}.cs-ai-nav{display:none}.cs-ai-back{margin-left:auto}.cs-ai-main,.cs-ai-play-main{padding:18px 12px 50px}.cs-yt-library{width:100%;}.cs-yt-hero{min-height:190px;padding:28px 22px}.cs-yt-hero h1{font-size:44px}.cs-yt-tools{display:grid;padding:16px}.cs-yt-tools label{width:100%}.cs-yt-sort{width:100%}.cs-yt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 9px;padding:16px}.cs-yt-library footer{display:grid;padding:16px}.cs-ai-watch-info h1{margin-right:0;font-size:20px}.cs-ai-watch-info>a{position:static;display:inline-block;margin-top:13px}.cs-ai-related{grid-template-columns:1fr}.cs-yt-modal{padding:10px}.cs-yt-close{top:12px;right:12px}.cs-yt-now h2{font-size:14px;} }

/* CineStream structural composition */
.mex52-cinema-home .mex52-home-heading,
.mex52-cinema-home #mex52-home-hero { display: none !important; }
.mex52-cinestream-stage {
  position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0,1fr) minmax(340px,42%);
  align-items: end; min-height: clamp(590px,76vh,820px); overflow: hidden; padding: clamp(72px,9vw,128px) max(28px,calc((100% - 1400px)/2 + 28px)) 76px;
  color: #fff; background: #090a0d; border-bottom: 1px solid rgba(255,255,255,.08);
}
.mex52-cinestream-stage::before { content:""; position:absolute; z-index:-3; inset:-8%; background-image:var(--cs-backdrop); background-size:cover; background-position:center 25%; filter:blur(18px) saturate(.8); transform:scale(1.08); opacity:.72; transition:background-image .45s ease; }
.mex52-cinestream-stage::after { content:""; position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(5,6,9,.98) 0%,rgba(6,7,10,.85) 38%,rgba(6,7,10,.22) 75%),linear-gradient(0deg,#08090c 0%,transparent 38%,rgba(0,0,0,.2) 100%); }
.mex52-cs-shade { position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at 72% 32%,transparent 0,rgba(8,9,12,.08) 36%,rgba(8,9,12,.7) 78%); }
.mex52-cs-content { align-self:center; max-width:650px; padding-top:36px; }
.mex52-cs-kicker { margin:0 0 20px; color:#e7a84b; font-size:12px; font-weight:800; letter-spacing:.26em; }
.mex52-cs-content h1 { max-width:720px; margin:0; font-size:clamp(48px,6.4vw,94px); font-weight:750; line-height:.96; letter-spacing:-.065em; text-wrap:balance; text-shadow:0 12px 40px rgba(0,0,0,.44); }
.mex52-cs-meta { margin-top:24px; color:#e8e5df; font-size:13px; font-weight:650; letter-spacing:.06em; }
.mex52-cs-description { max-width:560px; margin:18px 0 0; color:rgba(255,255,255,.68); font-size:15px; line-height:1.75; }
.mex52-cs-actions { display:flex; gap:12px; margin-top:32px; }
.mex52-cs-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 23px; border-radius:999px; font-size:14px; font-weight:750; text-decoration:none; transition:transform .2s,background .2s; }
.mex52-cs-actions a:hover { transform:translateY(-2px); }
.mex52-cs-watch { background:#e7a84b; color:#17110a; box-shadow:0 10px 30px rgba(231,168,75,.25); }
.mex52-cs-browse { border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); color:#fff; backdrop-filter:blur(10px); }
.mex52-cs-posters { display:flex; align-items:flex-end; justify-content:flex-end; gap:14px; padding-bottom:22px; }
.mex52-cs-poster { position:relative; width:clamp(96px,9.5vw,148px); padding:0; overflow:hidden; aspect-ratio:2/3; border:1px solid rgba(255,255,255,.16); border-radius:10px; background:#15171d; box-shadow:0 18px 38px rgba(0,0,0,.45); cursor:pointer; transform:translateY(34px) scale(.88); opacity:.64; transition:transform .3s,opacity .3s,border-color .3s; }
.mex52-cs-poster:nth-child(2) { transform:translateY(12px) scale(.94); }
.mex52-cs-poster.active { transform:translateY(-10px) scale(1); opacity:1; border-color:#e7a84b; }
.mex52-cs-poster img { width:100%; height:100%; object-fit:cover; }
.mex52-cs-poster span { position:absolute; left:9px; bottom:8px; color:#fff; font-size:11px; font-weight:800; text-shadow:0 2px 8px #000; }
.mex52-cs-scroll { position:absolute; right:max(28px,calc((100% - 1400px)/2 + 28px)); bottom:24px; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.46); font-size:9px; letter-spacing:.2em; }
.mex52-cs-scroll i { display:block; width:42px; height:1px; background:rgba(255,255,255,.35); }
.mex52-cinema-home .mex52-home-shelf { padding-top:48px; padding-bottom:16px; }

@media (max-width: 820px) {
  .mex52-cinestream-stage { display:flex; min-height:690px; align-items:flex-end; padding:120px 20px 118px; }
  .mex52-cinestream-stage::after { background:linear-gradient(0deg,#08090c 5%,rgba(6,7,10,.76) 48%,rgba(6,7,10,.2) 100%); }
  .mex52-cs-content { padding:0; }
  .mex52-cs-content h1 { font-size:clamp(42px,14vw,66px); }
  .mex52-cs-description { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
  .mex52-cs-posters { position:absolute; left:20px; right:20px; bottom:28px; justify-content:flex-start; gap:8px; overflow:hidden; }
  .mex52-cs-poster { width:62px; border-radius:6px; transform:none !important; }
  .mex52-cs-poster.active { width:76px; }
  .mex52-cs-scroll { display:none; }
}

/* V3: independent editorial product shell */
.mex52-cinestream-v3 > #root > div > header,
.mex52-cinestream-v3 > #root > div > .h-\[60px\],
.mex52-cinestream-v3 > #root > div > footer,
.mex52-cinestream-v3 > #root > div > div.fixed.bottom-0,
.mex52-cinestream-v3 #mex-home-ad-shell,
.mex52-cinestream-v3 .mex52-cinema-decor,
.mex52-cinestream-v3 > #root > div > main > :not(.cs3-shell) { display:none !important; }
.mex52-cinestream-v3 > #root > div > main { padding-bottom:0 !important; }
.mex52-cinestream-v3 main { background:#0a0b0e !important; }
.cs3-shell { --ink:#f4f0e8; --muted:#97989e; --gold:#d6a85f; --panel:#121419; display:grid; grid-template-columns:92px minmax(0,1fr); min-height:100vh; background:#0a0b0e; color:var(--ink); font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif; }
.cs3-sidebar { position:sticky; z-index:20; top:0; display:flex; height:100vh; flex-direction:column; align-items:center; border-right:1px solid rgba(255,255,255,.09); background:#0d0e12; }
.cs3-brand { display:flex; width:100%; height:112px; flex-direction:column; align-items:center; justify-content:center; color:#fff; line-height:.85; text-decoration:none; }
.cs3-brand span { color:var(--gold); font-size:25px; font-weight:900; letter-spacing:-.1em; }
.cs3-brand b { font-size:19px; letter-spacing:.06em; }
.cs3-brand small { margin-top:8px; color:#777980; font-size:7px; letter-spacing:.28em; }
.cs3-sidebar-nav { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; gap:6px; }
.cs3-sidebar-nav a { position:relative; display:flex; width:91px; min-height:58px; align-items:center; justify-content:center; padding:5px; color:#85878e; font-size:12px; font-weight:600; text-align:center; text-decoration:none; writing-mode:vertical-rl; letter-spacing:.1em; transition:color .2s,background .2s; }
.cs3-sidebar-nav a:hover,.cs3-sidebar-nav a.active { color:#fff; background:rgba(255,255,255,.035); }
.cs3-sidebar-nav a.active::before { content:""; position:absolute; left:0; width:2px; height:26px; background:var(--gold); }
.cs3-sidebar-foot { padding:25px 0; color:#4f5157; font-size:7px; line-height:1.8; text-align:center; letter-spacing:.18em; }
.cs3-menu-close,.cs3-menu-backdrop { display:none; }
.cs3-route-sidebar { position:fixed; z-index:120; inset:0 auto 0 0; width:92px; }
.cs3-route-sidebar .cs3-sidebar-nav a { min-height:52px; }
.cs3-route-menu,.cs3-route-backdrop { display:none; }
body.cs3-framed-route { min-height:100vh; background:#090b0e !important; }
body.cs3-framed-route > #root,
body.cs3-framed-route > .cs-ai-page,
body.cs3-framed-route > .shell { width:calc(100% - 92px); margin-left:92px; }
body.cs3-framed-route > .cs-ai-page .cs-ai-topbar { display:none; }
body.cs3-framed-route > .cs-ai-page .cs-ai-main,
body.cs3-framed-route > .cs-ai-page .cs-ai-play-main { min-height:100vh; padding-top:28px; }

/* One visual frame across the resource catalogue and personal-library pages. */
body.cs3-framed-route > #root > div > header,
body.cs3-framed-route > #root > div > header + div.h-\[60px\],
body.cs3-section-history .mex52-history-top,
body.cs3-section-lists #mex52-lists-app > header { display:none !important; }
body.cs3-section-history #mex52-history-app { left:92px; }
body.cs3-section-lists > #mex52-lists-app { box-sizing:border-box; width:calc(100% - 92px); margin-left:92px; }

body.cs3-section-movies #root,
body.cs3-section-movies #root > div,
body.cs3-section-movies #root [class*="bg-background"] { background:#0a0c0f !important; color:#ede9e2 !important; }
body.cs3-section-movies #root [class*="bg-card"] { border-color:rgba(255,255,255,.09) !important; background:#15181d !important; color:#eeeae3 !important; }
body.cs3-section-movies #root [class*="bg-muted"] { border-color:rgba(255,255,255,.08) !important; background:#181b20 !important; color:#c5c7ca !important; }
body.cs3-section-movies #root [class*="border-border"] { border-color:rgba(255,255,255,.1) !important; }
body.cs3-section-movies #root [class*="text-foreground"] { color:#eeeae3 !important; }
body.cs3-section-movies #root [class*="text-muted-foreground"] { color:#9da1a8 !important; }
body.cs3-section-movies #root [class*="bg-primary"] { border-color:#d6a85f !important; background:#d6a85f !important; color:#17120b !important; }
body.cs3-section-movies #root input,
body.cs3-section-movies #root select { border-color:rgba(255,255,255,.13) !important; background:#101318 !important; color:#f4f1eb !important; }
body.cs3-section-movies #root [data-vod-card] { overflow:hidden; border:1px solid rgba(255,255,255,.09) !important; border-radius:7px; background:#14171b !important; box-shadow:0 12px 32px rgba(0,0,0,.18); }
body.cs3-section-movies #root [data-vod-card]:hover { border-color:rgba(214,168,95,.48) !important; box-shadow:0 16px 38px rgba(0,0,0,.34); }
body.cs3-section-movies #mex-home-ad-shell .mex-home-ad-frame { border-color:rgba(214,168,95,.2) !important; background:radial-gradient(circle at 18% 50%,rgba(214,168,95,.16),transparent 34%),linear-gradient(112deg,#121419 0%,#191713 48%,#101319 100%) !important; box-shadow:0 16px 42px rgba(0,0,0,.28) !important; }
body.cs3-section-movies #mex-home-ad-shell .mex-home-ad-fallback { background:radial-gradient(circle at 18% 50%,rgba(214,168,95,.16),transparent 34%),linear-gradient(112deg,#121419 0%,#191713 48%,#101319 100%) !important; }
.cs3-page { min-width:0; }
.cs3-page-progress { position:fixed; z-index:60; top:0; right:0; left:92px; height:2px; transform:scaleX(0); transform-origin:left; background:var(--gold); pointer-events:none; }
.cs3-topbar { position:absolute; z-index:10; top:0; right:0; left:92px; display:flex; height:84px; align-items:center; gap:14px; padding:0 clamp(24px,4vw,64px); border-bottom:1px solid rgba(255,255,255,.1); background:linear-gradient(180deg,rgba(5,6,8,.74),transparent); }
.cs3-menu { display:none; }
.cs3-search-wrap { position:relative; z-index:30; width:min(440px,31vw); flex:0 0 auto; }
.cs3-search { box-sizing:border-box; display:flex; width:100%; height:46px; align-items:center; gap:11px; padding:0 8px 0 15px; border:1px solid rgba(255,255,255,.15); border-radius:6px; background:rgba(10,12,15,.82); box-shadow:inset 0 1px rgba(255,255,255,.03); transition:border-color .18s,box-shadow .18s,background .18s; }
.cs3-search-wrap.open .cs3-search,.cs3-search:focus-within { border-color:rgba(214,168,95,.78); background:#101318; box-shadow:0 0 0 3px rgba(214,168,95,.1),0 14px 34px rgba(0,0,0,.32); }
.cs3-search span { color:var(--gold); font-size:21px; transform:rotate(-20deg); }
.cs3-search input { min-width:0; flex:1; border:0; outline:0; background:transparent; color:#fff; font-size:15px; }
.cs3-shell .cs3-search input:focus-visible { outline:none !important; }
.cs3-search input::placeholder { color:rgba(255,255,255,.52); }
.cs3-search button { display:grid; width:34px; height:32px; place-items:center; border:0; border-radius:4px; background:rgba(255,255,255,.06); color:#fff; cursor:pointer; font-size:18px; }
.cs3-search button:hover { background:var(--gold); color:#16120d; }
.cs3-search-panel { position:absolute; top:calc(100% + 9px); left:0; display:none; box-sizing:border-box; width:100%; padding:14px; border:1px solid rgba(214,168,95,.26); border-radius:7px; background:rgba(15,18,22,.98); box-shadow:0 24px 65px rgba(0,0,0,.58); backdrop-filter:blur(18px); }
.cs3-search-wrap.open .cs3-search-panel { display:block; animation:cs3-search-in .16s ease-out; }
.cs3-search-panel-head { display:flex; align-items:center; justify-content:space-between; padding:1px 3px 11px; border-bottom:1px solid rgba(255,255,255,.09); }
.cs3-search-panel-head strong { color:#f3eee5; font-size:15px; }
.cs3-search-panel-head small { color:var(--gold); font-size:10px; font-weight:900; letter-spacing:.16em; }
.cs3-search-ranks { display:grid; grid-template-columns:1fr 1fr; gap:2px 10px; padding-top:7px; }
.cs3-search-ranks a { display:grid; grid-template-columns:25px 42px minmax(0,1fr) 16px; min-height:50px; align-items:center; gap:8px; padding:4px 5px; border-radius:4px; color:#d9dde1; text-decoration:none; }
.cs3-search-ranks a:hover { background:rgba(214,168,95,.1); color:#fff; }
.cs3-search-ranks b { color:#7f8790; font-size:11px; font-variant-numeric:tabular-nums; }
.cs3-search-ranks a:nth-child(-n+3) b { color:var(--gold); }
.cs3-search-ranks img { width:42px; height:42px; border-radius:3px; object-fit:cover; background:#090b0e; }
.cs3-search-ranks span { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.cs3-search-ranks em { color:rgba(255,255,255,.35); font-style:normal; }
.cs3-search-ranks p { grid-column:1/-1; margin:12px 4px 5px; color:#9299a2; font-size:12px; text-align:center; }
@keyframes cs3-search-in { from { opacity:0; transform:translateY(-5px); } }
.cs3-legacy-actions { display:flex; min-width:0; flex:1; align-items:center; justify-content:center; gap:3px; overflow-x:auto; scrollbar-width:none; }
.cs3-legacy-actions::-webkit-scrollbar { display:none; }
.cs3-legacy-actions a,.cs3-legacy-actions button { box-sizing:border-box; flex:0 0 auto; min-height:31px; padding:0 8px; border:1px solid transparent; border-radius:4px; background:transparent; color:#b7bbc2; cursor:pointer; font:650 10px/1 Inter,"Segoe UI","Microsoft YaHei",sans-serif; text-decoration:none; white-space:nowrap; transition:border-color .18s,background .18s,color .18s; }
.cs3-legacy-actions a { display:flex; align-items:center; }
.cs3-legacy-actions a:hover,.cs3-legacy-actions button:hover { border-color:rgba(214,168,95,.35); background:rgba(214,168,95,.1); color:#fff; }
.cs3-legacy-actions button:nth-last-child(-n+2) { color:var(--gold); }
.cs3-all { margin-left:auto; color:#fff; font-size:13px; font-weight:650; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.cs3-langs { display:flex; flex:0 0 auto; align-items:center; gap:3px; margin-left:0; padding:3px; border:1px solid rgba(255,255,255,.12); border-radius:999px; background:rgba(0,0,0,.2); }
.cs3-langs button { min-width:30px; height:26px; padding:0 7px; border:0; border-radius:999px; background:transparent; color:#777980; cursor:pointer; font-size:9px; font-weight:800; }
.cs3-langs button.active { background:var(--gold); color:#17120b; }
.cs3-langs + .cs3-all { margin-left:0; }
.cs3-content { display:block; }
.cs3-hero { position:relative; isolation:isolate; display:block; box-sizing:border-box; min-height:clamp(590px,46vw,820px); overflow:hidden; padding:96px 8px 38px; background:radial-gradient(ellipse at 50% 48%,rgba(81,61,33,.33),rgba(14,16,20,.9) 42%,#08090c 76%); }
.cs3-hero::before { content:""; position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(6,7,9,.8),rgba(6,7,9,.08) 35%,rgba(6,7,9,.08) 65%,rgba(6,7,9,.8)),linear-gradient(0deg,#090a0d,transparent 38%); }
.cs3-hero::after { content:""; position:absolute; z-index:-1; top:82px; right:18%; left:18%; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); opacity:.7; }
.cs3-hero-copy { max-width:830px; align-self:center; }
.cs3-hero-copy > p { margin:0 0 20px; color:var(--gold); font-size:13px; font-weight:800; letter-spacing:.25em; }
.cs3-hero h1 { margin:0; max-width:840px; font-family:Georgia,"Noto Serif SC",serif; font-size:clamp(56px,7vw,108px); font-weight:500; line-height:.92; letter-spacing:-.065em; text-wrap:balance; text-shadow:0 20px 60px #000; }
.cs3-hero-meta { margin-top:24px; color:#e1ddd5; font-size:14px; font-weight:600; letter-spacing:.07em; }
.cs3-hero-actions { display:flex; gap:12px; margin-top:34px; }
.cs3-hero-actions a { display:inline-flex; min-height:52px; align-items:center; justify-content:center; padding:0 27px; border-radius:3px; font-size:14px; font-weight:750; letter-spacing:.04em; text-decoration:none; }
.cs3-primary { background:var(--gold); color:#17120b; }
.cs3-secondary { border:1px solid rgba(255,255,255,.3); background:rgba(8,9,12,.36); color:#fff; backdrop-filter:blur(12px); }
.cs3-hero-nav { display:flex; align-items:center; gap:7px; margin-top:42px; }
.cs3-hero-nav button { width:34px; height:24px; padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.3); background:transparent; color:rgba(255,255,255,.45); cursor:pointer; font-family:Georgia,serif; font-size:10px; text-align:left; transition:width .25s,color .25s,border-color .25s; }
.cs3-hero-nav button.active { width:64px; border-color:var(--gold); color:#fff; }
.cs3-hero-carousel { position:relative; width:100%; max-width:none; height:clamp(500px,38vw,720px); margin:0; perspective:1280px; perspective-origin:50% 48%; }
.cs3-hero-stage { position:absolute; inset:0 52px 20px; touch-action:none; cursor:grab; }
.cs3-hero-stage:active { cursor:grabbing; }
.cs3-hero-stage::after { content:""; position:absolute; right:6%; bottom:25px; left:6%; height:72px; border-radius:50%; background:radial-gradient(ellipse,rgba(214,168,95,.28),rgba(0,0,0,0) 70%); filter:blur(8px); pointer-events:none; }
.cs3-hero-ring { position:absolute; top:50%; left:50%; width:218px; height:330px; margin:-180px 0 0 -109px; transform-style:preserve-3d; will-change:transform; }
.cs3-hero-slot { position:absolute; inset:0; transform-style:preserve-3d; }
.cs3-hero-card { position:absolute; inset:0; display:block; overflow:hidden; border:1px solid rgba(214,168,95,.48); border-radius:5px; background:#111318; color:#fff; box-shadow:0 22px 54px rgba(0,0,0,.68); text-decoration:none; transform:scale(1); transform-style:preserve-3d; backface-visibility:hidden; transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .32s,box-shadow .32s,filter .32s; }
.cs3-hero-card:hover,.cs3-hero-card:focus-visible { z-index:8; border-color:var(--gold); box-shadow:0 30px 76px rgba(0,0,0,.86),0 0 32px rgba(214,168,95,.3); filter:brightness(1.08) saturate(1.06); transform:translateZ(52px) scale(1.14); }
.cs3-hero-card img { width:100%; height:100%; object-fit:cover; }
.cs3-hero-card::after { content:""; position:absolute; inset:42% 0 0; background:linear-gradient(0deg,rgba(4,5,7,.98),rgba(4,5,7,0)); pointer-events:none; }
.cs3-hero-card > span { position:absolute; z-index:2; right:13px; bottom:15px; left:13px; }
.cs3-hero-card b { display:block; overflow:hidden; margin-bottom:7px; font-family:Georgia,"Noto Serif SC",serif; font-size:18px; font-weight:500; text-overflow:ellipsis; white-space:nowrap; }
.cs3-hero-card small { display:block; overflow:hidden; color:#d4d0c8; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.cs3-hero-card em { position:absolute; z-index:3; top:12px; right:10px; padding:6px 7px; background:var(--gold); color:#17120b; font-size:7px; font-style:normal; font-weight:900; line-height:1.25; letter-spacing:.08em; }
.cs3-hero-slot.front .cs3-hero-card { border-color:rgba(214,168,95,.9); box-shadow:0 28px 70px rgba(0,0,0,.74),0 0 22px rgba(214,168,95,.14); }
.cs3-hero-arrow { position:absolute; z-index:12; top:46%; display:grid; width:38px; height:38px; place-items:center; border:1px solid rgba(214,168,95,.48); border-radius:50%; background:rgba(8,10,13,.72); color:var(--gold); cursor:pointer; font-family:Georgia,serif; font-size:28px; line-height:1; backdrop-filter:blur(8px); transition:background .2s,transform .2s; }
.cs3-hero-arrow:hover { background:rgba(214,168,95,.22); transform:scale(1.08); }
.cs3-hero-prev { left:0; }
.cs3-hero-next { right:0; }
.cs3-hero-carousel-hint { position:absolute; right:0; bottom:0; left:0; color:rgba(255,255,255,.45); font-size:8px; font-weight:800; letter-spacing:.3em; text-align:center; }
.cs3-section { padding:62px clamp(28px,5vw,78px); }
.cs3-section-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:28px; }
.cs3-section-head small,.cs3-editor-copy > small { color:var(--gold); font-size:11px; font-weight:800; letter-spacing:.22em; }
.cs3-section h2,.cs3-editor-copy h2 { margin:8px 0 0; font-family:Georgia,"Noto Serif SC",serif; font-size:clamp(32px,4vw,54px); font-weight:500; letter-spacing:-.035em; }
.cs3-section-head > a { color:#c1c2c7; font-size:12px; font-weight:650; letter-spacing:.08em; text-decoration:none; }
.cs3-rank-row { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:16px; }
.cs3-continue { padding-top:32px; padding-bottom:24px; background:#0d0f13; }
.cs3-continue .cs3-section-head { margin-bottom:20px; }
.cs3-continue .cs3-section-head h2 { font-size:clamp(36px,3.2vw,48px); }
.cs3-continue-row { display:grid; grid-auto-flow:column; grid-auto-columns:minmax(280px,360px); justify-content:start; gap:20px; overflow-x:auto; padding-bottom:8px; }
.cs3-continue-count-1 .cs3-continue-row { grid-auto-columns:minmax(680px,760px); }
.cs3-continue-count-1 .cs3-card > a { display:grid; grid-template-columns:minmax(340px,400px) minmax(240px,1fr); grid-template-rows:1fr auto; align-items:end; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:6px; background:linear-gradient(135deg,#171a20,#101217); box-shadow:0 18px 45px rgba(0,0,0,.24); }
.cs3-continue-count-1 .cs3-card-image { grid-row:1 / span 2; }
.cs3-continue-count-1 .cs3-card > a > strong { align-self:end; margin:0; padding:30px 30px 8px; font-family:Georgia,"Noto Serif SC",serif; font-size:24px; font-weight:500; white-space:normal; }
.cs3-continue-count-1 .cs3-card > a > small { align-self:start; margin:0; padding:0 30px 30px; color:#b5b6bb; font-size:13px; white-space:normal; }
.cs3-continue-count-1 .cs3-card > a > small::after { content:"  \00b7  \25b6  CONTINUE"; color:var(--gold); font-size:10px; font-weight:800; letter-spacing:.08em; }
.cs3-continue + .cs3-trending { padding-top:48px; }
.cs3-continue .cs3-card-image { aspect-ratio:16/9; }
.cs3-card { min-width:0; }
.cs3-card a { position:relative; display:block; color:#fff; text-decoration:none; }
.cs3-card-image { position:relative; display:block; overflow:hidden; aspect-ratio:2/3; background:#17191e; }
.cs3-card-image::after { content:""; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.62)); }
.cs3-card-image img { width:100%; height:100%; object-fit:cover; transition:transform .45s cubic-bezier(.2,.75,.25,1),filter .3s; }
.cs3-card:hover img { transform:scale(1.045); filter:saturate(1.08); }
.cs3-card-image i { position:absolute; z-index:2; top:9px; right:9px; padding:4px 6px; background:var(--gold); color:#18120b; font-size:7px; font-style:normal; font-weight:900; letter-spacing:.1em; }
.cs3-card-image em { position:absolute; z-index:3; top:50%; left:50%; display:grid; width:44px; height:44px; place-items:center; transform:translate(-50%,-42%) scale(.72); border:1px solid rgba(255,255,255,.5); border-radius:50%; background:rgba(5,6,8,.62); color:#fff; font-size:14px; font-style:normal; opacity:0; backdrop-filter:blur(8px); transition:opacity .25s,transform .25s; }
.cs3-card:hover .cs3-card-image em,.cs3-card:focus-within .cs3-card-image em { transform:translate(-50%,-50%) scale(1); opacity:1; }
.cs3-shell .mex52-watchlater { z-index:6 !important; top:auto !important; right:8px !important; bottom:48px !important; opacity:0; transition:opacity .2s,transform .2s; }
.cs3-card:hover > .mex52-watchlater,.cs3-card:focus-within > .mex52-watchlater,.cs3-shell .mex52-watchlater.saved { opacity:1; }
.cs3-card > a > strong { display:block; margin-top:13px; overflow:hidden; font-size:15px; font-weight:700; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.cs3-card > a > small { display:block; margin-top:6px; overflow:hidden; color:#96989f; font-size:11px; line-height:1.4; letter-spacing:.025em; text-overflow:ellipsis; white-space:nowrap; }
.cs3-rank { position:absolute; z-index:3; right:-4px; bottom:42px; color:transparent; font-family:Georgia,serif; font-size:58px; line-height:1; -webkit-text-stroke:1px rgba(255,255,255,.66); text-shadow:0 4px 18px #000; }
.cs3-editorial { display:grid; grid-template-columns:minmax(320px,1.15fr) minmax(260px,.8fr) minmax(220px,.55fr); align-items:center; gap:clamp(30px,4vw,64px); padding:56px clamp(28px,5vw,78px); background:#e8e1d5 !important; color:#171718; }
.cs3-editor-image { position:relative; display:block; height:520px; overflow:hidden; color:#fff; }
.cs3-editor-image::after { content:""; position:absolute; inset:50% 0 0; background:linear-gradient(transparent,rgba(0,0,0,.5)); }
.cs3-editor-image img { width:100%; height:100%; object-fit:cover; }
.cs3-editor-image span { position:absolute; z-index:2; left:22px; bottom:20px; font-size:9px; font-weight:900; letter-spacing:.18em; }
.cs3-editor-copy > small { color:#886329; }
.cs3-editor-copy h2 { color:#171718 !important; }
.cs3-editor-copy p { margin:22px 0; color:#514c45; font-family:Georgia,"Noto Serif SC",serif; font-size:19px; line-height:1.75; }
.cs3-text-link { color:#171718; font-size:13px; font-weight:800; letter-spacing:.06em; text-decoration:none; }
.cs3-mini-list { border-top:1px solid rgba(0,0,0,.18); }
.cs3-mini-list a { display:grid; grid-template-columns:24px 58px minmax(0,1fr); align-items:center; gap:12px; padding:15px 0; border-bottom:1px solid rgba(0,0,0,.18); color:#171718; text-decoration:none; }
.cs3-mini-list span { color:#8c8171; font-size:9px; }
.cs3-mini-list img { width:58px; height:78px; object-fit:cover; }
.cs3-mini-list b { font-family:Georgia,"Noto Serif SC",serif; font-size:14px; font-weight:500; }
.cs3-catalogue { scroll-margin-top:84px; background:#0f1115 !important; }
.cs3-native-library-host { min-height:100vh; margin:-10px calc(-1 * clamp(28px,5vw,78px)) calc(-1 * clamp(56px,7vw,96px)); overflow-anchor:none; }
.cs3-native-library-host > p { padding:42px clamp(28px,5vw,78px); color:#8e949d; font-size:13px; }
.cs3-native-library-host > .bg-background { min-height:100vh !important; background:#0f1115 !important; }
.cs3-native-library-host > .bg-background > .bg-muted\/30 { border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035) !important; }
.cs3-native-library-host .text-muted-foreground { color:#aab1bc !important; }
.cs3-native-library-host > .bg-background > .bg-muted\/30 button { border:1px solid rgba(255,255,255,.16) !important; background:#353a43 !important; color:#f0f2f5 !important; font-weight:750 !important; }
.cs3-native-library-host > .bg-background > .bg-muted\/30 button.bg-primary { border-color:var(--gold) !important; background:#f2a51a !important; color:#17120b !important; }
.cs3-native-library-host button.bg-secondary { background:#f0f2f5 !important; color:#293241 !important; font-weight:750 !important; }
.cs3-native-library-host [data-vod-card] { background:#111319 !important; color:#f4f1eb !important; }
.cs3-native-library-host [data-vod-card] .text-foreground,
.cs3-native-library-host [data-vod-card] h3 { color:#f4f1eb !important; font-weight:700 !important; }
.cs3-shell :focus-visible { outline:2px solid var(--gold) !important; outline-offset:3px; }
.cs3-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:34px 16px; }

@media (max-width: 1050px) {
  .cs3-hero-carousel { height:500px; }
  .cs3-hero-ring { width:190px; height:288px; margin:-158px 0 0 -95px; }
  .cs3-rank-row,.cs3-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .cs3-rank-row .cs3-card:nth-child(n+4) { display:none; }
  .cs3-editorial { grid-template-columns:1fr 1fr; }
  .cs3-mini-list { display:none; }
}
@media (prefers-reduced-motion: reduce) {
  .cs3-shell *, .cs3-shell *::before, .cs3-shell *::after { scroll-behavior:auto !important; transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; }
}
@media (max-width: 700px) {
  .cs3-shell { display:block; }
  .cs3-sidebar { display:none; }
  .cs3-topbar { position:absolute; left:0; height:66px; padding:0 16px; gap:12px; }
  .cs3-menu { display:block; border:0; background:transparent; color:#fff; font-size:20px; }
  .cs3-search-wrap { width:auto; flex:1; }
  .cs3-legacy-actions { display:none; }
  .cs3-search { height:42px; }
  .cs3-search-ranks { grid-template-columns:1fr; }
  .cs3-all { display:none; }
  .cs3-langs { margin-left:0; }
  .cs3-hero { min-height:540px; padding:76px 0 24px; }
  .cs3-hero::before { background:radial-gradient(ellipse at 50% 45%,rgba(92,66,31,.3),rgba(7,8,11,.82) 58%,#090a0d); }
  .cs3-hero::after { top:70px; right:16%; left:16%; }
  .cs3-hero-carousel { position:relative; top:auto; right:auto; left:auto; height:430px; perspective:900px; }
  .cs3-hero-stage { inset:0 30px 10px; }
  .cs3-hero-ring { width:138px; height:210px; margin:-122px 0 0 -69px; }
  .cs3-hero-slot:nth-child(even) { display:none; }
  .cs3-hero-card b { font-size:12px; }
  .cs3-hero-card small { display:none; }
  .cs3-hero-card em { top:7px; right:6px; padding:4px; font-size:5px; }
  .cs3-hero-card:hover,.cs3-hero-card:focus-visible { transform:translateZ(30px) scale(1.1); }
  .cs3-hero-arrow { width:32px; height:32px; font-size:23px; }
  .cs3-section { padding:46px 20px; }
  .cs3-rank-row { display:flex; margin-right:-20px; overflow-x:auto; }
  .cs3-rank-row .cs3-card { display:block !important; flex:0 0 42vw; }
  .cs3-editorial { display:block; padding:20px 20px 58px; }
  .cs3-editor-image { height:430px; }
  .cs3-editor-copy { padding-top:34px; }
  .cs3-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 10px; }
  .cs3-card > a > strong { font-size:14px; }
  .cs3-card > a > small { font-size:10px; }
  .cs3-continue { padding-top:40px; padding-bottom:34px; }
  .cs3-continue-row,.cs3-continue-count-1 .cs3-continue-row { grid-auto-columns:76vw; }
  .cs3-continue-count-1 .cs3-card > a { display:block; border:0; background:transparent; box-shadow:none; }
  .cs3-continue-count-1 .cs3-card > a > strong { margin-top:13px; padding:0; font-family:inherit; font-size:16px; font-weight:700; white-space:nowrap; }
  .cs3-continue-count-1 .cs3-card > a > small { margin-top:6px; padding:0; font-size:11px; white-space:nowrap; }
  .cs3-continue-count-1 .cs3-card > a > small::after { content:""; }
  .cs3-shell.menu-open .cs3-sidebar { position:fixed; z-index:52; top:0; bottom:0; left:0; display:flex; width:240px; align-items:stretch; box-shadow:24px 0 70px rgba(0,0,0,.52); }
  .cs3-shell.menu-open .cs3-brand { align-items:flex-start; padding-left:30px; }
  .cs3-shell.menu-open .cs3-sidebar-nav { align-items:stretch; justify-content:flex-start; padding-top:16px; }
  .cs3-shell.menu-open .cs3-sidebar-nav a { width:100%; min-height:52px; justify-content:flex-start; padding:0 30px; font-size:12px; writing-mode:horizontal-tb; }
  .cs3-shell.menu-open .cs3-sidebar-foot { padding-left:30px; text-align:left; }
  .cs3-shell.menu-open .cs3-menu-close { position:absolute; z-index:2; top:18px; right:18px; display:block; width:34px; height:34px; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:transparent; color:#fff; font-size:22px; }
  .cs3-shell.menu-open .cs3-menu-backdrop { position:fixed; z-index:51; inset:0; display:block; border:0; background:rgba(0,0,0,.62); backdrop-filter:blur(3px); }
  body.cs3-framed-route > #root,body.cs3-framed-route > .cs-ai-page,body.cs3-framed-route > .shell { width:100%; margin-left:0; }
  body.cs3-section-history #mex52-history-app { left:0; }
  body.cs3-section-lists > #mex52-lists-app { width:100%; margin-left:0; }
  .cs3-route-sidebar { display:none; }
  .cs3-route-menu { position:fixed; z-index:121; top:14px; left:14px; display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(255,255,255,.16); border-radius:50%; background:rgba(13,14,18,.88); color:#fff; font-size:18px; backdrop-filter:blur(10px); }
  body.cs3-route-menu-open .cs3-route-sidebar { display:flex; width:240px; align-items:stretch; box-shadow:24px 0 70px rgba(0,0,0,.52); }
  body.cs3-route-menu-open .cs3-route-sidebar .cs3-brand { align-items:flex-start; padding-left:30px; }
  body.cs3-route-menu-open .cs3-route-sidebar .cs3-sidebar-nav { align-items:stretch; justify-content:flex-start; padding-top:10px; }
  body.cs3-route-menu-open .cs3-route-sidebar .cs3-sidebar-nav a { width:100%; min-height:50px; justify-content:flex-start; padding:0 30px; writing-mode:horizontal-tb; }
  body.cs3-route-menu-open .cs3-route-sidebar .cs3-sidebar-foot { padding-left:30px; text-align:left; }
  body.cs3-route-menu-open .cs3-route-sidebar .cs3-menu-close { position:absolute; z-index:2; top:18px; right:18px; display:block; width:34px; height:34px; border:1px solid rgba(255,255,255,.15); border-radius:50%; background:transparent; color:#fff; font-size:22px; }
  body.cs3-route-menu-open .cs3-route-backdrop { position:fixed; z-index:119; inset:0; display:block; border:0; background:rgba(0,0,0,.62); backdrop-filter:blur(3px); }
  body.cs3-route-menu-open .cs3-route-menu { display:none; }
  .cs3-page-progress { left:0; }
  .cs3-card-image em { display:none; }
  .cs3-shell .mex52-watchlater { opacity:1; }
}

/* Readability pass for desktop and high-resolution displays. */
@media (min-width: 701px) {
  .cs3-shell,.cs-ai-page { font-size:16px; }
  .cs3-sidebar-nav a,.cs3-route-sidebar .cs3-sidebar-nav a { font-size:13px; font-weight:700; }
  .cs3-search input,.cs3-search-ranks button { font-size:14px; }
  .cs3-hero-meta,.cs3-hero-actions a,.cs3-hero-actions button { font-size:14px; }
  .cs3-card > a > strong { font-size:17px; line-height:1.45; }
  .cs3-card > a > small { font-size:13px; line-height:1.5; }
  .cs3-filter button,.cs3-section-head > a { font-size:14px; }
  .cs-ai-nav a,.cs-ai-back { font-size:14px; font-weight:650; }
  .cs-yt-hero p { font-size:15px; }
  .cs-yt-fresh,.cs-yt-stat span { font-size:12px; }
  .cs-yt-tools input,.cs-yt-tools button,.cs-yt-sort { font-size:13px; }
  .cs-yt-card-copy small { font-size:10px; }
  .cs-yt-card-copy strong { font-size:16px; line-height:1.5; }
  .cs-yt-card-copy > span { font-size:12px; }
  .cs-yt-library footer { font-size:11px; }
  .cs-ai-watch-head,.cs-ai-watch-info p { font-size:13px; }
  .cs-ai-watch-info small,.cs-ai-watch-info > a { font-size:11px; }
  .cs-ai-related small,.cs-ai-related em { font-size:10px; }
  .cs-ai-related strong { font-size:14px; }
}