/* Страница «Прямой эфир» (вариант A «Кинозал»). Все правила под .lv */
@property --amb  { syntax: '<color>'; inherits: true; initial-value: #1d3f73; }
@property --amb2 { syntax: '<color>'; inherits: true; initial-value: #0f5d6b; }
@property --lv-beam { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
.lv{
  color-scheme: dark;
  --bg:#070a12;
  --bg-2:#0b101c;
  --surface:rgba(255,255,255,.04);
  --surface-2:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);
  --text:#f3f5fa;
  --text-2:#b0b9cc;
  --text-3:#808ba4;
  --navy:#193867;
  --crimson:#a70437;
  --live:#ff3d6e;
  --teal:#15b8b5;
  --teal-2:#6fe3df;
  --r-sm:8px; --r-md:16px; --r-lg:24px;
  --ease-out:cubic-bezier(.22,1,.36,1);
  --gutter:16px;
  --header-h:56px;
  --font-display:'Inter Tight', 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  --font-body:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  transition: --amb 1.6s ease, --amb2 1.6s ease;
}
@media (min-width:768px){
.lv{ --gutter:32px; --header-h:64px; }
}
@media (min-width:1200px){
.lv{ --gutter:40px; }
}
.lv *,.lv *::before,.lv *::after{ box-sizing:border-box; }
.lv [hidden]{ display:none!important; }
.lv{
  margin:0; overflow-x:clip; isolation:isolate;
  background:var(--bg); color:var(--text);
  font:400 16px/24px var(--font-body);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  position:relative;
}
.lv::before{
  content:""; position:absolute; inset:0 0 auto 0; height:1400px; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60% 480px at 50% 240px, color-mix(in oklab, var(--amb) 30%, transparent), transparent 72%),
    radial-gradient(40% 400px at 88% 0, color-mix(in oklab, var(--amb2) 22%, transparent), transparent 70%),
    radial-gradient(50% 520px at 0% 60%, rgba(25,56,103,.22), transparent 70%),
    linear-gradient(180deg, #0a0f1b 0, var(--bg) 900px);
}
.lv::after{
  content:""; position:absolute; inset:0; pointer-events:none; z-index:90; opacity:.035;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
.lv img{ max-width:100%; display:block; }
.lv a{ color:inherit; text-decoration:none; }
.lv button{ font:inherit; color:inherit; }
.lv h1,.lv h2,.lv h3,.lv p{ margin:0; }
.lv ol,.lv ul{ margin:0; padding:0; list-style:none; }
.lv .tnum{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1; }
.lv .sr-only{ position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.lv :focus-visible{ outline:2px solid var(--teal-2); outline-offset:3px; }
.lv .wrap{ width:100%; max-width:calc(1200px + var(--gutter)*2); margin-inline:auto; padding-inline:var(--gutter); }
.lv .lv-icon{ width:20px; height:20px; flex:none; stroke:currentColor; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.lv .hero{ position:relative; overflow-x:clip; padding-bottom:40px; }
.lv .hero-grid{ display:flex; flex-direction:column; }
.lv .hero-head{ position:relative; z-index:1; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding-top:24px; }
.lv .hero-title{ font:700 24px/32px var(--font-display); letter-spacing:-.01em; }
.lv .hero-lead{ display:none; margin-top:8px; font:400 16px/24px var(--font-body); color:var(--text-2); }
.lv .hero-meta{ display:flex; flex-direction:column; align-items:flex-end; gap:0; text-align:right; }
.lv .hero-clock{ font:600 20px/28px var(--font-display); letter-spacing:.01em; }
.lv .hero-date{ font:500 12px/16px var(--font-body); color:var(--text-3); text-transform:none; }
.lv .stage{ position:relative; isolation:isolate; order:-1; margin-inline:calc(var(--gutter) * -1); }
.lv .ambient{
  position:absolute; left:50%; top:50%; z-index:-1; pointer-events:none;
  width:112%; height:150%; transform:translate(-50%,-46%);
  filter:blur(48px) saturate(1.5); opacity:.72;
}
.lv .player{
  position:relative; aspect-ratio:16/9; width:100%; overflow:hidden; background:#05070c;
  border-radius:0 0 var(--r-md) var(--r-md);
  box-shadow:0 1px 0 rgba(255,255,255,.04) inset, 0 32px 80px -24px rgba(0,0,0,.85);
}
.lv .frame{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .9s ease; }
.lv .frame.is-shown{ opacity:1; }
.lv .scrim{ position:absolute; inset:0; z-index:2; pointer-events:none; background:
  linear-gradient(180deg, rgba(5,7,12,.55) 0, transparent 28%, transparent 60%, rgba(5,7,12,.55) 100%),
  radial-gradient(60% 60% at 50% 50%, rgba(5,7,12,.12), rgba(5,7,12,.38)); }
.lv .live-badge{
  position:absolute; left:16px; top:16px; z-index:3; display:inline-flex; align-items:center; gap:8px;
  padding:4px 8px; border-radius:6px; background:var(--crimson); color:#fff;
  font:700 12px/16px var(--font-body); letter-spacing:.08em; box-shadow:0 4px 16px rgba(167,4,55,.45);
}
.lv .breath{ width:8px; height:8px; border-radius:50%; background:#fff; animation:lv-breath 1.8s ease-in-out infinite; }
@keyframes lv-breath{ 0%,100%{ transform:scale(1); opacity:1; } 50%{ transform:scale(.6); opacity:.45; } }
.lv .play{
  position:absolute; inset:0; z-index:4; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;
  border:0; background:none; cursor:pointer; color:#fff; padding:0;
}
.lv .play-core{
  position:relative; width:64px; height:64px; border-radius:50%; display:grid; place-items:center;
  background:rgba(255,255,255,.16); backdrop-filter:blur(16px) saturate(160%); -webkit-backdrop-filter:blur(16px) saturate(160%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.4), 0 16px 48px rgba(0,0,0,.45);
  transition:transform .3s var(--ease-out), background .3s;
}
.lv .play-core::before,.lv .play-core::after{ content:""; position:absolute; inset:0; border-radius:50%; border:1.5px solid rgba(255,255,255,.6); animation:lv-ring 2.8s var(--ease-out) infinite; pointer-events:none; }
.lv .play-core::after{ animation-delay:1.4s; }
@keyframes lv-ring{ 0%{ transform:scale(1); opacity:.75; } 100%{ transform:scale(1.9); opacity:0; } }
.lv .play-core svg{ width:24px; height:24px; margin-left:3px; fill:#fff; stroke:none; }
.lv .play-label{ display:none; padding:8px 16px; border-radius:999px; background:rgba(7,10,18,.5); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); font:600 14px/20px var(--font-display); letter-spacing:.01em; box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); }
.lv .play:hover .play-core{ transform:scale(1.08); background:rgba(255,255,255,.24); }
.lv .play:active .play-core{ transform:scale(.96); }
.lv .play:focus-visible{ outline:none; }
.lv .play:focus-visible .play-core{ box-shadow:inset 0 0 0 1px rgba(255,255,255,.4), 0 0 0 3px var(--teal-2); }
.lv .player iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; z-index:5; opacity:0; transition:opacity .4s ease; }
.lv .player.is-playing iframe{ opacity:1; }
.lv .player.is-playing .play,.lv .player.is-playing .live-badge,.lv .player.is-playing .scrim{ opacity:0; visibility:hidden; transition:opacity .3s, visibility 0s .3s; }
@media (min-width:480px){
.lv .play-label{ display:block; }
}
@media (max-width:479px){
.lv .hero-date{ display:none; }
.lv .eyebrow .chip{ display:none; }
}
@media (min-width:768px){
.lv .hero{ padding-bottom:56px; }
.lv .hero-grid{ padding-top:40px; }
.lv .hero-head{ padding-top:0; margin-bottom:24px; }
.lv .hero-title{ font-size:40px; line-height:48px; letter-spacing:-.02em; }
.lv .hero-lead{ display:block; }
.lv .hero-clock{ font-size:24px; line-height:32px; }
.lv .hero-date{ font-size:14px; line-height:20px; }
.lv .stage{ order:0; margin-inline:0; }
.lv .player{ border-radius:var(--r-lg); box-shadow:0 0 0 1px rgba(255,255,255,.07), 0 40px 120px -32px rgba(0,0,0,.9); }
.lv .ambient{ width:108%; height:130%; transform:translate(-50%,-44%); filter:blur(72px) saturate(1.5); }
.lv .live-badge{ left:24px; top:24px; }
.lv .play-core{ width:88px; height:88px; }
.lv .play-core svg{ width:32px; height:32px; margin-left:4px; }
.lv .play-label{ font-size:16px; line-height:24px; }
}
.lv .now{
  position:relative; margin-top:16px; border-radius:var(--r-lg); padding:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
  backdrop-filter:blur(24px) saturate(140%); -webkit-backdrop-filter:blur(24px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1), inset 0 0 0 1px rgba(255,255,255,.07), 0 24px 64px -24px rgba(0,0,0,.6);
  display:grid; gap:24px; z-index:1;
}
.lv .now-main{ display:flex; flex-direction:column; justify-content:center; min-width:0; }
.lv .eyebrow{ display:flex; align-items:center; flex-wrap:wrap; gap:8px; font:600 12px/16px var(--font-body); letter-spacing:.06em; text-transform:uppercase; color:var(--text-2); }
.lv .eyebrow .is-live{ color:var(--live); }
.lv .live-dot{ position:relative; width:8px; height:8px; border-radius:50%; background:var(--live); flex:none; }
.lv .live-dot::after{ content:""; position:absolute; inset:0; border-radius:50%; background:var(--live); animation:lv-dotping 1.8s var(--ease-out) infinite; }
@keyframes lv-dotping{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(2.6); opacity:0; } }
.lv .sep{ width:3px; height:3px; border-radius:50%; background:var(--text-3); }
.lv .chip{ display:inline-flex; align-items:center; height:24px; padding:0 8px; border-radius:6px; background:var(--surface-2); color:var(--text-2); font:500 12px/16px var(--font-body); letter-spacing:.01em; text-transform:none; }
.lv .now-title{ margin-top:12px; font:700 24px/32px var(--font-display); letter-spacing:-.015em; min-height:32px; }
.lv .shimmer{
  background:linear-gradient(100deg, #fff 0%, #fff 40%, #9ef0ec 50%, #fff 60%, #fff 100%);
  background-size:250% 100%; background-position:100% 0;
  -webkit-background-clip:text; background-clip:text; color:transparent;
  animation:lv-shimmer 5s ease-in-out infinite;
}
@keyframes lv-shimmer{ 0%{ background-position:100% 0; } 55%,100%{ background-position:-50% 0; } }
.lv .lv-progress{ position:relative; margin-top:24px; height:6px; border-radius:999px; background:rgba(255,255,255,.1); --p:0; }
.lv .progress-fill{ position:absolute; inset:0; border-radius:inherit; transform-origin:left center; transform:scaleX(var(--p)); background:linear-gradient(90deg, #0e8f8d, var(--teal) 55%, #8ff3ee); }
.lv .progress-knob{ position:absolute; top:50%; left:calc(var(--p) * 100%); width:14px; height:14px; margin:-7px 0 0 -7px; border-radius:50%; background:#fff; box-shadow:0 0 0 4px rgba(111,227,223,.22), 0 0 16px rgba(111,227,223,.8); }
.lv .progress-meta{ display:flex; justify-content:space-between; gap:16px; margin-top:12px; font:500 14px/20px var(--font-body); color:var(--text-3); }
.lv .progress-meta b{ color:var(--text); font-weight:600; }
.lv .next{
  border-radius:var(--r-md); padding:16px; background:rgba(255,255,255,.04); box-shadow:inset 0 0 0 1px var(--line);
  display:flex; flex-direction:column; gap:8px; min-width:0;
}
.lv .next-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.lv .next-label{ font:600 12px/16px var(--font-body); letter-spacing:.06em; text-transform:uppercase; color:var(--teal-2); }
.lv .next-time{ font:600 14px/20px var(--font-display); color:var(--text-2); }
.lv .next-title{ font:600 16px/24px var(--font-display); color:var(--text); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.lv .countdown{ display:flex; align-items:baseline; gap:8px; margin-top:auto; padding-top:8px; }
.lv .countdown-pre{ font:500 14px/20px var(--font-body); color:var(--text-3); }
.lv .countdown-val{ font:600 28px/32px var(--font-display); letter-spacing:.01em; }
.lv .then{ padding-top:12px; margin-top:4px; border-top:1px solid var(--line); font:400 14px/20px var(--font-body); color:var(--text-3); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lv .then span{ color:var(--text-2); }
.lv .now-error{ color:var(--text-2); }
@media (min-width:768px){
.lv .now{ margin-top:24px; padding:32px; }
.lv .now-title{ font-size:32px; line-height:40px; min-height:40px; }
.lv .next{ padding:24px; }
}
@media (min-width:960px){
.lv .now{ grid-template-columns:minmax(0,1fr) 304px; gap:32px; align-items:stretch; }
}
@media (min-width:1200px){
.lv .now{ grid-template-columns:minmax(0,1fr) 336px; }
.lv .now-title{ font-size:40px; line-height:48px; }
}
.lv .lv-section{ padding-block:40px; }
@media (min-width:768px){
.lv .lv-section{ padding-block:48px; }
}
.lv .section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-bottom:24px; }
.lv .lv-section-title{ font:700 24px/32px var(--font-display); letter-spacing:-.01em; }
.lv .section-sub{ margin-top:4px; font:400 14px/20px var(--font-body); color:var(--text-3); }
@media (min-width:768px){
.lv .lv-section-title{ font-size:32px; line-height:40px; letter-spacing:-.015em; }
}
.lv .section-tools{ display:flex; align-items:center; gap:16px; }
.lv .more{ display:inline-flex; align-items:center; gap:8px; min-height:44px; font:500 14px/20px var(--font-body); color:var(--text-2); transition:color .2s; }
.lv .more:hover{ color:var(--text); }
.lv .more .lv-icon{ width:16px; height:16px; transition:transform .25s var(--ease-out); }
.lv .more:hover .lv-icon{ transform:translateX(3px); }
.lv .arrows{ display:none; gap:8px; }
@media (min-width:768px){
.lv .arrows{ display:flex; }
}
.lv .arrow{ width:44px; height:44px; display:grid; place-items:center; border-radius:50%; border:0; cursor:pointer; background:var(--surface); box-shadow:inset 0 0 0 1px var(--line); color:var(--text); transition:background .2s, opacity .2s; }
.lv .arrow:hover:not(:disabled){ background:var(--surface-2); }
.lv .arrow:disabled{ opacity:.35; cursor:default; }
.lv .tabs{ position:relative; display:inline-flex; padding:4px; border-radius:999px; background:var(--surface); box-shadow:inset 0 0 0 1px var(--line); }
.lv .tab-pill{ position:absolute; top:4px; bottom:4px; left:0; width:0; border-radius:999px; background:rgba(255,255,255,.12); box-shadow:inset 0 1px 0 rgba(255,255,255,.12); transition:transform .35s var(--ease-out), width .35s var(--ease-out); }
.lv .tabs.no-anim .tab-pill{ transition:none; }
.lv .tab{ position:relative; z-index:1; height:40px; padding:0 16px; border:0; border-radius:999px; background:none; cursor:pointer; font:600 14px/20px var(--font-body); color:var(--text-3); transition:color .2s; }
.lv .tab[aria-selected="true"]{ color:var(--text); }
.lv .tab:hover{ color:var(--text); }
@media (max-width:767px){
.lv .tab{ height:44px; margin-block:-2px; }
}
.lv .tl-scroller{
  position:relative; overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory; scroll-padding-inline:var(--gutter);
  scrollbar-width:none; margin-inline:calc(var(--gutter) * -1);
  -webkit-overflow-scrolling:touch; min-height:224px;
}
.lv .tl-scroller::-webkit-scrollbar{ display:none; }
.lv .tl-scroller.no-snap{ scroll-snap-type:none; }
.lv .tl-scroller:focus-visible{ outline-offset:-2px; }
.lv .tl-inner{ position:relative; width:max-content; padding:40px var(--gutter) 8px; }
.lv .tl-track{ position:relative; z-index:1; display:flex; gap:16px; }
.lv .tl-card{
  position:relative; flex:none; width:min(76vw, 272px); min-height:168px; scroll-snap-align:start;
  border-radius:var(--r-md); isolation:isolate;
  background:linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)), var(--bg-2);
  box-shadow:inset 0 0 0 1px var(--line);
}
.lv .tl-body{ height:100%; padding:16px; display:flex; flex-direction:column; gap:8px; }
.lv .tl-top{ display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:24px; }
.lv .tl-time{ font:600 20px/24px var(--font-display); letter-spacing:.01em; }
.lv .tl-status{ display:inline-flex; align-items:center; gap:8px; font:600 12px/16px var(--font-body); letter-spacing:.06em; text-transform:uppercase; }
.lv .tl-status.is-live{ color:var(--live); }
.lv .tl-status.is-next{ color:var(--teal-2); }
.lv .tl-title{ font:600 16px/24px var(--font-display); overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.lv .tl-meta{ margin-top:auto; display:flex; align-items:center; gap:8px; font:500 12px/16px var(--font-body); color:var(--text-3); }
.lv .tl-bar{ height:4px; border-radius:999px; background:rgba(255,255,255,.1); overflow:hidden; margin-top:8px; }
.lv .tl-bar i{ display:block; height:100%; transform-origin:left; transform:scaleX(var(--p,0)); background:linear-gradient(90deg, var(--teal), #8ff3ee); transition:transform .6s var(--ease-out); }
.lv .tl-card.is-past{ background:linear-gradient(rgba(255,255,255,.02), rgba(255,255,255,.02)), var(--bg); }
.lv .tl-card.is-past .tl-time,.lv .tl-card.is-past .tl-title{ color:var(--text-3); }
.lv .tl-card.is-past .chip{ background:transparent; box-shadow:inset 0 0 0 1px var(--line); color:var(--text-3); }
.lv .tl-card.is-current{
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(21,184,181,.16), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.035)), #0d1422;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 16px 48px -16px rgba(21,184,181,.35);
}
.lv .tl-card.is-current::before{
  content:""; position:absolute; inset:0; border-radius:inherit; padding:1.5px; z-index:-1; pointer-events:none;
  background:conic-gradient(from var(--lv-beam), transparent 0deg, transparent 200deg, rgba(21,184,181,.9) 280deg, #fff 320deg, rgba(255,61,110,.9) 350deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation:lv-beam 4s linear infinite;
}
@keyframes lv-beam{ to{ --lv-beam:360deg; } }
.lv .tl-card.skel{ background:rgba(255,255,255,.03); overflow:hidden; box-shadow:none; }
.lv .tl-card.skel::after{ content:""; position:absolute; inset:0; background:linear-gradient(100deg, transparent 30%, rgba(255,255,255,.05) 50%, transparent 70%); background-size:200% 100%; animation:lv-skel 1.4s linear infinite; }
@keyframes lv-skel{ from{ background-position:150% 0; } to{ background-position:-50% 0; } }
.lv .tl-now{ position:absolute; top:0; bottom:8px; left:0; width:0; z-index:0; pointer-events:none; transition:transform .6s var(--ease-out); }
.lv .tl-now::before{ content:""; position:absolute; top:24px; bottom:0; left:-1px; width:2px; border-radius:2px; background:linear-gradient(180deg, var(--live), rgba(255,61,110,.35) 75%, rgba(255,61,110,0)); box-shadow:0 0 12px rgba(255,61,110,.55); }
.lv .tl-now-label{ position:absolute; top:0; left:0; transform:translateX(-50%); padding:4px 8px; border-radius:999px; background:var(--crimson); color:#fff; font:600 12px/16px var(--font-body); white-space:nowrap; box-shadow:0 4px 16px rgba(167,4,55,.5); }
@media (min-width:768px){
.lv .tl-scroller{ margin-inline:0; scroll-padding-inline:48px; min-height:232px;
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 56px), transparent 100%);
    mask-image:linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 56px), transparent 100%); }
.lv .tl-inner{ padding-inline:48px 56px; }
.lv .tl-card{ width:256px; min-height:176px; }
.lv .tl-body{ padding:16px 16px 16px; }
}
.lv .rail{
  display:flex; gap:16px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none;
  margin-inline:calc(var(--gutter) * -1); padding:16px var(--gutter) 24px; scroll-padding-inline:var(--gutter);
  margin-block:-16px -24px; overscroll-behavior-x:contain;
}
.lv .rail::-webkit-scrollbar{ display:none; }
.lv .serial{ flex:none; width:clamp(152px, 42vw, 216px); scroll-snap-align:start; perspective:900px; }
.lv .serial-link{ display:block; border-radius:var(--r-md); }
.lv .poster{
  position:relative; aspect-ratio:1200/1632; border-radius:var(--r-md); overflow:hidden; background:#0e1424;
  box-shadow:0 0 0 1px rgba(255,255,255,.07), 0 16px 40px -16px rgba(0,0,0,.8);
  transform-style:preserve-3d; transition:transform .5s var(--ease-out), box-shadow .3s; will-change:transform;
  --mx:50%; --my:50%;
}
.lv .poster img{ width:100%; height:100%; object-fit:cover; }
.lv .poster::after{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:0; transition:opacity .3s;
  background:radial-gradient(260px circle at var(--mx) var(--my), rgba(255,255,255,.22), transparent 55%);
  mix-blend-mode:soft-light;
}
.lv .poster::before{
  content:""; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit; opacity:0; transition:opacity .3s;
  background:radial-gradient(200px circle at var(--mx) var(--my), rgba(111,227,223,.7), transparent 60%);
  padding:1px; -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.lv .serial-title{ margin-top:12px; font:600 16px/24px var(--font-display); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lv .serial-meta{ margin-top:4px; display:flex; align-items:center; gap:8px; min-height:20px; font:500 14px/20px var(--font-body); color:var(--text-3); }
.lv .serial-meta.is-live{ color:var(--live); }
.lv .serial-meta.is-soon{ color:var(--teal-2); }
@media (hover:hover) and (pointer:fine){
.lv .serial-link:hover .poster{ box-shadow:0 0 0 1px rgba(255,255,255,.14), 0 32px 64px -20px rgba(0,0,0,.9); }
.lv .serial-link:hover .poster::after,.lv .serial-link:hover .poster::before{ opacity:1; }
.lv .serial-link.is-tilting .poster{ transition:transform .12s linear, box-shadow .3s; }
}
.lv .news-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
.lv .news-card{ display:grid; grid-template-columns:120px minmax(0,1fr); gap:16px; align-items:start; border-radius:var(--r-md); }
.lv .news-img{ position:relative; aspect-ratio:430/240; border-radius:12px; overflow:hidden; background:#0e1424; box-shadow:0 0 0 1px var(--line); }
.lv .news-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease-out), filter .3s; }
.lv .news-card:hover .news-img img{ transform:scale(1.05); filter:brightness(1.08); }
.lv .news-title{ font:500 15px/22px var(--font-body); color:#e7ebf3; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition:color .2s; }
.lv .news-card:hover .news-title{ color:#fff; }
.lv .news-meta{ display:flex; align-items:center; gap:12px; margin-top:8px; font:500 12px/16px var(--font-body); color:var(--text-3); }
.lv .news-meta .lv-icon{ width:14px; height:14px; }
.lv .views{ display:inline-flex; align-items:center; gap:4px; }
.lv .urgent{ display:inline-flex; align-items:center; height:20px; padding:0 8px; border-radius:4px; background:var(--crimson); color:#fff; font:700 11px/16px var(--font-body); letter-spacing:.06em; text-transform:uppercase; }
.lv .news-card.is-featured{ grid-template-columns:1fr; gap:0; position:relative; overflow:hidden; box-shadow:0 0 0 1px var(--line); }
.lv .news-card.is-featured .news-img{ aspect-ratio:16/10; border-radius:0; box-shadow:none; }
.lv .news-card.is-featured .news-body{ position:absolute; left:0; right:0; bottom:0; padding:48px 16px 16px; background:linear-gradient(180deg, transparent, rgba(5,8,14,.82) 40%, rgba(5,8,14,.95)); }
.lv .news-card.is-featured .news-title{ font:600 20px/28px var(--font-display); color:#fff; }
.lv .news-card.is-featured .news-meta{ color:var(--text-2); }
@media (min-width:640px){
.lv .news-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:32px 24px; }
.lv .news-card{ grid-template-columns:1fr; gap:0; }
.lv .news-card .news-body{ padding-top:16px; }
.lv .news-img{ border-radius:var(--r-md); }
.lv .news-title{ font-size:16px; line-height:24px; }
.lv .news-card.is-featured{ grid-column:span 2; }
.lv .news-card.is-featured .news-body{ padding:64px 24px 24px; }
.lv .news-card.is-featured .news-title{ font-size:24px; line-height:32px; }
.lv .news-grid > .news-card:nth-child(12){ display:none; }
}
@media (min-width:960px){
.lv .news-grid{ grid-template-columns:repeat(3, minmax(0,1fr)); }
.lv .news-grid > .news-card:nth-child(12){ display:grid; }
.lv .news-card.is-featured{ grid-row:span 2; display:flex; flex-direction:column; }
.lv .news-card.is-featured .news-img{ aspect-ratio:auto; flex:1; min-height:360px; }
.lv .news-card.is-featured .news-body{ padding:96px 32px 32px; }
.lv .news-card.is-featured .news-title{ font-size:32px; line-height:40px; -webkit-line-clamp:3; }
}
.lv .minibar{
  position:fixed; left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom)); z-index:50;
  transform:translateY(calc(100% + 32px)); opacity:0; visibility:hidden;
  transition:transform .4s var(--ease-out), opacity .3s, visibility 0s .4s;
}
.lv .minibar.is-up{ transform:none; opacity:1; visibility:visible; transition:transform .4s var(--ease-out), opacity .3s; }
.lv .minibar-btn{
  width:100%; display:flex; align-items:center; gap:12px; padding:8px 8px 8px 8px; border:0; cursor:pointer; text-align:left;
  border-radius:var(--r-md); background:rgba(14,19,32,.82); backdrop-filter:blur(20px) saturate(160%); -webkit-backdrop-filter:blur(20px) saturate(160%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), 0 16px 40px rgba(0,0,0,.6);
}
.lv .mini-thumb{ position:relative; width:80px; aspect-ratio:16/9; border-radius:8px; overflow:hidden; flex:none; background:#05070c; }
.lv .mini-thumb img{ width:100%; height:100%; object-fit:cover; }
.lv .mini-thumb .live-dot{ position:absolute; left:6px; top:6px; }
.lv .mini-text{ min-width:0; flex:1; display:flex; flex-direction:column; }
.lv .mini-eyebrow{ font:600 11px/16px var(--font-body); letter-spacing:.06em; text-transform:uppercase; color:var(--live); }
.lv .mini-eyebrow.is-night{ color:var(--teal-2); }
.lv .mini-title{ font:600 14px/20px var(--font-display); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lv .mini-play{ width:44px; height:44px; flex:none; border-radius:50%; display:grid; place-items:center; background:#fff; color:#070a12; }
.lv .mini-play svg{ width:18px; height:18px; margin-left:2px; fill:currentColor; stroke:none; }
@media (min-width:768px){
.lv .minibar{ display:none; }
}
.motion-ready .lv .reveal{ opacity:0; }
@media (prefers-reduced-motion: reduce){
.lv *,.lv *::before,.lv *::after{ animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; scroll-behavior:auto!important; }
.lv .shimmer{ animation:none; background:none; color:#fff; }
.lv .tl-card.is-current::before{ animation:none; --lv-beam:200deg; }
.lv .play-core::before,.lv .play-core::after,.lv .live-dot::after{ display:none; }
.motion-ready .lv .reveal{ opacity:1; }
}
.lv .lv-noscript{ display:grid; gap:8px; margin-top:16px; color:var(--text-2); }
.lv .lv-noscript b{ color:var(--text); margin-right:8px; font-variant-numeric:tabular-nums; }