/* VYREON extras v3 — shared styles (index, tv, radio, info pages) */

/* ---------- accessibility: focus + reduced motion ---------- */
:focus-visible{outline:2px solid #54f0bd!important;outline-offset:2px!important;border-radius:6px}
html[data-vy-theme=light] :focus-visible{outline-color:#0a6b4f!important}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:0 0 0 4px rgba(84,240,189,.25)!important}
input:focus-visible,textarea:focus-visible{outline:2px solid #54f0bd!important}
.vy-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* ---------- low-end phone mode ---------- */
html.vy-lowend *,html.vy-lowend *::before,html.vy-lowend *::after{animation:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;text-shadow:none!important}
html.vy-lowend body::before{display:none!important}
html.vy-lowend .card,html.vy-lowend .tv-card,html.vy-lowend .radio-card{content-visibility:auto}

/* ---------- data saver ---------- */
html.vy-saver .hero-overlay,html.vy-saver .signature-hero-ring{animation:none!important}
html.vy-saver .logo img,html.vy-saver .tv-logo img,html.vy-saver .radio-logo img{image-rendering:auto;max-width:48px;max-height:48px}

/* ---------- larger text ---------- */
html.vy-large{font-size:118%}
html.vy-large body{font-size:1.06em}
html.vy-large .name,html.vy-large .meta,html.vy-large .tv-name,html.vy-large .radio-name,html.vy-large .vy-mobile-nav a{font-size:1.05em!important}

/* ---------- header settings button ---------- */
.vy-settings-btn{width:40px;height:40px;flex:none;display:inline-grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--vy-muted,#8fa9a0);cursor:pointer;margin-left:6px;padding:0}
.vy-settings-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.vy-settings-btn:hover{color:#54f0bd;border-color:rgba(84,240,189,.4)}
.vy-global-header .vy-settings-btn{margin-left:auto}
.vy-global-header .vy-desktop-nav+.vy-settings-btn{margin-left:10px}

/* ---------- toast ---------- */
.vy-toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#10221c;color:#f4fff9;border:1px solid rgba(84,240,189,.25);padding:10px 14px;border-radius:8px;z-index:100002;font-size:.85rem;max-width:90vw;transition:.2s}
.vy-toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- skeletons ---------- */
.vy-skel{pointer-events:none;min-height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.vy-skel .logo,.vy-skel .vy-skel-dot{width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.06)!important;border:0!important}
.vy-skel-line{height:10px;width:70%;border-radius:5px;background:rgba(255,255,255,.07)}
.vy-skel-line.short{width:40%}
.vy-skel .logo,.vy-skel .vy-skel-dot,.vy-skel-line{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)!important;background-size:200% 100%!important;animation:vyShimmer 1.3s linear infinite}
@keyframes vyShimmer{from{background-position:200% 0}to{background-position:-200% 0}}

/* ---------- badges ---------- */
.vy-badge-off{position:absolute;top:8px;right:8px;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:rgba(255,92,92,.14);color:#ff8f8f;border:1px solid rgba(255,92,92,.35)}
.tv-card,.radio-card{position:relative}

/* ---------- live player bar + overlay ---------- */
.vy-livebar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;background:var(--vy-surface,#0b1713);border-top:1px solid rgba(255,255,255,.08)}
#playerSection .vy-livebar{border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-top:8px}
.vy-mbtn{width:38px;height:38px;display:inline-grid;place-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--vy-text,#f4fff9);cursor:pointer;padding:0;font-size:1rem}
.vy-mbtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.vy-mbtn:hover,.vy-mbtn.on,.vy-mbtn[aria-pressed=true]{color:#54f0bd;border-color:rgba(84,240,189,.45);background:rgba(84,240,189,.08)}
.vy-mbtn[hidden],.vy-quality[hidden]{display:none!important}
.vy-quality{height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#07110f;color:var(--vy-text,#f4fff9);padding:0 8px;font:inherit;font-size:.78rem}
.vy-bar-status{font-size:.75rem;color:var(--vy-muted,#8fa9a0);margin-left:auto}
.vy-ovl{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:rgba(0,0,0,.62);color:#fff;text-align:center;padding:18px}
.vy-ovl[hidden]{display:none}
.vy-ovl-in{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:420px;font-weight:700}
.vy-ovl.final .vy-spin{display:none}
.vy-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#54f0bd;animation:vySpin .9s linear infinite}
@keyframes vySpin{to{transform:rotate(360deg)}}
.vy-ovl-retry{background:#54f0bd;color:#06100d;border:0;border-radius:8px;padding:10px 18px;font-weight:800;cursor:pointer}

/* ---------- multi-view ---------- */
.vy-multi{margin:20px 0;background:var(--vy-surface,#0b1713);border:1px solid rgba(255,255,255,.09);border-radius:8px;padding:12px}
.vy-multi-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.vy-multi-head .vy-btn{margin-left:auto}
.vy-multi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.vy-slot-head{display:flex;gap:6px;margin-bottom:6px}.vy-slot-head select{flex:1;min-width:0}
.vy-slot-media{position:relative;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden}
.vy-slot-media video{width:100%;height:100%;display:block}
@media(max-width:700px){.vy-multi-grid{grid-template-columns:1fr}}

/* ---------- sheet / modal ---------- */
.vy-sheet-wrap{position:fixed;inset:0;z-index:100001;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center}
.vy-sheet{width:min(560px,100%);max-height:88vh;overflow:auto;background:#0b1713;color:#f4fff9;border:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;padding:0 16px 22px;box-shadow:0 -20px 60px rgba(0,0,0,.5)}
@media(min-width:700px){.vy-sheet-wrap{align-items:center}.vy-sheet{border-radius:14px}}
.vy-sheet-head{position:sticky;top:0;background:inherit;display:flex;align-items:center;justify-content:space-between;padding:14px 0 10px;border-bottom:1px solid rgba(255,255,255,.08);z-index:1}
.vy-sheet-head h2{margin:0;font:500 1.35rem Georgia,serif}
.vy-x{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:inherit;font-size:1.3rem;line-height:1;cursor:pointer}
.vy-group{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.vy-group h3{margin:0 0 10px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#f2c66d}
.vy-group h3 small{color:#8fa9a0;letter-spacing:0;text-transform:none;margin-left:6px}
.vy-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.vy-field>span{font-size:.8rem;font-weight:700}
.vy-seg{display:flex;flex-wrap:wrap;gap:6px}
.vy-seg button{flex:1 1 auto;min-height:38px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:transparent;color:inherit;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
.vy-seg button.on{background:rgba(84,240,189,.12);border-color:rgba(84,240,189,.5);color:#54f0bd}
.vy-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;cursor:pointer}
.vy-toggle span{display:flex;flex-direction:column}.vy-toggle b{font-size:.86rem}.vy-toggle small{color:#8fa9a0;font-size:.72rem;margin-top:2px}
.vy-toggle input{width:22px;height:22px;accent-color:#54f0bd;flex:none}
.vy-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}
.vy-row .vy-input{flex:1;min-width:120px}
.vy-input{min-height:40px;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#07110f;color:#f4fff9;font:inherit;font-size:.86rem}
textarea.vy-input{min-height:110px;resize:vertical;line-height:1.5}
.vy-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border-radius:8px;border:1px solid #54f0bd;background:#54f0bd;color:#06100d;font:inherit;font-size:.8rem;font-weight:800;text-decoration:none;cursor:pointer}
.vy-btn.alt{background:transparent;color:inherit;border-color:rgba(255,255,255,.18)}
.vy-btn.big{min-height:54px;width:100%;font-size:1rem}
.vy-btn[disabled]{opacity:.5;cursor:not-allowed}
.vy-file{position:relative;overflow:hidden}.vy-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.vy-muted{color:#8fa9a0;font-size:.78rem;line-height:1.55}
.vy-muted a{color:#54f0bd}
.vy-check{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.86rem;cursor:pointer}
.vy-check input{width:18px;height:18px;accent-color:#54f0bd}
.vy-plain{list-style:none;margin:0;padding:0}
.vy-plain li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}
.vy-plain small,.vy-stats small{color:#8fa9a0;font-size:.7rem}
.vy-link{background:none;border:0;color:#ff9a9a;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;padding:6px}
.vy-stats{margin:0;padding-left:20px}.vy-stats li{padding:5px 0}.vy-stats li span{display:inline-block;max-width:70%}.vy-stats li b{float:right;color:#54f0bd;font-size:.82rem}

/* ---------- floating chips / banners ---------- */
.vy-chip-float{position:fixed;left:14px;bottom:88px;z-index:9000;display:flex;align-items:center;gap:10px;max-width:min(330px,calc(100vw - 90px));padding:8px 10px;border-radius:12px;background:#0f201a;color:#f4fff9;border:1px solid rgba(84,240,189,.35);box-shadow:0 12px 30px rgba(0,0,0,.4);text-decoration:none;font:inherit;cursor:pointer}
.vy-chip-float[hidden]{display:none}
@media(min-width:901px){.vy-chip-float{bottom:22px}}
.vy-sleep-chip{left:auto;right:14px;bottom:150px;font-weight:800;font-size:.8rem}
.vy-resume small{display:block;color:#f2c66d;font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.vy-resume b{display:block;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}
.vy-resume>span:nth-child(2){min-width:0}
.vy-resume .vy-x{width:30px;height:30px;font-size:1rem;flex:none}
.vy-resume-logo{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:#07110f;border:1px solid rgba(255,255,255,.1);overflow:hidden;font-weight:900;color:#f2c66d;font-size:.7rem}
.vy-resume-logo img{width:100%;height:100%;object-fit:contain}
.vy-alarm-banner{position:fixed;left:0;right:0;top:68px;z-index:4000;display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:10px 16px;background:linear-gradient(90deg,rgba(242,198,109,.16),rgba(84,240,189,.08)),#0b1713;border-bottom:1px solid rgba(242,198,109,.35);font-size:.85rem}
.vy-alarm-banner[hidden]{display:none}
.vy-alarm-banner small{flex-basis:100%;color:#f2c66d;order:3}
.vy-alarm-banner .vy-btn{margin-left:auto;min-height:32px;padding:4px 10px}
@media(max-width:900px){.vy-alarm-banner{top:60px}}

/* ---------- voice + check ---------- */
.vy-voice-wrap{position:relative;display:flex;flex:1;min-width:220px;align-items:center}
.vy-voice-wrap>input{flex:1;min-width:0;padding-right:48px!important;width:100%}
.vy-mic{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0}
.vy-mic.on{color:#ff8f8f;animation:vyPulse 1s ease-in-out infinite}
@keyframes vyPulse{50%{opacity:.45}}
.vy-check-btn{flex:none}

/* ---------- page sections ---------- */
.vy-sub{font:700 .9rem "Plus Jakarta Sans",system-ui,sans-serif;margin:16px 0 8px;color:var(--vy-text,#f4fff9)}
.vy-sub small{color:#8fa9a0;font-weight:600;margin-left:4px}
.vy-mini{cursor:pointer}
.vy-rm{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#07110f;color:#fff;cursor:pointer;line-height:1}
.vy-ptr-ind{position:fixed;left:50%;top:70px;transform:translate(-50%,-50px);opacity:0;z-index:4500;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#10221c;border:1px solid rgba(84,240,189,.35);color:#54f0bd;font-weight:900;pointer-events:none}
.vy-ptr-ind.ready span{display:inline-block;transform:rotate(180deg)}
.vy-ptr-ind.spin{opacity:1!important;transform:translate(-50%,10px)!important}
.vy-ptr-ind.spin span{display:inline-block;animation:vySpin .8s linear infinite}
html.vy-ptr,html.vy-ptr body{overscroll-behavior-y:contain}

/* ---------- help: status + support form ---------- */
.vy-status{margin-top:10px}
.vy-table{width:100%;border-collapse:collapse;margin-top:10px;font-size:.84rem}
.vy-table th,.vy-table td{text-align:left;padding:8px 6px;border-bottom:1px solid rgba(255,255,255,.07)}
.vy-table th{color:#f2c66d;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.vy-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:middle}.vy-dot.up{background:#54f0bd}.vy-dot.down{background:#ff7a7a}
.vy-form{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.vy-form label{font-size:.8rem;font-weight:800;margin-top:8px}
.vy-form label small{color:var(--vy-muted,#8fa9a0);font-weight:600}
.vy-form .contact{margin-top:10px}
.vy-form button.button{border:0;cursor:pointer;font:inherit;font-weight:800}
.vy-form button.button.alt{border:1px solid var(--border,rgba(255,255,255,.12))}
.vy-diag summary{cursor:pointer;color:var(--vy-muted,#8fa9a0);font-size:.78rem;padding:6px 0}
.vy-diag pre{white-space:pre-wrap;word-break:break-word;font-size:.72rem;color:var(--vy-muted,#8fa9a0);background:rgba(0,0,0,.2);padding:10px;border-radius:6px;margin:4px 0 0}
.vy-reply-time{color:var(--vy-gold,#f2c66d)!important;font-size:.8rem;font-weight:700}

/* ---------- Smart TV mode ---------- */
html.vy-tvmode .grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))!important;gap:18px!important}
html.vy-tvmode .card{min-height:200px}
html.vy-tvmode .logo{width:92px;height:92px}
html.vy-tvmode .name,html.vy-tvmode .tv-name,html.vy-tvmode .radio-name{font-size:1.05rem!important}
html.vy-tvmode .tv-grid,html.vy-tvmode .radio-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important}
html.vy-tvmode .card:focus,html.vy-tvmode .tv-card:focus,html.vy-tvmode .radio-card:focus,html.vy-tvmode .home-mini:focus{outline:4px solid #f2c66d!important;outline-offset:3px!important;transform:scale(1.04);z-index:2}
html.vy-tvmode .pill,html.vy-tvmode .vy-mbtn{min-height:48px;min-width:48px}

/* ---------- Light theme ---------- */
html[data-vy-theme=light]{color-scheme:light;
  --bg:#f4f8f6;--panel:#ffffff;--text:#0c1a15;--muted:#4a5f57;--accent:#0a7d5c;--gold:#8a5d00;--border:rgba(12,40,30,.14);
  --vy-bg:#f4f8f6;--vy-surface:#ffffff;--vy-surface2:#eef4f1;--vy-emerald:#0a7d5c;--vy-gold:#8a5d00;--vy-text:#0c1a15;--vy-muted:#4a5f57;--vy-border:rgba(12,40,30,.13);
  --surface:#ffffff;--surface-hover:#eef4f1;--accent-hover:#08684c;--green:#0a7d5c;--text-muted:#4a5f57;--glass:rgba(255,255,255,.9)}
html[data-vy-theme=light],html[data-vy-theme=light] body{background:#f4f8f6!important;color:#0c1a15!important}
html[data-vy-theme=light] body::before{opacity:.35}
html[data-vy-theme=light] .vy-global-header,html[data-vy-theme=light] header{background:rgba(255,255,255,.95)!important;border-bottom-color:rgba(12,40,30,.12)!important}
html[data-vy-theme=light] .vy-mobile-nav,html[data-vy-theme=light] .mobile-nav{background:#ffffff!important;border-top-color:rgba(12,40,30,.12)!important;box-shadow:0 -8px 22px rgba(0,0,0,.08)!important}
html[data-vy-theme=light] .vy-mobile-nav a,html[data-vy-theme=light] .mobile-nav button{color:#4a5f57!important}
html[data-vy-theme=light] .vy-mobile-nav a.active,html[data-vy-theme=light] .mobile-nav button.active{color:#0a7d5c!important}
html[data-vy-theme=light] .search,html[data-vy-theme=light] input[type=search],html[data-vy-theme=light] input[type=text],html[data-vy-theme=light] .vy-input,html[data-vy-theme=light] .vy-quality,html[data-vy-theme=light] .tv-search-bar,html[data-vy-theme=light] .radio-search-bar,html[data-vy-theme=light] .filter-select{background:#ffffff!important;color:#0c1a15!important;border-color:rgba(12,40,30,.2)!important}
html[data-vy-theme=light] .logo,html[data-vy-theme=light] .vy-resume-logo,html[data-vy-theme=light] .tv-logo,html[data-vy-theme=light] .radio-logo{background:#eef4f1!important;color:#8a5d00!important}
html[data-vy-theme=light] .fav,html[data-vy-theme=light] .vy-rm{background:#ffffff!important;color:#0c1a15!important;border-color:rgba(12,40,30,.2)!important}
html[data-vy-theme=light] .fav.saved{background:#0a7d5c!important;color:#fff!important}
html[data-vy-theme=light] .toast,html[data-vy-theme=light] .vy-toast{background:#0c1a15!important;color:#ffffff!important}
html[data-vy-theme=light] .tools{background:#f4f8f6!important}
html[data-vy-theme=light] .close,html[data-vy-theme=light] .pill{color:#33473f!important}
html[data-vy-theme=light] .pill.active{color:#0a7d5c!important;background:rgba(10,125,92,.1)!important;border-color:rgba(10,125,92,.45)!important}
html[data-vy-theme=light] .ph{background:#ffffff!important}
html[data-vy-theme=light] main .hero h1,html[data-vy-theme=light] .card h2,html[data-vy-theme=light] .section h2,html[data-vy-theme=light] .content h2{color:#0c1a15!important}
html[data-vy-theme=light] .card p,html[data-vy-theme=light] .content p,html[data-vy-theme=light] details p,html[data-vy-theme=light] .linkcard span,html[data-vy-theme=light] main .hero p,html[data-vy-theme=light] main li{color:#33473f!important}
html[data-vy-theme=light] .vy-brand-word,html[data-vy-theme=light] .brand-logo,html[data-vy-theme=light] .footer-brand{color:#0c1a15!important}
html[data-vy-theme=light] .vy-brand-word>span,html[data-vy-theme=light] .brand-logo span,html[data-vy-theme=light] .footer-brand span{color:#0a7d5c!important}
html[data-vy-theme=light] .vy-desktop-nav a:hover,html[data-vy-theme=light] .vy-desktop-nav a.active{color:#0c1a15!important;background:rgba(10,125,92,.1)!important}
html[data-vy-theme=light] .vy-support-icons a,html[data-vy-theme=light] .support-card{background:#ffffff!important;color:#33473f!important}
html[data-vy-theme=light] .vy-footer-links a,html[data-vy-theme=light] .footer-page-links a,html[data-vy-theme=light] .vy-footer-bottom,html[data-vy-theme=light] .footer-bottom{color:#4a5f57!important}
html[data-vy-theme=light] .vy-settings-btn{color:#33473f;border-color:rgba(12,40,30,.2)}
html[data-vy-theme=light] .vy-sheet{background:#ffffff;color:#0c1a15;border-color:rgba(12,40,30,.12)}
html[data-vy-theme=light] .vy-sheet-head{border-bottom-color:rgba(12,40,30,.1)}
html[data-vy-theme=light] .vy-group{border-bottom-color:rgba(12,40,30,.08)}
html[data-vy-theme=light] .vy-group h3,html[data-vy-theme=light] .vy-resume small,html[data-vy-theme=light] .vy-alarm-banner small{color:#8a5d00}
html[data-vy-theme=light] .vy-muted,html[data-vy-theme=light] .vy-toggle small,html[data-vy-theme=light] .vy-plain small{color:#4a5f57}
html[data-vy-theme=light] .vy-seg button,html[data-vy-theme=light] .vy-btn.alt,html[data-vy-theme=light] .vy-x,html[data-vy-theme=light] .vy-mbtn{border-color:rgba(12,40,30,.2);color:#0c1a15}
html[data-vy-theme=light] .vy-seg button.on,html[data-vy-theme=light] .vy-mbtn.on,html[data-vy-theme=light] .vy-mbtn[aria-pressed=true]{color:#0a6b4f;background:rgba(10,125,92,.1);border-color:rgba(10,125,92,.5)}
html[data-vy-theme=light] .vy-btn:not(.alt){background:#0a7d5c;border-color:#0a7d5c;color:#ffffff}
html[data-vy-theme=light] .vy-muted a,html[data-vy-theme=light] .vy-stats li b{color:#0a6b4f}
html[data-vy-theme=light] .vy-link{color:#b42318}
html[data-vy-theme=light] .vy-livebar,html[data-vy-theme=light] .vy-multi{background:#ffffff;border-color:rgba(12,40,30,.12)}
html[data-vy-theme=light] .vy-chip-float{background:#ffffff;color:#0c1a15;border-color:rgba(10,125,92,.4);box-shadow:0 10px 24px rgba(0,0,0,.12)}
html[data-vy-theme=light] .vy-alarm-banner{background:#fff7e6;color:#0c1a15}
html[data-vy-theme=light] .vy-badge-off{background:#fde8e8;color:#9b1c1c;border-color:#f3b4b4}
html[data-vy-theme=light] .vy-skel .logo,html[data-vy-theme=light] .vy-skel .vy-skel-dot,html[data-vy-theme=light] .vy-skel-line{background-color:rgba(12,40,30,.08)!important;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent)!important}
html[data-vy-theme=light] .vy-table th{color:#8a5d00}
html[data-vy-theme=light] .vy-table th,html[data-vy-theme=light] .vy-table td{border-bottom-color:rgba(12,40,30,.1)}
html[data-vy-theme=light] .vy-diag pre{background:#eef4f1;color:#33473f}
html[data-vy-theme=light] .vy-reply-time{color:#8a5d00!important}
html[data-vy-theme=light] .button{color:#ffffff!important;background:#0a7d5c!important}
html[data-vy-theme=light] .button.alt{background:transparent!important;color:#0c1a15!important}
html[data-vy-theme=light] .eyebrow{color:#8a5d00!important}
/* index-specific surfaces */
html[data-vy-theme=light] .modal-box,html[data-vy-theme=light] .filter-controls-bar,html[data-vy-theme=light] .mobile-search-panel,html[data-vy-theme=light] .server-bar,html[data-vy-theme=light] .episodes-panel,html[data-vy-theme=light] .theme-dropdown,html[data-vy-theme=light] .recent-dropdown{background:#ffffff!important;color:#0c1a15!important}
html[data-vy-theme=light] .btn-nav,html[data-vy-theme=light] .genre-pill,html[data-vy-theme=light] .cat-pill,html[data-vy-theme=light] .server-btn,html[data-vy-theme=light] .home-category,html[data-vy-theme=light] .home-mini,html[data-vy-theme=light] .vy-chip,html[data-vy-theme=light] .mobile-filter-trigger{color:#0c1a15!important;border-color:rgba(12,40,30,.18)!important}
html[data-vy-theme=light] .home-mini,html[data-vy-theme=light] .tv-card,html[data-vy-theme=light] .radio-card,html[data-vy-theme=light] .card-details{background:#ffffff!important}
html[data-vy-theme=light] .tv-name,html[data-vy-theme=light] .radio-name,html[data-vy-theme=light] .card-title,html[data-vy-theme=light] .section-title,html[data-vy-theme=light] .home-mini strong,html[data-vy-theme=light] .home-preview-head h2,html[data-vy-theme=light] .home-category-head h2{color:#0c1a15!important}
html[data-vy-theme=light] .tv-category,html[data-vy-theme=light] .radio-freq,html[data-vy-theme=light] .card-meta,html[data-vy-theme=light] .home-mini small{color:#4a5f57!important}
html[data-vy-theme=light] .hero-title,html[data-vy-theme=light] .hero-desc,html[data-vy-theme=light] .vision-mast-copy,html[data-vy-theme=light] .vision-masthead{color:#ffffff!important}
html[data-vy-theme=light] .vyreon-footer{background:#eef4f1!important;color:#0c1a15!important}
button.button{border:0;cursor:pointer;font:inherit;font-weight:800}
button.button.alt{border:1px solid var(--border,rgba(255,255,255,.12))}
.vy-offline-list{padding-left:18px;line-height:1.8}.vy-offline-list span{color:var(--vy-muted,#8fa9a0);font-size:.75rem;margin-left:6px}
.content h3{font:800 .78rem "Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--vy-gold,#f2c66d);margin:18px 0 6px}

#player,.vy-multi,#playerSection{scroll-margin-top:80px}
.vy-mbtn.vy-audio svg{width:18px;height:18px}
.vy-resume-inline{position:relative;left:auto;bottom:auto;display:flex;align-items:center;gap:10px;width:min(95%,520px);margin:14px auto 0;padding:8px 10px;border-radius:12px;background:#0f201a;color:#f4fff9;border:1px solid rgba(84,240,189,.35);text-decoration:none}
.vy-resume-inline[hidden]{display:none}
.vy-resume-inline>span:nth-child(2){flex:1}
html[data-vy-theme=light] .vy-resume-inline{background:#ffffff;color:#0c1a15;border-color:rgba(10,125,92,.4)}
/* keep cinematic/video areas dark in light mode */
html[data-vy-theme=light] #heroBanner,html[data-vy-theme=light] .vision-masthead,html[data-vy-theme=light] #playerSection .player-frame,html[data-vy-theme=light] .splash-screen{--bg:#07110f;--surface:#0d1a17;--surface-hover:#142520;--text:#f4fff9;--text-muted:#c4d6cf;--border:rgba(180,255,225,.14);--accent:#54f0bd;--green:#54f0bd;color:#f4fff9}
html[data-vy-theme=light] #heroBanner .btn-secondary{color:#f4fff9!important;border-color:rgba(255,255,255,.35)!important}
html[data-vy-theme=light] #heroBanner .tag{color:#f4fff9!important}
html[data-vy-theme=light] #heroBanner{background-color:#07110f!important}

/* =================================================================== v4 */
/* ---------- header search button ---------- */
.vy-global-header .vy-search-btn{margin-left:auto}
.vy-global-header .vy-search-btn+.vy-settings-btn,header .vy-search-btn+.vy-settings-btn{margin-left:6px!important}
@media(min-width:901px){.vy-global-header .vy-desktop-nav{margin-left:auto;margin-right:auto}.vy-global-header .vy-desktop-nav+.vy-search-btn{margin-left:0}}
html.vy-loading{cursor:progress}
html.vy-loading main{opacity:.6;transition:opacity .2s}

/* ---------- mini player ---------- */
.vy-minip{--vy-mini-b:0px;position:fixed;right:10px;bottom:calc(84px + var(--vy-mini-b));z-index:9990;width:min(300px,62vw);background:#0b1713;color:#f4fff9;border:1px solid rgba(84,240,189,.3);border-radius:12px;box-shadow:0 14px 36px rgba(0,0,0,.5);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
.vy-minip.left{right:auto;left:10px}
.vy-minip[hidden]{display:none}
.vy-minip.drag{cursor:grabbing;transition:none;box-shadow:0 18px 44px rgba(0,0,0,.6)}
@media(min-width:901px){.vy-minip{bottom:calc(20px + var(--vy-mini-b));width:340px}}
.vy-minip-media{position:relative;background:#000;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden}
.vy-minip-media video{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}
.vy-minip-media audio{display:none}
.vy-minip-logo{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#07110f;border:1px solid rgba(255,255,255,.12);overflow:hidden;font-weight:900;color:#f2c66d;font-size:.72rem}
.vy-minip-logo img{width:100%;height:100%;object-fit:contain}
.vy-minip.has-video .vy-minip-logo{display:none}
.vy-minip:not(.has-video) .vy-minip-media{aspect-ratio:auto;height:auto;padding:10px 0 0;background:transparent}
.vy-minip-row{padding:6px 8px 8px}
.vy-minip-info{min-width:0;padding:0 2px 6px}
.vy-minip-info b{display:block;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vy-minip-info small{display:block;color:#8fa9a0;font-size:.66rem}
.vy-minip-ctl{display:flex;gap:4px;justify-content:space-between}
.vy-minip-ctl .vy-mbtn{width:34px;height:34px;flex:none;touch-action:manipulation}
.vy-minip-ctl .vy-mbtn[hidden]{display:none}
.vy-minip-pp{color:#06100d!important;background:#54f0bd!important;border-color:#54f0bd!important}
.vy-minip.is-paused .vy-minip-pp{animation:vyPulse 1.6s ease-in-out 3}
.vy-minip .vy-ovl-in{font-size:.68rem;padding:6px}
.vy-minip .vy-tap .vy-tap-ic{width:48px;height:48px}.vy-minip .vy-tap .vy-tap-t{font-size:.75rem}.vy-minip .vy-tap small{display:none}
html.vy-has-mini .vy-sleep-chip{bottom:auto;top:76px}
html.vy-has-mini .vy-resume:not(.vy-resume-inline){display:none}
html.vy-search-open,html.vy-search-open body{overflow:hidden}
html[data-vy-theme=light] .vy-minip{background:#ffffff;color:#0c1a15;border-color:rgba(10,125,92,.4);box-shadow:0 12px 30px rgba(0,0,0,.18)}
html[data-vy-theme=light] .vy-minip-info small{color:#4a5f57}
html[data-vy-theme=light] .vy-minip-pp{color:#fff!important;background:#0a7d5c!important;border-color:#0a7d5c!important}
html[data-vy-theme=light] .vy-minip:not(.has-video) .vy-minip-logo{background:#eef4f1;color:#8a5d00}

/* ---------- big tap-to-play prompt ---------- */
.vy-tap{position:absolute;inset:0;z-index:8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;border:0;background:rgba(0,0,0,.58);color:#fff;font:inherit;cursor:pointer;padding:12px}
.vy-tap-ic{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:#54f0bd;color:#06100d;box-shadow:0 0 0 10px rgba(84,240,189,.18)}
.vy-tap-ic svg{width:44%;height:44%;fill:currentColor;margin-left:6%}
.vy-tap-t{font-weight:800;font-size:1rem}
.vy-tap small{color:#c4d6cf;font-size:.78rem;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#player .vy-tap{border-radius:inherit}

/* ---------- full screen + channel flip preview ---------- */
.vy-fsroot:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;aspect-ratio:auto!important;padding:0!important;background:#000!important;display:block!important;border-radius:0!important}
.vy-fsroot:fullscreen video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain}
.vy-fsroot:-webkit-full-screen{width:100vw!important;height:100vh!important;padding:0!important;background:#000!important}
.vy-fsroot:-webkit-full-screen video{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;object-fit:contain}
.vy-flip{position:absolute;left:50%;top:50%;z-index:9;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:14px;background:rgba(7,17,15,.86);border:1px solid rgba(84,240,189,.4);color:#f4fff9;pointer-events:none;opacity:0;transform:translate(-50%,-40%) scale(.96);transition:opacity .18s ease,transform .18s ease;max-width:86%}
.vy-flip.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.vy-flip.pending{border-style:dashed}
.vy-flip-dir{color:#54f0bd;font-size:.9rem}
.vy-flip-logo{width:48px;height:48px;flex:none;border-radius:50%;display:grid;place-items:center;background:#07110f;border:1px solid rgba(255,255,255,.12);overflow:hidden;font-weight:900;color:#f2c66d;font-size:.72rem}
.vy-flip-logo img{width:100%;height:100%;object-fit:contain}
.vy-flip-txt{min-width:0}.vy-flip-txt small{display:block;color:#f2c66d;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.vy-flip-txt b{display:block;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vy-fsroot:fullscreen .vy-flip{padding:18px 26px 18px 18px}.vy-fsroot:fullscreen .vy-flip-logo{width:72px;height:72px}.vy-fsroot:fullscreen .vy-flip-txt b{font-size:1.4rem}

/* ---------- ambient glow (Live TV) ---------- */
.vy-amb-wrap{position:relative;overflow-x:clip}
.vy-amb-wrap>.player{position:relative;z-index:1}
.vy-amb{position:absolute;left:3%;right:3%;top:34px;bottom:34px;z-index:0;opacity:0;pointer-events:none;border-radius:32px;overflow:hidden;filter:blur(46px) saturate(1.6);transform:scale(1.02,1.12);transition:opacity 1.2s ease}
.vy-amb canvas{width:100%;height:100%;display:block}
.vy-amb.fallback canvas{display:none}
.vy-amb.on{opacity:.72}
html[data-vy-theme=light] .vy-amb.on{opacity:.42}
html.vy-lowend .vy-amb,html.vy-saver .vy-amb{display:none!important}
@media (prefers-reduced-motion:reduce){.vy-amb{transition:none}}

/* ---------- global search ---------- */
.vy-search-wrap{position:fixed;inset:0;z-index:100002;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:flex-start;padding:8vh 12px 12px}
.vy-search{width:min(640px,100%);max-height:80vh;display:flex;flex-direction:column;background:#0b1713;color:#f4fff9;border:1px solid rgba(84,240,189,.25);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.5);overflow:hidden}
.vy-search-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.vy-search-bar>svg{width:22px;height:22px;flex:none;fill:none;stroke:#54f0bd;stroke-width:1.8;stroke-linecap:round}
.vy-search-in{flex:1;min-width:0;height:44px;border:0!important;background:transparent!important;color:inherit!important;font:inherit;font-size:1.05rem;outline:none;box-shadow:none!important;padding:0}
.vy-search-in::-webkit-search-cancel-button{display:none}
.vy-search-list{list-style:none;margin:0;padding:6px;overflow:auto;overscroll-behavior:contain}
.vy-search-h{padding:10px 10px 4px;color:#f2c66d;font-size:.64rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.vy-search-opt{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:9px;cursor:pointer;min-height:52px}
.vy-search-opt.sel{background:rgba(84,240,189,.11);outline:1px solid rgba(84,240,189,.35)}
.vy-search-ic{width:38px;height:38px;flex:none;border-radius:50%;display:grid;place-items:center;background:#07110f;border:1px solid rgba(255,255,255,.1);overflow:hidden;font-size:.66rem;font-weight:900;color:#f2c66d}
.vy-search-ic img{width:100%;height:100%;object-fit:contain}
.vy-search-ic.pg{border-radius:9px;color:#54f0bd;font-size:1rem}.vy-search-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.vy-search-tx{flex:1;min-width:0}.vy-search-tx b{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vy-search-tx small{display:block;color:#8fa9a0;font-size:.72rem}
.vy-search-go{color:#54f0bd;font-size:.8rem;opacity:.6}
.vy-search-empty{padding:22px 12px;color:#8fa9a0;font-size:.86rem;text-align:center}
.vy-search-foot{margin:0;padding:8px 14px;border-top:1px solid rgba(255,255,255,.06)}
.vy-search-foot kbd{font:inherit;font-size:.68rem;border:1px solid rgba(255,255,255,.18);border-radius:4px;padding:0 5px;margin-right:2px}
@media(max-width:700px){.vy-search-wrap{padding:0}.vy-search{max-height:100%;height:100%;border-radius:0;border:0}.vy-search-foot{display:none}}
html[data-vy-theme=light] .vy-search{background:#ffffff;color:#0c1a15;border-color:rgba(10,125,92,.3)}
html[data-vy-theme=light] .vy-search-bar{border-bottom-color:rgba(12,40,30,.1)}
html[data-vy-theme=light] .vy-search-h{color:#8a5d00}
html[data-vy-theme=light] .vy-search-opt.sel{background:rgba(10,125,92,.1);outline-color:rgba(10,125,92,.45)}
html[data-vy-theme=light] .vy-search-ic{background:#eef4f1;color:#8a5d00}
html[data-vy-theme=light] .vy-search-tx small,html[data-vy-theme=light] .vy-search-empty{color:#4a5f57}
html[data-vy-theme=light] .vy-search-bar>svg,html[data-vy-theme=light] .vy-search-go,html[data-vy-theme=light] .vy-search-ic.pg{color:#0a7d5c;stroke:#0a7d5c}

/* ---------- welcome tour ---------- */
.vy-tour-wrap{position:fixed;inset:0;z-index:100003;background:rgba(0,0,0,.66);display:flex;align-items:center;justify-content:center;padding:14px}
.vy-tour{width:min(440px,100%);background:linear-gradient(160deg,rgba(84,240,189,.08),rgba(242,198,109,.04)),#0b1713;color:#f4fff9;border:1px solid rgba(84,240,189,.28);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.vy-tour-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 0;color:#f2c66d;font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.vy-tour-skip{background:none;border:0;color:#8fa9a0;font:inherit;font-size:.78rem;letter-spacing:0;text-transform:none;font-weight:700;padding:8px;cursor:pointer}
.vy-tour-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.vy-tour-track::-webkit-scrollbar{display:none}
.vy-tour-card{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;padding:18px 24px 8px;text-align:center}
.vy-tour-card h2{font:500 1.7rem Georgia,"Times New Roman",serif;margin:14px 0 8px}
.vy-tour-card p{color:#b5c9c1;line-height:1.6;margin:0;font-size:.92rem;min-height:4.8em}
.vy-tour-ic{width:84px;height:84px;margin:6px auto 0;border-radius:24px;display:grid;place-items:center;background:rgba(84,240,189,.1);border:1px solid rgba(84,240,189,.3);color:#54f0bd}
.vy-tour-ic svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.vy-tour-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 16px}
.vy-tour-dots{display:flex;gap:6px}
.vy-tour-dots button{width:9px;height:9px;padding:0;border-radius:50%;border:0;background:rgba(255,255,255,.22);cursor:pointer}
.vy-tour-dots button[aria-current=true]{background:#54f0bd;width:22px;border-radius:5px}
html[data-vy-theme=light] .vy-tour{background:#ffffff;color:#0c1a15;border-color:rgba(10,125,92,.3)}
html[data-vy-theme=light] .vy-tour-card p{color:#33473f}
html[data-vy-theme=light] .vy-tour-head{color:#8a5d00}
html[data-vy-theme=light] .vy-tour-skip{color:#4a5f57}
html[data-vy-theme=light] .vy-tour-ic{color:#0a7d5c;background:rgba(10,125,92,.08);border-color:rgba(10,125,92,.3)}
html[data-vy-theme=light] .vy-tour-dots button{background:rgba(12,40,30,.2)}
html[data-vy-theme=light] .vy-tour-dots button[aria-current=true]{background:#0a7d5c}

/* v4.1 — VYREON logo mark + subtle watermark on Live TV / Radio cards (never on movie posters) */
.vy-logo-img{display:block;width:100%;height:100%;object-fit:contain}
.vy-brand-mark,.brand-mark,.footer-logo{flex:0 0 auto}
.vision-logo{display:block;width:92px;height:92px;object-fit:contain}
@media(max-width:900px){.vision-logo{width:68px;height:68px}}
@media(max-width:520px){.vision-logo{width:60px;height:60px}}
.splash-logo svg{display:block}
.home-mini{position:relative}
.tv-card::after,.radio-card::after,.home-mini::after{content:"";position:absolute;right:7px;bottom:7px;width:18px;height:18px;background:url(logo.svg) center/contain no-repeat;opacity:.7;pointer-events:none;z-index:1}
.home-mini::after{width:16px;height:16px;right:6px;bottom:6px}
.vy-minip-row{position:relative}
.vy-minip-row::after{content:"";position:absolute;right:9px;top:8px;width:16px;height:16px;background:url(logo.svg) center/contain no-repeat;opacity:.45;pointer-events:none}
.vy-minip-row .vy-minip-info{padding-right:24px}