/* VYREON v5 design layer — one palette from the logo (purple #7c3aed -> pink #ec4899),
   one card style, chips, bottom nav. Loaded last on every page. The movie player
   (.player-section and everything inside it) is intentionally not styled here. */
:root{
  --v5-bg:#0b0b14;--v5-bg2:#0e0e17;--v5-card:#14141e;--v5-card2:#1b1b28;--v5-card3:#1e1e2b;
  --v5-line:#23233a;--v5-line2:#2b2b3a;--v5-text:#ececf3;--v5-text2:#cfcfdb;--v5-muted:#8f8fa3;--v5-dim:#6b6b7b;
  --v5-a1:#7c3aed;--v5-a2:#ec4899;--v5-grad:linear-gradient(90deg,#7c3aed,#ec4899);--v5-grad2:linear-gradient(135deg,#7c3aed,#ec4899);
  --v5-link:#c4b5fd;--v5-ok:#22c55e;--v5-off:#6b6b7b;--v5-r:16px;--v5-r2:12px;--v5-gap:12px;--v5-pad:18px;
  --v5-ease:cubic-bezier(.2,.8,.2,1);--v5-shadow:0 10px 30px rgba(0,0,0,.35);
  --bg:var(--v5-bg);--surface:var(--v5-card);--surface-hover:var(--v5-card2);--accent:#7c3aed;--accent-hover:#8b5cf6;--text:var(--v5-text);--text-muted:var(--v5-muted);--border:rgba(255,255,255,.07);--radius:16px;
  --vy-bg:var(--v5-bg);--vy-surface:var(--v5-card);--vy-surface2:var(--v5-card2);--vy-emerald:#c4b5fd;--vy-gold:#f472b6;--vy-text:var(--v5-text);--vy-muted:var(--v5-muted);--vy-border:rgba(255,255,255,.07);--vy-radius:16px
}
html[data-vy-theme=light]{
  --v5-bg:#f6f5fb;--v5-bg2:#ffffff;--v5-card:#ffffff;--v5-card2:#f1effa;--v5-card3:#ebe8f6;--v5-line:#e4e1f0;--v5-line2:#dcd8ec;
  --v5-text:#16141f;--v5-text2:#2c2a3a;--v5-muted:#63607a;--v5-dim:#9a97ad;--v5-link:#6d28d9;--v5-shadow:0 8px 24px rgba(40,20,90,.08);
  --text:var(--v5-text);--text-muted:var(--v5-muted);--border:rgba(30,20,60,.1);--vy-text:var(--v5-text);--vy-muted:var(--v5-muted);--vy-border:rgba(30,20,60,.1);--vy-emerald:#6d28d9
}
html{background:var(--v5-bg)!important;-webkit-tap-highlight-color:transparent}
body{background:var(--v5-bg)!important;color:var(--v5-text)!important;font-family:Inter,'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif!important;-webkit-font-smoothing:antialiased}
body::before{background:radial-gradient(circle at 85% -5%,rgba(236,72,153,.08),transparent 38%),radial-gradient(circle at 0 20%,rgba(124,58,237,.08),transparent 40%)!important;animation:none!important;opacity:1}
html[data-vy-theme=light] body::before{opacity:.6}
::selection{background:rgba(124,58,237,.35)}
:focus-visible{outline:2px solid #a78bfa!important;outline-offset:2px}
a{color:var(--v5-link)}
.vy-signature strong{color:#f472b6}

/* ------------------------------------------------------------ top bar */
.vy-global-header,body>header{height:60px!important;padding:0 var(--v5-pad)!important;background:rgba(11,11,20,.88)!important;border-bottom:1px solid var(--v5-line)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5000}
html[data-vy-theme=light] .vy-global-header,html[data-vy-theme=light] body>header{background:rgba(255,255,255,.92)!important}
.vy-global-brand,.nav-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--v5-text)!important}
.vy-brand-mark,.brand-mark{width:28px!important;height:28px!important;display:inline-flex}
.vy-brand-mark img,.brand-mark img{width:100%;height:100%}
.vy-brand-word,.brand-logo{font-size:18px!important;font-weight:800!important;letter-spacing:.06em!important;color:var(--v5-text)!important}
.vy-brand-word>span,.brand-logo span{color:inherit!important}
.vy-desktop-nav{display:flex;gap:4px;align-items:center}
.vy-desktop-nav a,.vy-desktop-nav button{color:var(--v5-muted)!important;background:transparent!important;border:0;font:inherit;font-size:14px!important;font-weight:600!important;padding:8px 12px!important;border-radius:999px!important;text-decoration:none;cursor:pointer}
.vy-desktop-nav a:hover,.vy-desktop-nav button:hover{color:var(--v5-text)!important;background:var(--v5-card)!important}
.vy-desktop-nav a.active{color:#fff!important;background:var(--v5-grad)!important}
.vy-settings-btn,.vy-search-btn,.v5-search-btn{width:38px!important;height:38px!important;border-radius:50%!important;background:var(--v5-card)!important;border:1px solid var(--v5-line)!important;color:var(--v5-text2)!important;display:grid!important;place-items:center;padding:0!important;box-shadow:none!important}
.vy-settings-btn svg,.v5-search-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
#vySettingsBtn{display:none!important}

/* index header */
body>header .nav-controls{gap:8px}
#btnThemeToggle,#themeDropdown,#btnLucky,#btnCalendar,.vyreon-ribbon,#visionMasthead,.vision-masthead,#mobileFilterTrigger,.mobile-filter-trigger,.home-category-strip,.home-preview{display:none!important}
body>header .btn-nav{background:transparent!important;border:0!important;color:var(--v5-muted)!important;font-size:14px!important;font-weight:600!important;border-radius:999px!important;box-shadow:none!important;padding:8px 12px!important}
body>header .btn-nav:hover,body>header .btn-nav.active{color:var(--v5-text)!important;background:var(--v5-card)!important}
body>header .btn-nav.v5-search-btn{background:var(--v5-card)!important;border:1px solid var(--v5-line)!important;padding:0!important;color:var(--v5-text2)!important}
body>header:not(.vy-global-header) #vySearchBtn{display:none!important}
.nav-badge{background:var(--v5-grad)!important;border-color:var(--v5-bg)!important}
.search-box input{background:var(--v5-card)!important;border:1px solid var(--v5-line)!important;border-radius:999px!important;color:var(--v5-text)!important;width:200px!important}
.search-box input:focus{border-color:#a78bfa!important;box-shadow:0 0 0 3px rgba(124,58,237,.18)!important;width:240px!important}
@media(max-width:900px){
  .vy-desktop-nav{display:none!important}
  body>header{height:56px!important;padding:0 16px!important}
  body>header .search-box,body>header #btnLiveTV,body>header #btnRadio,body>header #btnWatchlist,body>header .v5-desk-menu{display:none!important}
  .vy-global-header{height:56px!important;padding:0 16px!important}
}
@media(min-width:901px){body>header .v5-search-btn{display:none!important}}

/* ------------------------------------------------------------ chips */
.v5-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:2px 0}
.v5-chips::-webkit-scrollbar{display:none}
.v5-chip,.vy-chip,.genre-pill,.cat-pill{flex:none;scroll-snap-align:start;padding:8px 15px!important;border-radius:999px!important;background:var(--v5-card)!important;color:var(--v5-text2)!important;border:1px solid transparent!important;font:inherit;font-size:13.5px!important;font-weight:600!important;line-height:1.2;white-space:nowrap;cursor:pointer;transition:transform .15s var(--v5-ease),background .2s,color .2s;box-shadow:none!important}
.v5-chip:hover,.vy-chip:hover{background:var(--v5-card2)!important;color:var(--v5-text)!important}
.v5-chip.on,.vy-chip.active,.genre-pill.active,.cat-pill.active{background:var(--v5-grad)!important;color:#fff!important}
.v5-chip:active,.vy-chip:active{transform:scale(.95)}
html[data-vy-theme=light] .v5-chip,html[data-vy-theme=light] .vy-chip{background:var(--v5-card2)!important;color:var(--v5-text2)!important}
html[data-vy-theme=light] .v5-chip.on,html[data-vy-theme=light] .vy-chip.active{background:var(--v5-grad)!important;color:#fff!important}
#v5HomeChips.v5-home-chips{padding:12px var(--v5-pad) 4px!important;max-width:1400px;margin:0 auto!important;box-sizing:border-box;scroll-padding:0 var(--v5-pad)}
body.v5-nochips .v5-home-chips{display:none!important}

/* ------------------------------------------------------------ featured banner */
.hero.v5-hero{position:relative;height:auto!important;min-height:0!important;aspect-ratio:16/10;max-height:440px;margin:12px var(--v5-pad) 8px!important;border-radius:20px!important;border:0!important;box-shadow:none!important;padding:18px!important;display:flex;align-items:flex-end;overflow:hidden;background-color:#1a1030!important;background-image:radial-gradient(circle at 70% 30%,#ec4899 0,transparent 45%),radial-gradient(circle at 20% 80%,#7c3aed 0,transparent 50%);background-size:cover!important;background-position:center 22%!important;transition:opacity .3s var(--v5-ease)}
.v5-hero .hero-overlay{background:linear-gradient(0deg,rgba(11,11,20,.96) 0%,rgba(11,11,20,.55) 45%,rgba(11,11,20,.08) 100%)!important}
.v5-hero .signature-hero-ring{display:none!important}
.hero.v5-hero::after,.hero.v5-hero::before{content:none!important;display:none!important}
.v5-hero .hero-content{max-width:560px;transition:opacity .26s var(--v5-ease),transform .26s var(--v5-ease)}
.v5-hero.v5-fading .hero-content{opacity:0;transform:translateY(6px)}
.v5-kicker{font-size:12.5px;color:#d6cfe6;font-weight:600;margin-bottom:4px}
.v5-hero .hero-title{font-family:inherit!important;font-size:clamp(22px,6vw,40px)!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.01em!important;margin:0 0 6px!important;color:#fff!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.v5-hero-meta{gap:0!important;margin:0 0 12px!important}
.v5-hero-meta .tag{background:none!important;border:0!important;outline:0!important;box-shadow:none!important;text-transform:none!important;letter-spacing:0!important;backdrop-filter:none!important;padding:0!important;color:#d6cfe6!important;font-size:12.5px!important;font-weight:500!important;border-radius:0!important}
.v5-hero-meta .tag:not([hidden])~.tag:not([hidden])::before{content:"·";margin:0 6px;color:#a49bb8}
.v5-hero .hero-desc{display:none!important}
.v5-hero .hero-actions{display:flex;gap:8px}
.v5-hero .btn-primary,.v5-hero .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px!important;border-radius:999px!important;font-size:14px!important;font-weight:700!important;border:0!important;box-shadow:none!important;cursor:pointer}
.v5-hero .btn-primary{background:#fff!important;color:#111!important}
.v5-hero .btn-primary svg{width:15px;height:15px;fill:currentColor}
.v5-hero .btn-secondary{background:rgba(255,255,255,.14)!important;color:#fff!important;backdrop-filter:blur(6px)}
.v5-hero .hero-dots{position:absolute;right:16px;bottom:20px;display:flex;gap:6px;z-index:3}
.v5-hero .hero-dot{width:7px!important;height:7px!important;border-radius:999px!important;background:rgba(255,255,255,.38)!important;border:0;padding:0;cursor:pointer;transition:width .25s var(--v5-ease),background .25s}
.v5-hero .hero-dot.active{width:20px!important;background:var(--v5-grad)!important}
.v5-hero.v5-loading .hero-content{opacity:.0}
@media(min-width:901px){.hero.v5-hero{aspect-ratio:auto;height:420px!important;padding:32px!important;margin:16px auto 8px!important;max-width:calc(1400px - 36px)}.v5-hero .hero-desc{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#d6cfe6!important;font-size:14px!important;margin:0 0 14px!important;max-width:520px}}

/* ------------------------------------------------------------ section rows */
.catalog-container{max-width:1400px;margin:0 auto;padding:0 0 8px!important;min-height:0!important}
.section-row{margin:0!important;padding:16px 0 4px!important;opacity:1!important;transform:none!important}
.section-header,.v5-sec-head{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:12px;padding:0 var(--v5-pad)!important;margin:0 0 10px!important}
.section-title,.v5-sec-head h2{font-family:inherit!important;font-size:17px!important;font-weight:800!important;letter-spacing:0!important;color:var(--v5-text)!important;margin:0!important}
.section-title::after{display:none!important}
.vy-section-kicker{display:none!important}
.section-see-all{background:none!important;border:0!important;color:var(--v5-muted)!important;font:inherit;font-size:13px!important;font-weight:600!important;padding:4px 0!important;cursor:pointer;display:inline-flex;align-items:center;gap:2px}
.section-see-all svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.section-see-all:hover{color:var(--v5-text)!important}
.v5-count{font-size:12.5px;color:var(--v5-muted)}
.horizontal-scroll,.v5-rail{display:flex!important;align-items:flex-start!important;gap:var(--v5-gap)!important;overflow-x:auto!important;overflow-y:hidden;padding:0 var(--v5-pad) 8px!important;scroll-snap-type:x proximity;scroll-padding:0 var(--v5-pad);scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.horizontal-scroll::-webkit-scrollbar,.v5-rail::-webkit-scrollbar{display:none}
.search-grid-active .horizontal-scroll{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:14px var(--v5-gap)!important}

/* ------------------------------------------------------------ poster card (movies) */
.card.v5-poster,#catalogContainer .card,.see-all-grid .card{flex:none;width:112px!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;scroll-snap-align:start;cursor:pointer;transition:transform .15s var(--v5-ease)!important;transform:none}
.search-grid-active .card,.see-all-grid .card{width:auto!important}
#catalogContainer .card:hover{transform:translateY(-2px)!important}
#catalogContainer .card:active,.see-all-grid .card:active{transform:scale(.97)!important}
#catalogContainer .card-poster,.see-all-grid .card-poster{position:relative;aspect-ratio:2/3;height:auto!important;border-radius:14px!important;overflow:hidden;background:var(--v5-card)!important;border:0!important}
#catalogContainer .card-poster img,.see-all-grid .card-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .3s}
#catalogContainer .card-poster::after,.see-all-grid .card-poster::after{display:none!important}
.card-rating,.v5-rate{position:absolute;left:6px;bottom:6px;top:auto!important;right:auto!important;font-size:10.5px!important;font-weight:700!important;padding:3px 6px!important;border-radius:7px!important;background:rgba(11,11,20,.78)!important;color:#fff!important;border:0!important;backdrop-filter:none!important;line-height:1.1}
.card-save-btn{position:absolute!important;top:6px!important;right:6px!important;left:auto!important;width:28px!important;height:28px!important;border-radius:50%!important;background:rgba(11,11,20,.62)!important;border:0!important;display:grid!important;place-items:center;padding:0!important;opacity:1!important;cursor:pointer}
.card-save-btn svg{width:14px!important;height:14px!important;fill:none!important;stroke:#fff!important;stroke-width:2!important}
.card-save-btn.saved{background:var(--v5-grad)!important}
.card-save-btn.saved svg{fill:#fff!important}
#catalogContainer .card-details,.see-all-grid .card-details{padding:7px 2px 0!important;background:none!important}
#catalogContainer .card-title,.see-all-grid .card-title{font-size:12.5px!important;font-weight:600!important;color:var(--v5-text2)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
#catalogContainer .card-meta,.see-all-grid .card-meta{font-size:11.5px!important;color:var(--v5-muted)!important;margin-top:2px!important;display:flex!important;gap:6px;justify-content:flex-start!important}
#catalogContainer .card-meta span[style],.see-all-grid .card-meta span[style]{color:var(--v5-muted)!important;font-weight:500!important}
.card-progress{position:absolute;left:8px;right:8px;bottom:8px;height:4px;border-radius:4px;background:rgba(255,255,255,.25)!important;overflow:hidden}
.card-progress-bar{height:100%;background:var(--v5-grad)!important;border-radius:4px}
.top-10-wrapper{display:contents}.top-10-num{display:none!important}
@media(min-width:768px){.card.v5-poster,#catalogContainer .card{width:150px!important}.search-grid-active .horizontal-scroll{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important}}
.search-grid-active .card{width:auto!important}
.hero.v5-hero[style*="display: none"],.hero.v5-hero[style*="display:none"]{display:none!important}

/* ------------------------------------------------------------ channel tile (home rows) */
.v5-ch{flex:none;width:132px;scroll-snap-align:start;position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:var(--v5-card);border:0;border-radius:var(--v5-r);padding:10px;color:var(--v5-text);font:inherit;cursor:pointer;transition:transform .15s var(--v5-ease),background .2s}
.v5-ch:active{transform:scale(.96)}
.v5-ch:hover{background:var(--v5-card2)}
.v5-ch-logo{height:64px;border-radius:var(--v5-r2);background:var(--v5-card3);display:grid;place-items:center;overflow:hidden;position:relative}
.v5-ch-logo img{max-width:70%;max-height:70%;object-fit:contain;position:relative;z-index:1}
.v5-ch-logo em{font-style:normal;font-weight:800;font-size:15px;color:var(--v5-text2);position:absolute}
.v5-ch-logo img+em{display:none}
.v5-ch-radio .v5-ch-logo{width:64px;height:64px;border-radius:50%;margin:0 auto}
.v5-ch b{display:block;font-size:13px;font-weight:700;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-ch small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--v5-muted);margin-top:3px;white-space:nowrap;overflow:hidden}
.v5-ch .v5-live{top:16px;left:16px}
.v5-ch.vy-skel .v5-ch-logo{background:var(--v5-card2)}

/* ------------------------------------------------------------ LIVE badge + status dot */
.v5-live{position:absolute;top:18px;left:18px;z-index:2;font-size:10px;font-weight:800;letter-spacing:.03em;padding:3px 7px;border-radius:6px;background:var(--v5-grad);color:#fff;line-height:1.2;pointer-events:none}
.v5-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--v5-dim);opacity:.55;display:inline-block}
.v5-dot.on{background:var(--v5-ok);opacity:1;box-shadow:0 0 0 3px rgba(34,197,94,.14)}
.v5-dot.off{background:var(--v5-off);opacity:1}

/* ------------------------------------------------------------ TV / Radio pages */
.v5-page{width:100%;max-width:1200px;margin:0 auto!important;padding:6px 0 24px!important}
.v5-title{font-family:inherit!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.01em!important;margin:10px var(--v5-pad) 12px!important;color:var(--v5-text)!important}
.v5-filters{display:flex;align-items:center;gap:8px;padding:0 0 0 var(--v5-pad);position:sticky;top:56px;z-index:40;background:linear-gradient(var(--v5-bg) 82%,transparent);padding-top:6px;padding-bottom:10px}
.v5-filters .v5-chips{flex:1;min-width:0;padding-right:var(--v5-pad)}
.v5-country{flex:none;display:inline-flex;align-items:center;gap:6px;max-width:46%;padding:7px 12px 7px 10px;border-radius:999px;background:var(--v5-bg2);border:1px solid var(--v5-line2);color:var(--v5-text);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:transform .15s var(--v5-ease)}
.v5-country:active{transform:scale(.96)}
.v5-country span:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-country svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;opacity:.75}
.v5-flag{font-size:15px;line-height:1}
.v5-sub{padding:0 var(--v5-pad) 10px}
.v5-sub .v5-chip{font-size:12.5px!important;padding:6px 12px!important}
.v5-search{position:relative;margin:4px var(--v5-pad) 4px}
.v5-search svg{position:absolute;left:14px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:var(--v5-muted);stroke-width:2;pointer-events:none}
.v5-search .search{width:100%;height:44px;border-radius:999px!important;background:var(--v5-card)!important;border:1px solid transparent!important;color:var(--v5-text)!important;padding:0 16px 0 40px!important;font:inherit;font-size:14px;outline:none;box-shadow:none!important}
.v5-search .search:focus{border-color:#a78bfa!important}
.v5-page .section{margin:18px 0 0!important;padding:0!important;background:none!important;border:0!important}
.v5-page .section[hidden]{display:none!important}
.v5-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--v5-gap)!important;padding:0 var(--v5-pad)}
@media(min-width:620px){.v5-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:900px){.v5-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}}
.v5-list>*,.v5-grid>*{min-width:0}
[hidden]{display:none!important}
.v5-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;padding:0 var(--v5-pad)}
@media(min-width:760px){.v5-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1100px){.v5-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* shared channel card */
.card.v5-card{position:relative;display:block!important;min-height:0!important;background:var(--v5-card)!important;border:0!important;border-radius:var(--v5-r)!important;padding:12px!important;text-align:left!important;box-shadow:none!important;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 168px;transition:transform .15s var(--v5-ease),background .2s!important}
.card.v5-card:hover{background:var(--v5-card2)!important}
.card.v5-card:active{transform:scale(.97)}
.v5-card .logo.v5-logo{width:100%!important;height:74px!important;border-radius:var(--v5-r2)!important;background:var(--v5-card3)!important;border:0!important;display:grid!important;place-items:center;overflow:hidden;font-weight:800;font-size:15px;color:var(--v5-text2)!important}
.v5-card .logo.v5-logo img{width:auto!important;height:auto!important;max-width:62%!important;max-height:62%!important;object-fit:contain!important}
.v5-card .name{font-size:13.5px!important;font-weight:700!important;color:var(--v5-text)!important;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none!important}
.v5-card .meta,.v5-row .meta{display:flex!important;align-items:center;gap:6px;font-size:11.5px!important;color:var(--v5-muted)!important;margin-top:3px;text-transform:none!important;letter-spacing:0!important;min-width:0}
.v5-card .meta span,.v5-row .meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-card .fav{position:absolute!important;top:18px!important;right:18px!important;left:auto!important;width:28px!important;height:28px!important;border-radius:50%!important;border:0!important;background:rgba(11,11,20,.55)!important;color:#fff!important;display:grid!important;place-items:center;padding:0!important;z-index:2}
html[data-vy-theme=light] .v5-card .fav{background:rgba(255,255,255,.9)!important;color:var(--v5-text)!important}
.v5-card .fav.saved,.v5-row .fav.saved{background:var(--v5-grad)!important;color:#fff!important}
.v5-card .fav.saved svg,.v5-row .fav.saved svg{fill:currentColor}
.v5-grid>.card::after,.v5-list>.card::after{width:14px!important;height:14px!important;right:10px!important;bottom:12px!important;opacity:.35!important}
.vy-badge-off{display:none!important}

/* radio row */
.card.v5-row{position:relative;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-height:0!important;background:var(--v5-card)!important;border:0!important;border-radius:var(--v5-r)!important;padding:10px!important;text-align:left!important;box-shadow:none!important;cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto 70px;transition:transform .15s var(--v5-ease),background .2s!important}
.card.v5-row:hover{background:var(--v5-card2)!important}
.card.v5-row:active{transform:scale(.98)}
.v5-row .logo.v5-av{flex:none;width:50px!important;height:50px!important;border-radius:50%!important;background:var(--v5-card3)!important;border:0!important;display:grid!important;place-items:center;overflow:hidden;font-weight:800;font-size:12px!important;color:var(--v5-text2)!important}
.v5-row .logo.v5-av img{width:100%!important;height:100%!important;object-fit:cover!important}
.v5-rinfo{flex:1;min-width:0}
.v5-row .name{font-size:14px!important;font-weight:700!important;color:var(--v5-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none!important}
.v5-row .fav{position:static!important;flex:none;width:32px!important;height:32px!important;border-radius:50%!important;border:0!important;background:transparent!important;color:var(--v5-muted)!important;display:grid!important;place-items:center;padding:0!important}
.v5-play{flex:none;width:36px;height:36px;border-radius:50%;background:var(--v5-card3);display:grid;place-items:center;color:#ec4899}
.v5-play svg{width:15px;height:15px;fill:currentColor;margin-left:2px}
.v5-row.playing{box-shadow:inset 0 0 0 1.5px rgba(167,139,250,.55)!important}
.v5-row.playing .v5-play{background:var(--v5-grad2);color:#fff}
.v5-list>.card.v5-row::after{display:none!important}

/* skeletons */
.vy-skel{pointer-events:none}
.vy-skel .logo,.vy-skel .v5-pimg,.vy-skel .v5-ch-logo,.vy-skel-line{background:linear-gradient(90deg,var(--v5-card2) 0%,var(--v5-card3) 50%,var(--v5-card2) 100%)!important;background-size:200% 100%!important;animation:v5shimmer 1.3s linear infinite!important;border:0!important}
.vy-skel-line{display:block;height:10px;border-radius:6px;margin-top:10px;width:78%}
.vy-skel-line.short{width:48%;margin-top:7px}
.v5-poster.vy-skel{flex:none;width:112px}
.v5-poster.vy-skel .v5-pimg{aspect-ratio:2/3;border-radius:14px}
@media(min-width:768px){.v5-poster.vy-skel{width:150px}}
@keyframes v5shimmer{to{background-position:-200% 0}}
html.vy-lowend .vy-skel *,html.vy-lowend .vy-skel-line{animation:none!important}

/* empty / buttons */
.v5-empty,.empty.v5-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:30px 16px;color:var(--v5-muted);font-size:13.5px;background:var(--v5-card);border-radius:var(--v5-r);width:100%}
.v5-rail .v5-empty{min-width:calc(100vw - 36px);max-width:600px}
.v5-empty b{color:var(--v5-text);font-size:14.5px}
.v5-btn,.vy-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:999px!important;border:0!important;background:var(--v5-grad)!important;color:#fff!important;font:inherit;font-weight:700;font-size:13.5px;cursor:pointer;margin-top:6px}
.vy-btn.alt{background:var(--v5-card2)!important;color:var(--v5-text)!important}

/* ------------------------------------------------------------ TV / radio player on page */
.v5-page .player{display:none;margin:4px var(--v5-pad) 14px!important;background:var(--v5-card)!important;border:0!important;border-radius:var(--v5-r)!important;overflow:hidden;box-shadow:var(--v5-shadow)!important}
.v5-page .player.active{display:block;animation:v5in .28s var(--v5-ease)}
.v5-page .player .ph{display:flex;align-items:center;gap:12px;padding:12px 14px!important;background:transparent!important}
.v5-page .player .ph>div{flex:1;min-width:0}
.v5-page .player .pt{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v5-page .player .ps{font-size:12px;color:var(--v5-muted);margin-top:2px}
.v5-page .player .close{background:var(--v5-card3)!important;color:var(--v5-text)!important;border:0!important;border-radius:999px!important;padding:7px 14px!important;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.v5-page .player .media{aspect-ratio:16/9;display:grid;place-items:center;background:#000}
.v5-page .player .media video{width:100%;height:100%}
.v5-radio-player .media{aspect-ratio:auto!important;background:transparent!important;padding:0 14px 12px}
.v5-radio-player .media audio{width:100%}
.v5-np-art{flex:none;width:44px;height:44px;border-radius:12px;background:var(--v5-grad2)}

/* ------------------------------------------------------------ bottom nav */
.v5-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;display:none;grid-template-columns:repeat(5,minmax(0,1fr))!important;height:calc(64px + env(safe-area-inset-bottom))!important;padding:0 4px env(safe-area-inset-bottom)!important;background:rgba(14,14,23,.96)!important;border-top:1px solid var(--v5-line)!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-vy-theme=light] .v5-nav{background:rgba(255,255,255,.97)!important}
.v5-nav>a,.v5-nav>button{position:relative;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:100%;padding:0!important;margin:0!important;background:none!important;border:0!important;color:#77778a!important;font:inherit;font-size:11px!important;font-weight:600!important;text-decoration:none;cursor:pointer;transition:color .2s;overflow:visible!important;box-shadow:none!important}
.v5-nav>a>span:first-child,.v5-nav>button>span:first-child{width:22px;height:22px;display:grid;place-items:center;transition:transform .15s var(--v5-ease)}
.v5-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.v5-nav>a>span:last-child,.v5-nav>button>span:last-child{display:block!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.v5-nav>.active{color:var(--v5-text)!important;font-weight:700!important}
.v5-nav>.active::before{content:"";position:absolute;top:0;left:50%;width:22px;height:3px;margin-left:-11px;border-radius:0 0 3px 3px;background:var(--v5-grad)}
.v5-nav>a:active>span:first-child,.v5-nav>button:active>span:first-child{transform:scale(.88)}
@media(max-width:900px){
  .v5-nav,#mobileNav.mobile-nav.v5-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;height:calc(64px + env(safe-area-inset-bottom))!important;padding:0 4px env(safe-area-inset-bottom)!important;border-radius:0!important}
  #mobileNav.mobile-nav.v5-nav>button{padding:0!important}
  #mobileNav.mobile-nav.v5-nav>button>span:last-child{font-size:11px!important;text-overflow:ellipsis}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
  html.vy-has-mini body{padding-bottom:calc(150px + env(safe-area-inset-bottom))!important}
}
@media(min-width:901px){.v5-nav,#mobileNav.v5-nav{display:none!important}}

/* ------------------------------------------------------------ footer */
.v5-footer{max-width:1200px;margin:28px auto 0;padding:22px var(--v5-pad) 26px;border-top:1px solid var(--v5-line);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.v5-footer-brand{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:.06em;font-size:14px;color:var(--v5-text)}
.v5-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
.v5-footer-links a{color:var(--v5-muted)!important;text-decoration:none;font-size:13px;font-weight:500;padding:4px 0}
.v5-footer-links a:hover{color:var(--v5-text)!important}
.v5-footer-note{margin:0;color:var(--v5-dim);font-size:11.5px}
.vyreon-footer,.vy-global-footer{display:none!important}
@media(max-width:900px){.v5-footer{padding-bottom:20px}}

/* ------------------------------------------------------------ sheets, menu, country picker */
.vy-sheet-wrap{background:rgba(5,5,10,.6)!important;backdrop-filter:blur(4px)}
.vy-sheet{background:var(--v5-bg2)!important;border:1px solid var(--v5-line)!important;border-radius:22px 22px 0 0!important;color:var(--v5-text)!important;box-shadow:0 -10px 40px rgba(0,0,0,.4)!important;animation:v5up .26s var(--v5-ease)}
@media(min-width:700px){.vy-sheet{border-radius:22px!important}}
.vy-sheet-head h2{font-family:inherit!important;font-size:18px!important;font-weight:800!important;color:var(--v5-text)!important}
.vy-sheet .vy-x{background:var(--v5-card2)!important;color:var(--v5-text)!important;border:0!important;border-radius:50%!important}
.vy-group{background:var(--v5-card)!important;border:0!important;border-radius:var(--v5-r)!important}
.vy-group h3{color:var(--v5-text)!important}
.vy-seg button.on,.vy-seg button[aria-checked=true]{background:var(--v5-grad)!important;color:#fff!important;border-color:transparent!important}
.vy-toggle input:checked+i,.vy-toggle input:checked~i{background:var(--v5-grad)!important}
.vy-input{background:var(--v5-card)!important;border:1px solid var(--v5-line)!important;color:var(--v5-text)!important;border-radius:12px!important}
.v5-mgroup{background:var(--v5-card);border-radius:var(--v5-r);overflow:hidden;margin-bottom:14px}
.v5-mrow{display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;background:none;border:0;border-bottom:1px solid var(--v5-line);color:var(--v5-text)!important;font:inherit;font-size:14.5px;font-weight:600;text-align:left;text-decoration:none;cursor:pointer}
.v5-mrow:last-child{border-bottom:0}
.v5-mrow:active{background:var(--v5-card2)}
.v5-mi{width:30px;height:30px;border-radius:9px;background:var(--v5-card3);display:grid;place-items:center;flex:none}
.v5-mi svg{width:17px;height:17px;fill:none;stroke:#c4b5fd;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html[data-vy-theme=light] .v5-mi svg{stroke:#7c3aed}
.v5-mhead{font-size:12px!important;font-weight:700!important;color:var(--v5-muted)!important;text-transform:uppercase;letter-spacing:.06em;margin:4px 4px 8px!important}
.v5-mfoot{text-align:center;color:var(--v5-dim);font-size:12px;margin:4px 0 6px}
.v5-cc-search{width:100%;height:44px;padding:0 14px!important;margin-bottom:10px;font-size:15px!important}
.v5-cc-list{display:flex;flex-direction:column;max-height:58vh;overflow:auto;background:var(--v5-card);border-radius:var(--v5-r)}
.v5-cc{display:flex;align-items:center;gap:12px;padding:12px 14px;background:none;border:0;border-bottom:1px solid var(--v5-line);color:var(--v5-text);font:inherit;font-size:14.5px;text-align:left;cursor:pointer}
.v5-cc.on{background:var(--v5-card2);font-weight:700}
.v5-cc.on::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--v5-grad)}
.v5-cc-loading{padding:18px;text-align:center;color:var(--v5-muted)}

/* mini player (radio / TV) */
.vy-minip{background:var(--v5-card2)!important;border:0!important;border-radius:var(--v5-r)!important;box-shadow:0 12px 32px rgba(0,0,0,.45)!important}
.vy-minip .vy-mbtn,.vy-minip button{border-radius:50%!important}
.vy-minip [data-a=play],.vy-minip .vy-mplay{background:var(--v5-grad2)!important;color:#fff!important;border:0!important}
.vy-mbtn.on,.vy-mbtn[aria-pressed=true]{background:var(--v5-grad)!important;color:#fff!important}
.vy-toast,.toast{background:var(--v5-card2)!important;color:var(--v5-text)!important;border:1px solid var(--v5-line)!important;border-radius:999px!important;box-shadow:var(--v5-shadow)!important}
@media(max-width:900px){.vy-toast,.toast{bottom:calc(84px + env(safe-area-inset-bottom))!important}}

/* index: search panel, modals, discover/saved views (browse UI only) */
.mobile-search-panel{background:rgba(11,11,20,.98)!important}
html[data-vy-theme=light] .mobile-search-panel{background:rgba(246,245,251,.98)!important}
.mobile-search-head input{background:var(--v5-card)!important;border:1px solid var(--v5-line)!important;border-radius:999px!important;color:var(--v5-text)!important}
.mobile-search-close{background:var(--v5-card)!important;color:var(--v5-text)!important;border:0!important;border-radius:50%!important}
.mobile-search-copy{color:var(--v5-muted)!important}
.modal-overlay .modal-content,.modal-box{background:var(--v5-bg2)!important;border:1px solid var(--v5-line)!important;border-radius:20px!important}
.modal-close{border-radius:50%!important;background:var(--v5-card2)!important;color:var(--v5-text)!important;border:0!important}
.see-all-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 12px!important}
.see-all-head h2,.vy-discover-head h2{font-family:inherit!important;font-weight:800!important}
.vy-discover-head{padding:0 var(--v5-pad)}
.vy-discover-head p{color:var(--v5-muted)!important}
.vy-actions,.vy-vault-tabs,.vy-control-row,.vy-library-actions,.vy-discover-search,.vy-result-count{padding-left:var(--v5-pad);padding-right:var(--v5-pad)}
.vy-actions,.vy-vault-tabs{display:flex!important;gap:8px!important;overflow-x:auto;flex-wrap:nowrap!important;scrollbar-width:none;margin-bottom:10px!important}
.vy-actions::-webkit-scrollbar,.vy-vault-tabs::-webkit-scrollbar{display:none}
.vy-select,.vy-discover-search input{background:var(--v5-card)!important;border:1px solid var(--v5-line)!important;color:var(--v5-text)!important;border-radius:999px!important}
.btn-primary:not(#heroPlayBtn){border-radius:999px!important}
.vy-network{border-radius:999px!important}

/* info pages (about, help, faq, ...) */
main .hero:not(.v5-hero){background:radial-gradient(circle at 85% 0,rgba(236,72,153,.18),transparent 45%),radial-gradient(circle at 0 100%,rgba(124,58,237,.2),transparent 50%),var(--v5-card)!important;border:0!important;border-radius:20px!important;padding:32px var(--v5-pad)!important}
main .hero:not(.v5-hero) h1{font-family:inherit!important;font-weight:800!important;letter-spacing:-.02em!important;font-size:clamp(28px,7vw,44px)!important}
main .hero .eyebrow,.eyebrow{color:#f472b6!important}
.card h2,.section h2,.content h2{font-family:inherit!important;font-weight:800!important}
main>.card,.content .card,.linkcard,details{border-radius:var(--v5-r)!important;border:0!important}

/* motion */
@keyframes v5in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes v5up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
.v5-page,.catalog-container>.section-row,.v5-home-chips{animation:v5in .3s var(--v5-ease) both}
@media(prefers-reduced-motion:reduce){.v5-page,.catalog-container>.section-row,.v5-home-chips,.vy-sheet,.v5-page .player.active{animation:none!important}.vy-skel *,.vy-skel-line{animation:none!important}.v5-hero .hero-content{transition:none!important}}
html.vy-lowend .v5-page,html.vy-lowend .catalog-container>.section-row,html.vy-lowend .vy-sheet{animation:none!important}
html.vy-lowend .vy-global-header,html.vy-lowend body>header,html.vy-lowend .v5-nav,html.vy-lowend .vy-sheet-wrap{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html.vy-lowend .v5-dot.on{box-shadow:none}
html.vy-saver .v5-hero{background-position:center 30%!important}

/* light mode fixes */
html[data-vy-theme=light] .v5-hero .hero-title{color:#fff!important}
html[data-vy-theme=light] .card-rating,html[data-vy-theme=light] .v5-rate{background:rgba(11,11,20,.72)!important;color:#fff!important}
html[data-vy-theme=light] .v5-chip:not(.on){border-color:transparent!important}
html[data-vy-theme=light] .v5-country{background:#fff}
html[data-vy-theme=light] .v5-filters{background:linear-gradient(var(--v5-bg) 82%,transparent)}

/* discover view */
#vyDiscoverResults{min-height:120px}
#vyDiscoverResults .vy-empty,.horizontal-scroll>.vy-empty{flex:1 0 100%;min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:28px 16px;background:var(--v5-card)!important;border:0!important;border-radius:var(--v5-r);color:var(--v5-muted);text-align:center}
#vyDiscoverResults .vy-empty strong{color:var(--v5-text)}
.vy-control-row{display:flex!important;gap:8px!important;flex-wrap:wrap;margin-bottom:12px}
.vy-select{padding:8px 12px!important;font:inherit;font-size:13px!important;height:38px}
.vy-discover-search{display:flex!important;gap:8px;margin-bottom:12px}
.vy-discover-search input{flex:1;min-width:0;height:44px;padding:0 16px!important;font:inherit}
.vy-discover-search .btn-primary{height:44px;padding:0 18px!important;background:var(--v5-grad)!important;border:0!important}

/* radio mini player: one slim bar above the bottom nav (mockup) */
.vy-minip{background:var(--v5-card2)!important;color:var(--v5-text)!important;border:1px solid var(--v5-line)!important}
.vy-minip-info small{color:var(--v5-muted)!important}
.vy-minip-pp{background:var(--v5-grad2)!important;border:0!important;color:#fff!important}
.vy-minip-row::after{display:none!important}
.vy-minip:not(.has-video){display:flex;align-items:center;gap:10px;padding:10px!important;width:min(560px,calc(100vw - 24px))!important;border-radius:var(--v5-r)!important}
.vy-minip:not(.has-video)[hidden]{display:none!important}
.vy-minip:not(.has-video) .vy-minip-media{flex:none;padding:0!important;background:transparent!important}
.vy-minip:not(.has-video) .vy-minip-logo{width:42px!important;height:42px!important;border-radius:10px!important;border:0!important;background:var(--v5-grad2)!important;color:#fff!important;font-size:12px}
.vy-minip:not(.has-video) .vy-minip-row{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:0!important}
.vy-minip:not(.has-video) .vy-minip-info{flex:1;padding:0!important}
.vy-minip:not(.has-video) .vy-minip-info b{font-size:14px}
.vy-minip:not(.has-video) .vy-minip-info small{font-size:12px}
.vy-minip:not(.has-video) .vy-minip-ctl{gap:6px}
.vy-minip:not(.has-video) [data-m=prev],.vy-minip:not(.has-video) [data-m=share],.vy-minip:not(.has-video) [data-m=expand]{display:none!important}
.vy-minip:not(.has-video) .vy-minip-pp{width:40px!important;height:40px!important}
@media(max-width:900px){
  .vy-minip:not(.has-video){left:12px!important;right:12px!important;top:auto!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;width:auto!important}
}
/* logo tiles stay dark in light mode so white logos stay visible */
html[data-vy-theme=light] .v5-card .logo.v5-logo,html[data-vy-theme=light] .v5-ch-logo{background:#26243a!important;color:#ecebf5!important}
html[data-vy-theme=light] .v5-ch-logo em{color:#ecebf5}
#vyDiscoverResults .vy-empty,.horizontal-scroll>.vy-empty{grid-column:1/-1;width:100%!important;max-width:none!important}
/* the old filter bar is replaced by the category chips */
#filterControlsBar,.filter-controls-bar{display:none!important}
@media(min-width:901px){.hero.v5-hero{margin:16px var(--v5-pad) 8px!important;max-width:none}}
@media(min-width:1440px){.hero.v5-hero{margin:16px auto 8px!important;max-width:1364px}}
.vy-text-btn{background:none!important;border:0!important;color:var(--v5-link)!important;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:6px 4px!important}
.vy-library-actions{display:flex!important;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}

.v5-page .player{scroll-margin-top:118px}