/* =====================================================================================================
   VYBEON x AVAVA 1.3 (part of VYBEON Unified 1.1) - one broadcast look for every screen.
   DARK  = "AVAVA Radio Online": near-black studio, on-air red-orange signal, mono kickers, ticker, VU meters, FM dial.
   LIGHT = "Avava Old Paper": warm craft paper, ink-charcoal type, retro-orange, serif headlines, hard offset shadows.
   Loaded AFTER nova.css. Everything is scoped under html[data-avava]: remove the <link> (or run
   localStorage.avavaOff = '1') and Nova is back exactly as it was.
   Every colour is a variable in the two TOKENS blocks - change a value there and the whole app follows.
   LAYOUT RULE: nothing from this file or avava-boot.js is ever placed next to <main id="view"> inside .shell.
   ===================================================================================================== */
/* ---------- TOKENS : dark ---------- */
html[data-avava][data-avava][data-theme=dark]{
  --av-r:6px;--av-r2:3px;
  --av-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --av-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --bg:#09090b;--card:#111114;--card2:#18181c;--surface:#111114;--surface2:#18181c;--line:#ffffff1c;--track:#34343c;
  --text:#f4f1ea;--muted:#9b978d;--hover:#ffffff0d;--sheet:#101013;--side:#0a0a0cf2;--bar:#0a0a0cf2;--scrim:#000000b3;
  --vio:#ff5a36;--rose:#ff8a4c;--teal:#3ddc97;--amber:#f5b942;--ring:#ff7a59;--glow:#ff4a1f;
  --grad:linear-gradient(135deg,#ff4a1f 0%,#ff6a3c 55%,#f5b942 100%);--on-grad:#170a05;
  --glass:rgba(17,17,20,.82);--glass2:rgba(255,255,255,.025);--glass-line:rgba(255,255,255,.11);
  --glass-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 22px 44px -30px #000;
  color-scheme:dark;
  background:radial-gradient(70% 46% at 88% -6%,#ff4a1f26,transparent 70%) fixed,radial-gradient(48% 40% at 0% 100%,#f5b9421c,transparent 72%) fixed,radial-gradient(90% 60% at 50% 120%,#3a0f0a40,transparent 70%) fixed,#09090b;
}
/* ---------- TOKENS : light ---------- */
html[data-avava][data-avava][data-theme=light]{
  --av-r:3px;--av-r2:2px;
  --av-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --av-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --bg:#eadfc8;--card:#f5edda;--card2:#fbf5e6;--surface:#f5edda;--surface2:#e6d9bb;--line:#2b211833;--track:#cdbf9f;
  --text:#2b2118;--muted:#6e5f4c;--hover:#2b211812;--sheet:#f8f1df;--side:#e4d7b9f5;--bar:#efe4cdf5;--scrim:#2b211899;
  --vio:#d9541e;--rose:#b8401a;--teal:#2f6f5e;--amber:#a8680f;--ring:#d9541e;--glow:#d9541e;
  --grad:linear-gradient(135deg,#e8682c 0%,#d9541e 100%);--on-grad:#fff7e8;
  --glass:#f5edda;--glass2:transparent;--glass-line:#2b2118;
  --glass-shadow:3px 3px 0 #2b2118;
  color-scheme:light;
  background:radial-gradient(120% 70% at 50% -12%,#fff6dc99,transparent 62%) fixed,radial-gradient(60% 50% at 100% 100%,#b98a4a38,transparent 70%) fixed,radial-gradient(52% 42% at 0% 92%,#b98a4a2a,transparent 70%) fixed,repeating-linear-gradient(0deg,#2b21180b 0 1px,transparent 1px 3px) fixed,#eadfc8;
}
/* the immersive surfaces keep their own dark look but take the new accent */
html[data-avava][data-avava][data-theme] .np,html[data-avava][data-avava][data-theme] .hero,html[data-avava][data-avava][data-theme] .yt-dock,html[data-avava][data-avava][data-theme] .emb-dock{--vio:#ff5a36;--rose:#ff8a4c;--teal:#3ddc97;--amber:#f5b942;--grad:linear-gradient(135deg,#ff4a1f 0%,#ff6a3c 55%,#f5b942 100%);--on-grad:#170a05}
html[data-avava][data-avava][data-theme] body{background:transparent!important}
html[data-avava][data-avava][data-theme] .aurora,html[data-avava][data-avava][data-theme] #novaFx{display:none!important}
/* safety net: anything of ours that ever lands directly in the two-column grid is hidden, never shown in the sidebar column */
.shell>.av-deck,.shell>.av-band,.shell>.av-dial{display:none!important}
.av-grain{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}
html[data-avava][data-avava][data-theme=dark] .av-grain{opacity:.055;mix-blend-mode:screen}
html[data-avava][data-avava][data-theme=light] .av-grain{opacity:.26;mix-blend-mode:multiply}
/* ---------- page + section headings ---------- */
html[data-avava][data-avava][data-theme=dark] .page-head h1,html[data-avava][data-avava][data-theme=dark] .entity-head h1,html[data-avava][data-avava][data-theme=dark] .sheet h2{font-weight:800;letter-spacing:-.035em;line-height:1.02;text-wrap:balance;background:linear-gradient(90deg,var(--text) 0%,var(--text) 58%,var(--vio) 88%,var(--amber) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-avava][data-avava][data-theme=dark] .page-head h1{font-size:clamp(30px,4.8vw,58px)}
html[data-avava][data-avava][data-theme=light] .page-head h1,html[data-avava][data-avava][data-theme=light] .entity-head h1,html[data-avava][data-avava][data-theme=light] .sheet h2{font-family:var(--av-serif);font-weight:800;letter-spacing:-.012em;line-height:1.04;text-wrap:balance;background:none;color:var(--text);-webkit-text-fill-color:var(--text)}
html[data-avava][data-avava][data-theme=light] .page-head h1{font-size:clamp(30px,4.8vw,56px)}
html[data-avava][data-avava][data-theme=light] .page-head{border-bottom:3px double var(--text);padding-bottom:14px;margin-bottom:22px}
html[data-avava][data-avava][data-theme] .page-head p,html[data-avava][data-avava][data-theme] .entity-head p{color:var(--muted)}
html[data-avava][data-avava][data-theme] .entity-head small,html[data-avava][data-avava][data-theme] .fmeta small,html[data-avava][data-avava][data-theme] .nova-head small{font-family:var(--av-mono);letter-spacing:.22em;font-weight:700;text-transform:uppercase;color:var(--vio)}
/* section headings: "01 - Title", rule underneath */
html[data-avava][data-avava][data-theme] #view{counter-reset:avs}
html[data-avava][data-avava][data-theme] .section>.row,html[data-avava][data-avava][data-theme] .section>h2{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}
html[data-avava][data-avava][data-theme] .section>.row h2,html[data-avava][data-avava][data-theme] .section>h2,html[data-avava][data-avava][data-theme] .nova-head h2{display:flex;align-items:baseline;gap:10px;font-family:var(--av-mono);font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text)}
html[data-avava][data-avava][data-theme] .section>.row h2::before,html[data-avava][data-avava][data-theme] .section>h2::before,html[data-avava][data-avava][data-theme] .nova-head h2::before{counter-increment:avs;content:counter(avs,decimal-leading-zero) " \2014";width:auto;height:auto;background:none;border-radius:0;color:var(--vio);flex:none}
html[data-avava][data-avava][data-theme=light] .section>.row h2,html[data-avava][data-avava][data-theme=light] .section>h2,html[data-avava][data-avava][data-theme=light] .nova-head h2{font-family:var(--av-serif);font-size:20px;letter-spacing:.04em;font-variant:small-caps;text-transform:none}
html[data-avava][data-avava][data-theme=light] .section>.row,html[data-avava][data-avava][data-theme=light] .section>h2{border-bottom:2px solid var(--text)}
html[data-avava][data-avava][data-theme] .section>.row .link{font-family:var(--av-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase}
html[data-avava][data-avava][data-theme] .nova-sub{font-family:var(--av-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
/* ---------- surfaces ---------- */
html[data-avava][data-avava][data-theme=dark] .card,html[data-avava][data-avava][data-theme=dark] .panel,html[data-avava][data-avava][data-theme=dark] .stat,html[data-avava][data-avava][data-theme=dark] .np-tools,html[data-avava][data-avava][data-theme=dark] .stamp,html[data-avava][data-avava][data-theme=dark] .fbtn,html[data-avava][data-avava][data-theme=dark] .install-banner,html[data-avava][data-avava][data-theme=dark] .announce,html[data-avava][data-avava][data-theme=dark] .empty,html[data-avava][data-avava][data-theme=dark] .note,html[data-avava][data-avava][data-theme=dark] .search-pill{background:linear-gradient(180deg,#ffffff07,transparent 60%),var(--card);border:1px solid var(--line);border-radius:var(--av-r);box-shadow:none}
html[data-avava][data-avava][data-theme=light] .card,html[data-avava][data-avava][data-theme=light] .panel,html[data-avava][data-avava][data-theme=light] .stat,html[data-avava][data-avava][data-theme=light] .fcard,html[data-avava][data-avava][data-theme=light] .np-tools,html[data-avava][data-avava][data-theme=light] .stamp,html[data-avava][data-avava][data-theme=light] .fbtn,html[data-avava][data-avava][data-theme=light] .install-banner,html[data-avava][data-avava][data-theme=light] .announce,html[data-avava][data-avava][data-theme=light] .empty,html[data-avava][data-avava][data-theme=light] .note,html[data-avava][data-avava][data-theme=light] .search-pill{background:var(--card);border:1.5px solid var(--text);border-radius:var(--av-r);box-shadow:3px 3px 0 var(--text)}
html[data-avava][data-avava][data-theme=dark] .fcard{border-radius:var(--av-r);box-shadow:none}
html[data-avava][data-avava][data-theme] .card,html[data-avava][data-avava][data-theme] .fcard,html[data-avava][data-avava][data-theme] .panel{border-radius:var(--av-r)}
html[data-avava][data-avava][data-theme] .empty{border-style:dashed}
html[data-avava][data-avava][data-theme=dark] .card:hover{background:linear-gradient(180deg,#ffffff0e,transparent 60%),#15151a;transform:translateY(-3px);border-color:var(--vio);box-shadow:0 0 0 1px color-mix(in srgb,var(--vio) 55%,transparent),0 22px 44px -26px color-mix(in srgb,var(--glow) 65%,transparent)}
html[data-avava][data-avava][data-theme=light] .card:hover{transform:translate(-2px,-2px);border-color:var(--text);box-shadow:5px 5px 0 var(--vio);background:var(--card2)}
html[data-avava][data-avava][data-theme] .cover{border-radius:var(--av-r2)}
html[data-avava][data-avava][data-theme=dark] .cover img{filter:saturate(.95) contrast(1.05)}
html[data-avava][data-avava][data-theme=light] .cover img{filter:sepia(.16) contrast(1.02)}
html[data-avava][data-avava][data-theme=light] .cover{color:#fff7e8;text-shadow:0 2px 0 #2b211855}
html[data-avava][data-avava][data-theme] .tile{border-radius:var(--av-r)}
html[data-avava][data-avava][data-theme=light] .tile{border:1.5px solid var(--text);box-shadow:3px 3px 0 var(--text)}
html[data-avava][data-avava][data-theme] .trow{border-radius:var(--av-r2)}
html[data-avava][data-avava][data-theme] .trow:hover{background:color-mix(in srgb,var(--vio) 11%,transparent)}
html[data-avava][data-avava][data-theme=dark] .trow.cur{background:linear-gradient(90deg,color-mix(in srgb,var(--vio) 20%,transparent),transparent);box-shadow:inset 3px 0 var(--vio)}
html[data-avava][data-avava][data-theme=light] .trow.cur{background:#2b21180f;box-shadow:inset 4px 0 var(--vio)}
html[data-avava][data-avava][data-theme] .trow.cur .tt,html[data-avava][data-avava][data-theme] .trow.now .tt{color:var(--vio)}
html[data-avava][data-avava][data-theme] .nova-trow{border-radius:var(--av-r2)}
html[data-avava][data-avava][data-theme] .nova-trow .badge,html[data-avava][data-avava][data-theme] .badge{font-family:var(--av-mono);border-radius:var(--av-r2)}
/* ---------- controls ---------- */
html[data-avava][data-avava][data-theme] .btn{border-radius:var(--av-r2);font-family:var(--av-mono);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:transform .16s,box-shadow .16s,filter .16s,background .16s}
html[data-avava][data-avava][data-theme=dark] .btn{background:var(--grad);color:var(--on-grad);box-shadow:0 10px 26px -14px var(--glow)}
html[data-avava][data-avava][data-theme=dark] .btn:hover{filter:brightness(1.1)}
html[data-avava][data-avava][data-theme=dark] .btn.ghost{background:transparent;border:1px solid var(--line);color:var(--text);box-shadow:none}
html[data-avava][data-avava][data-theme=dark] .btn.ghost:hover{border-color:var(--vio);color:var(--vio)}
html[data-avava][data-avava][data-theme=light] .btn{background:var(--vio);color:var(--on-grad);border:1.5px solid var(--text);box-shadow:3px 3px 0 var(--text)}
html[data-avava][data-avava][data-theme=light] .btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--text)}
html[data-avava][data-avava][data-theme=light] .btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--text)}
html[data-avava][data-avava][data-theme=light] .btn.ghost{background:var(--card2);color:var(--text)}
html[data-avava][data-avava][data-theme] .chip{border-radius:var(--av-r2);font-family:var(--av-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
html[data-avava][data-avava][data-theme=dark] .chip{background:transparent;border:1px solid var(--line)}
html[data-avava][data-avava][data-theme=light] .chip{background:var(--card2);border:1.5px solid var(--text)}
html[data-avava][data-avava][data-theme=dark] .chip.on{background:var(--vio);color:var(--on-grad);border-color:var(--vio);box-shadow:0 8px 22px -12px var(--glow)}
html[data-avava][data-avava][data-theme=light] .chip.on{background:var(--text);color:var(--bg);border-color:var(--text);box-shadow:none}
html[data-avava][data-avava][data-theme] .searchbar input,html[data-avava][data-avava][data-theme] .dsearch input,html[data-avava][data-avava][data-theme] .field{border-radius:var(--av-r2);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-avava][data-avava][data-theme=dark] .searchbar input,html[data-avava][data-avava][data-theme=dark] .dsearch input,html[data-avava][data-avava][data-theme=dark] .field{background:var(--card);border:1px solid var(--line)}
html[data-avava][data-avava][data-theme=light] .searchbar input,html[data-avava][data-avava][data-theme=light] .dsearch input,html[data-avava][data-avava][data-theme=light] .field{background:var(--card2);border:1.5px solid var(--text);color:var(--text)}
html[data-avava][data-avava][data-theme] .searchbar input:focus,html[data-avava][data-avava][data-theme] .field:focus{border-color:var(--vio);box-shadow:0 0 0 3px color-mix(in srgb,var(--vio) 28%,transparent)}
html[data-avava][data-avava][data-theme] .play-btn.xl,html[data-avava][data-avava][data-theme] .hl-btns .play-btn{background:var(--grad);color:var(--on-grad);box-shadow:0 0 0 6px color-mix(in srgb,var(--glow) 18%,transparent),0 14px 36px -12px var(--glow)}
html[data-avava][data-avava][data-theme=light] .play-btn.xl{border:2px solid var(--text);box-shadow:3px 3px 0 var(--text)}
html[data-avava][data-avava][data-theme] .toast{background:var(--grad);color:var(--on-grad);border-radius:var(--av-r2);font-family:var(--av-mono);letter-spacing:.06em}
html[data-avava][data-avava][data-theme=light] .toast{border:1.5px solid var(--text);box-shadow:3px 3px 0 var(--text)}
html[data-avava][data-avava][data-theme] .link{color:var(--vio)}
html[data-avava][data-avava][data-theme] :focus-visible{outline-color:var(--ring)}
html[data-avava][data-avava][data-theme] .spin{border-color:var(--track);border-top-color:var(--vio)}
/* ---------- navigation, account, player, sheets ---------- */
html[data-avava][data-avava][data-theme=dark] .side{background:var(--side);border-right:1px solid var(--line)}
html[data-avava][data-avava][data-theme=light] .side{background:var(--side);border-right:2px solid var(--text);background-image:repeating-linear-gradient(90deg,transparent 0 6px,#2b21180a 6px 7px)}
html[data-avava][data-avava][data-theme] .menu a{border-radius:var(--av-r2);font-family:var(--av-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
html[data-avava][data-avava][data-theme] .menu a .ic{flex:none}
html[data-avava][data-avava][data-theme=dark] .menu a.on{background:linear-gradient(90deg,color-mix(in srgb,var(--vio) 20%,transparent),transparent);color:var(--text);box-shadow:inset 3px 0 var(--vio)}
html[data-avava][data-avava][data-theme=light] .menu a.on{background:var(--text);color:var(--bg);box-shadow:3px 3px 0 var(--vio)}
html[data-avava][data-avava][data-theme=dark] .account{background:var(--card);border:1px solid var(--line);border-radius:var(--av-r)}
html[data-avava][data-avava][data-theme=light] .account{background:var(--card2);border:1.5px solid var(--text);border-radius:var(--av-r);box-shadow:2px 2px 0 var(--text)}
html[data-avava][data-avava][data-theme] .foot-tools .ring{border-radius:var(--av-r2)}
html[data-avava][data-avava][data-theme=light] .foot-tools .ring{border:1.5px solid var(--text);background:var(--card2)}
html[data-avava][data-avava][data-theme] .credit{font-family:var(--av-mono);font-size:10.5px;letter-spacing:.08em}
html[data-avava][data-avava][data-theme] .avatar{border-radius:var(--av-r2)}
html[data-avava][data-avava][data-theme=dark] .topbar,html[data-avava][data-avava][data-theme=dark] .tabbar{background:var(--bar);border-color:var(--line)}
html[data-avava][data-avava][data-theme=light] .topbar{background:var(--bar);border-bottom:2px solid var(--text)}
html[data-avava][data-avava][data-theme=light] .tabbar{background:var(--bar);border-top:2px solid var(--text)}
html[data-avava][data-view=mobile] .tabbar a{font-family:var(--av-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:0}
html[data-avava][data-view=mobile] .tabbar a.on{background:color-mix(in srgb,var(--vio) 16%,transparent);box-shadow:inset 0 -3px var(--vio);color:var(--text)}
html[data-avava][data-avava][data-theme=dark] .player{background:var(--bar);border-color:var(--line);box-shadow:0 -20px 40px -30px #000}
html[data-avava][data-avava][data-theme=light] .player{background:var(--bar);border-top:2px solid var(--text);border-color:var(--text);box-shadow:0 -3px 0 #2b211822}
html[data-avava][data-theme=light][data-view=mobile] .player{border:2px solid var(--text);border-radius:var(--av-r);box-shadow:3px 3px 0 var(--text)}
html[data-avava][data-theme=dark][data-view=mobile] .player{border-radius:var(--av-r)}
html[data-avava][data-avava][data-theme] .p-cover{border-radius:var(--av-r2)}
html[data-avava][data-avava][data-theme=light] .p-cover{border:1.5px solid var(--text)}
html[data-avava][data-avava][data-theme] .sheet{border-radius:var(--av-r)}
html[data-avava][data-avava][data-theme=dark] .sheet{background:var(--sheet);border:1px solid var(--line)}
html[data-avava][data-avava][data-theme=light] .sheet{background:var(--sheet);border:2px solid var(--text);box-shadow:6px 6px 0 var(--text)}
html[data-avava][data-avava][data-theme] .suggest{border-radius:var(--av-r2)}
html[data-avava][data-avava][data-theme=light] .suggest{background:var(--sheet);border:1.5px solid var(--text);box-shadow:3px 3px 0 var(--text)}
html[data-avava][data-avava][data-theme] .tabs{border-radius:var(--av-r2)}
html[data-avava][data-avava][data-theme] .tabs button{border-radius:var(--av-r2);font-family:var(--av-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
/* ---------- the Home hero IS the broadcast banner (the picture is optional: without it the studio glow below is used) ---------- */
html[data-avava][data-avava][data-theme] .hero{border-radius:var(--av-r)}
html[data-avava][data-avava][data-theme] .hero small{font-family:var(--av-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--vio)}
html[data-avava][data-avava][data-theme] .hero h1{font-weight:900;letter-spacing:-.04em;line-height:.98;text-wrap:balance}
html[data-avava][data-avava][data-theme] .hero .btn{white-space:nowrap}
html[data-avava][data-avava][data-theme=dark] .hero:not(.live){background:url(/avava/hero-dark.jpg) 70% center/cover no-repeat,radial-gradient(70% 90% at 82% 30%,#ff4a1f40,transparent 70%),radial-gradient(60% 70% at 100% 100%,#f5b94230,transparent 70%),#09090b;border:1px solid var(--line);box-shadow:0 30px 80px -46px var(--glow)}
html[data-avava][data-avava][data-theme=dark] .hero:not(.live)::before{background:linear-gradient(90deg,#09090bf2 0%,#09090bb8 40%,#09090b30 74%,transparent 100%),linear-gradient(0deg,#09090b99,transparent 45%)}
html[data-avava][data-avava][data-theme=dark] .hero:not(.live)>canvas{opacity:.2;mix-blend-mode:screen;filter:sepia(1) saturate(3) hue-rotate(-18deg)}
html[data-avava][data-avava][data-theme=dark] .hero:not(.live) h1{color:#f4f1ea}
html[data-avava][data-avava][data-theme=dark] .hero:not(.live) p{color:#cfc9bc}
html[data-avava][data-avava][data-theme=light] .hero:not(.live){--text:#2b2118;--muted:#6e5f4c;--card:#f5edda;--card2:#fbf5e6;--surface:#f5edda;--line:#2b211833;--on-grad:#fff7e8;background:url(/avava/hero-light.jpg) 62% center/cover no-repeat,radial-gradient(70% 90% at 82% 30%,#d9541e33,transparent 70%),#eadfc8;color:#2b2118;border:2px solid #2b2118;box-shadow:5px 5px 0 #2b2118}
html[data-avava][data-avava][data-theme=light] .hero:not(.live)::before{background:linear-gradient(90deg,#f5eddaf5 0%,#f5eddac8 40%,#f5edda3a 72%,transparent 100%)}
html[data-avava][data-avava][data-theme=light] .hero:not(.live)>canvas{display:none}
html[data-avava][data-avava][data-theme=light] .hero:not(.live) h1{font-family:var(--av-serif);letter-spacing:-.02em;color:#2b2118}
html[data-avava][data-avava][data-theme=light] .hero:not(.live) h1 em{font-style:italic;background:none;-webkit-text-fill-color:#d9541e;color:#d9541e}
html[data-avava][data-avava][data-theme=light] .hero:not(.live) p{color:#5c4e3c}
html[data-avava][data-avava][data-theme=light] .hero:not(.live) .btn{background:#d9541e;color:#fff7e8;border:1.5px solid #2b2118;box-shadow:3px 3px 0 #2b2118}
html[data-avava][data-avava][data-theme=light] .hero:not(.live) .btn.ghost{background:#fbf5e6;color:#2b2118}
html[data-avava][data-theme=dark][data-view=mobile] .hero:not(.live){background-position:72% bottom,center,center,center}
html[data-avava][data-theme=dark][data-view=mobile] .hero:not(.live)::before{background:linear-gradient(180deg,#09090bf5 0%,#09090bd8 52%,#09090b66 100%)}
html[data-avava][data-theme=light][data-view=mobile] .hero:not(.live){background-position:70% bottom,center,center}
html[data-avava][data-theme=light][data-view=mobile] .hero:not(.live)::before{background:linear-gradient(180deg,#f5eddaf7 0%,#f5eddae6 54%,#f5edda80 100%)}
@media (max-width:1000px){
  html[data-avava][data-theme=dark] .hero:not(.live)::before{background:linear-gradient(90deg,#09090bf5 0%,#09090bdd 55%,#09090b70 100%)}
  html[data-avava][data-theme=light] .hero:not(.live)::before{background:linear-gradient(90deg,#f5eddaf7 0%,#f5eddae6 55%,#f5eddab0 100%)}
}
html[data-avava][data-avava][data-theme] .hero.live{background:linear-gradient(130deg,#140c08,#2a1710 55%,#1a0f0a)}
html[data-avava][data-avava][data-theme=dark] .hero.live{border:1px solid var(--line);box-shadow:0 30px 80px -46px var(--glow)}
html[data-avava][data-avava][data-theme=light] .hero.live{border:2px solid #2b2118;box-shadow:5px 5px 0 #2b2118}
html[data-avava][data-avava][data-theme] .hero.live .hero-live{background:linear-gradient(transparent,#0d0805cc 45%,#0d0805f5)}
html[data-avava][data-avava][data-theme] .hl-meta small{color:var(--vio)}
/* ---------- Back button + hint (Nova) ---------- */
html[data-avava][data-avava][data-theme] .nova-back{border-radius:var(--av-r2);font-family:var(--av-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-avava][data-avava][data-theme=dark] .nova-back{background:var(--card);border:1px solid var(--line);box-shadow:none}
html[data-avava][data-avava][data-theme=light] .nova-back{background:var(--card2);border:1.5px solid var(--text);box-shadow:2px 2px 0 var(--text)}
html[data-avava][data-avava][data-theme] #novaHint{background:var(--grad);color:var(--on-grad);border-radius:var(--av-r2);font-family:var(--av-mono)}
/* ---------- voice search: same screen and layout as before, recoloured ---------- */
html[data-avava][data-avava][data-theme=dark] .voice{background:radial-gradient(90% 60% at 50% 72%,#5a1a0c55,transparent 70%),radial-gradient(60% 40% at 50% 0%,#f5b9421a,transparent 70%),#07070a}
html[data-avava][data-avava][data-theme=dark] .voice::before{background:linear-gradient(90deg,#ff4a1f30,transparent)}
html[data-avava][data-avava][data-theme=dark] .voice::after{background:linear-gradient(270deg,#f5b94228,transparent)}
html[data-avava][data-avava][data-theme=dark] .voice-text em{background:linear-gradient(90deg,#ff5a36,#f5b942);-webkit-background-clip:text;background-clip:text;color:transparent}
html[data-avava][data-avava][data-theme=dark] .voice-mic.on{box-shadow:0 0 0 10px #ff5a3622,0 0 44px #ff5a3666}
html[data-avava][data-avava][data-theme=dark] .voice-pill:focus-within{border-color:#ff7a59aa;box-shadow:0 0 0 3px #ff5a3633}
html[data-avava][data-avava][data-theme=dark] .voice canvas{filter:sepia(1) saturate(3.4) hue-rotate(-14deg) brightness(1.15)}
html[data-avava][data-avava][data-theme=light] .voice{background:radial-gradient(70% 50% at 50% 0%,#fff6dc,transparent 70%),radial-gradient(70% 40% at 50% 100%,#d9541e1c,transparent 70%),#eadfc8;color:#2b2118}
html[data-avava][data-avava][data-theme=light] .voice::before{background:linear-gradient(90deg,#d9541e1f,transparent)}
html[data-avava][data-avava][data-theme=light] .voice::after{background:linear-gradient(270deg,#b98a4a2a,transparent)}
html[data-avava][data-avava][data-theme=light] .voice-close{color:#2b2118;background:#f5edda;border:1.5px solid #2b2118}
html[data-avava][data-avava][data-theme=light] .voice-top small{color:#6e5f4c}
html[data-avava][data-avava][data-theme=light] .voice-text{color:#2b2118}
html[data-avava][data-avava][data-theme=light] .voice-text em{background:none;-webkit-text-fill-color:#d9541e;color:#d9541e}
html[data-avava][data-avava][data-theme=light] .voice-sub{color:#6e5f4c}
html[data-avava][data-avava][data-theme=light] .voice-mic{color:#2b2118;background:#f5edda;border:1.5px solid #2b2118}
html[data-avava][data-avava][data-theme=light] .voice-mic.on{background:#d9541e;color:#fff7e8;box-shadow:0 0 0 10px #d9541e26,0 0 40px #d9541e44}
html[data-avava][data-avava][data-theme=light] .voice-pill{background:#f5edda;border:1.5px solid #2b2118}
html[data-avava][data-avava][data-theme=light] .voice-pill input{color:#2b2118}
html[data-avava][data-avava][data-theme=light] .voice-pill input::placeholder{color:#8a7a62}
html[data-avava][data-avava][data-theme=light] .voice-pill .icon-btn{color:#2b2118}
html[data-avava][data-avava][data-theme=light] .voice-pill:focus-within{border-color:#d9541e;box-shadow:0 0 0 3px #d9541e33}
html[data-avava][data-avava][data-theme=light] .vchip{background:#f5edda;border:1.5px solid #2b2118;color:#2b2118}
html[data-avava][data-avava][data-theme=light] .vchip:hover{background:#fbf5e6}
html[data-avava][data-avava][data-theme=light] .voice canvas{filter:sepia(1) saturate(4) hue-rotate(-14deg) brightness(.64) contrast(1.25)}
/* ---------- Logo ---------- */
html[data-avava][data-avava][data-theme] .brand>*:not(.av-logo){display:none!important}
.av-logo{display:inline-flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;min-width:0}
.av-mark{width:40px;height:40px;flex:none;display:block;overflow:visible}
.av-mark .av-ring{stroke:currentColor;opacity:.9}
.av-mark .av-ring2{stroke:currentColor;opacity:0}
.av-mark .av-v{stroke:var(--vio)}
.av-mark .av-arc{stroke:var(--vio);opacity:.95}
.av-mark .av-arc.a2{opacity:.5}
.av-mark .av-pin{fill:var(--vio)}
.av-mark .av-fill{fill:var(--vio);opacity:0}
.av-word{display:flex;flex-direction:column;line-height:1;min-width:0}
.av-word b{font-family:"Segoe UI",Inter,system-ui,sans-serif;font-weight:900;font-size:21px;letter-spacing:.3em;margin-right:-.3em;color:var(--text);-webkit-text-fill-color:currentColor;background:none}
.av-word small{font-family:var(--av-mono);font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-top:6px;white-space:nowrap}
html[data-avava][data-avava][data-theme=light] .av-mark .av-ring2{opacity:.9}
html[data-avava][data-avava][data-theme=light] .av-mark .av-fill{opacity:.14}
html[data-avava][data-avava][data-theme=light] .av-word b{font-family:var(--av-serif);font-weight:900;font-size:23px;letter-spacing:.14em;margin-right:-.14em}
html[data-avava][data-avava][data-theme=light] .av-word small{letter-spacing:.2em;text-transform:none;font-family:var(--av-serif);font-style:italic;font-size:11.5px}
html[data-avava][data-view=mobile] .av-word small{display:none}
html[data-avava][data-view=mobile] .av-mark{width:32px;height:32px}
html[data-avava][data-view=mobile] .av-word b{font-size:18px}
html[data-avava][data-theme=light][data-view=mobile] .av-word b{font-size:19px}
/* ---------- Deck: ticker + status (inside #view, below the sticky header) ---------- */
.av-deck{margin:0 0 20px;font-family:var(--av-mono);text-transform:uppercase;min-width:0}
.av-ticker{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.av-track{display:inline-flex;animation:avScroll var(--dur,46s) linear infinite;will-change:transform}
.av-deck:hover .av-track{animation-play-state:paused}
.av-group{display:inline-flex;align-items:center;flex:none}
.av-item{font-size:12px;font-weight:700;letter-spacing:.2em;padding:0 22px;color:var(--text)}
.av-item.now{color:var(--vio)}
.av-sep{color:var(--vio);font-size:10px}
@keyframes avScroll{to{transform:translateX(-50%)}}
html[data-avava][data-avava][data-theme=light] .av-ticker{border-top:2px solid var(--text);border-bottom:1px solid var(--text);font-family:var(--av-serif)}
html[data-avava][data-avava][data-theme=light] .av-item{font-family:var(--av-serif);font-style:italic;font-weight:700;letter-spacing:.06em;text-transform:none;font-size:15px}
.av-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;padding:10px 2px 0;font-size:11px;letter-spacing:.16em;color:var(--muted)}
.av-live{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}
.av-dot{width:9px;height:9px;border-radius:50%;background:var(--track);display:inline-block}
.av-deck.on .av-live{color:var(--vio)}
.av-deck.on .av-dot{background:var(--vio);animation:avPulse 1.5s ease-out infinite}
@keyframes avPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--vio) 65%,transparent)}100%{box-shadow:0 0 0 10px transparent}}
.av-route{color:var(--text)}
.av-fm{color:var(--muted);font-variant-numeric:tabular-nums}
.av-sp{flex:1 1 20px}
.av-vus{display:inline-flex;gap:8px;align-items:center}
.av-vu{position:relative;width:34px;height:20px;border:1px solid var(--line);border-radius:2px;overflow:hidden;background:linear-gradient(180deg,#ffffff08,transparent)}
.av-vu::after{content:attr(data-ch);position:absolute;left:3px;bottom:1px;font-size:7px;letter-spacing:.1em;color:var(--muted)}
.av-vu i{position:absolute;left:50%;bottom:-2px;width:1.5px;height:19px;background:var(--vio);transform-origin:50% 100%;transform:rotate(calc(var(--v,0) * 84deg - 42deg));transition:transform .08s linear}
html[data-avava][data-avava][data-theme=light] .av-vu{border:1.5px solid var(--text);background:var(--card2)}
.av-eq{display:inline-flex;align-items:flex-end;gap:2px;height:18px}
.av-eq i{display:block;width:3px;height:100%;background:var(--vio);transform-origin:50% 100%;transform:scaleY(var(--h,.12));transition:transform .08s linear}
.av-clock{color:var(--text)}
@media (max-width:1100px){.av-vus{display:none}}
html[data-avava][data-view=mobile] .av-vus,html[data-avava][data-view=mobile] .av-eq{display:none}
html[data-avava][data-view=mobile] .av-deck{margin-bottom:14px}
html[data-avava][data-view=mobile] .av-ticker{padding:7px 0}
html[data-avava][data-view=mobile] .av-item{font-size:11px;padding:0 16px}
html[data-avava][data-theme=light][data-view=mobile] .av-item{font-size:14px}
html[data-avava][data-view=mobile] .av-status{font-size:10px;gap:6px 12px;padding-top:8px}
@media (max-width:380px){html[data-avava] .av-fm{display:none}}
/* ---------- big moving line (Home, under the hero) ---------- */
.av-band{overflow:hidden;white-space:nowrap;margin:24px 0 4px;padding:6px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}
.av-band .av-track{animation-duration:60s;animation-direction:reverse}
.av-big{font-weight:900;font-size:clamp(30px,6vw,84px);line-height:1.1;letter-spacing:-.035em;padding:0 .4em;text-transform:uppercase}
html[data-avava][data-avava][data-theme=dark] .av-big{color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--text) 70%,transparent)}
html[data-avava][data-avava][data-theme=dark] .av-big.f{color:var(--vio);-webkit-text-stroke:0}
html[data-avava][data-avava][data-theme=light] .av-big{font-family:var(--av-serif);font-style:italic;text-transform:none;color:var(--text);letter-spacing:-.02em}
html[data-avava][data-avava][data-theme=light] .av-big.f{color:var(--vio)}
.av-star{color:var(--vio);align-self:center;font-size:.5em}
html[data-avava][data-avava][data-theme=light] .av-band{border-top:3px double var(--text);border-bottom:3px double var(--text)}
/* ---------- Radio: the FM dial ---------- */
.av-dial{position:relative;margin:0 0 24px;padding:16px 18px 12px;border-radius:var(--av-r);overflow:hidden;min-width:0}
html[data-avava][data-avava][data-theme=dark] .av-dial{background:linear-gradient(180deg,#ffffff08,transparent),#0d0d10;border:1px solid var(--line)}
html[data-avava][data-avava][data-theme=light] .av-dial{background:var(--card2);border:2px solid var(--text);box-shadow:4px 4px 0 var(--text)}
.av-dial-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:var(--av-mono);text-transform:uppercase}
.av-dial-head small{font-size:10.5px;letter-spacing:.24em;color:var(--vio);font-weight:800}
.av-dial-head .av-freq{font-size:clamp(34px,6vw,56px);font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--text);font-variant-numeric:tabular-nums}
.av-dial-head span{font-size:12px;letter-spacing:.2em;color:var(--muted)}
.av-dial-head .av-stn{font-style:normal;margin-left:auto;font-size:11px;letter-spacing:.14em;color:var(--muted);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-avava][data-avava][data-theme=light] .av-dial-head .av-freq{font-family:var(--av-serif);letter-spacing:-.02em}
.av-scale{position:relative;margin-top:8px}
.av-scale svg{display:block;width:100%;height:auto}
.av-scale .tk{stroke:var(--muted);stroke-width:1}
.av-scale .tk.m{stroke:var(--text);stroke-width:1.4}
.av-scale text{fill:var(--muted);font:600 11px var(--av-mono);letter-spacing:.06em;text-anchor:middle}
.av-needle{position:absolute;top:0;bottom:14px;width:2px;background:var(--vio);left:calc(var(--f,32) * 1% + var(--j,0) * 1px);transition:left .9s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 14px var(--glow);pointer-events:none}
.av-needle::before{content:"";position:absolute;top:-4px;left:-4px;width:10px;height:10px;border-radius:50%;background:var(--vio)}
@media (max-width:520px){.av-dial-head .av-stn{max-width:100%;margin-left:0;flex-basis:100%}}
@keyframes avIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.av-dial{animation:avIn .6s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){.av-track{animation:none}.av-dial{animation:none}.av-deck.on .av-dot{animation:none}.av-needle{transition:none}}

/* =====================================================================================================
   1.3 FINISH - fit every screen. Only sizes, spacing, legibility and touch comfort: no colours or features change.
   ===================================================================================================== */
/* ---------- Home banner: readable on both pictures, at every width ---------- */
html[data-avava][data-theme] .hero:not(.live) h1{font-size:clamp(34px,5.1vw,84px);overflow-wrap:anywhere}
html[data-avava][data-theme] .hero:not(.live) p{max-width:60ch;text-wrap:pretty}
html[data-avava][data-theme=dark] .hero:not(.live) h1,html[data-avava][data-theme=dark] .hero:not(.live) p{text-shadow:0 2px 22px #000c,0 1px 2px #0008}
html[data-avava][data-theme=light] .hero:not(.live) p{text-shadow:0 0 14px #f5eddaf0,0 0 3px #f5edda}
/* the spectrum wave sits along the bottom edge, as a signal line, instead of washing over the headline */
html[data-avava][data-avava][data-theme=dark]:not([data-view=mobile]) .hero:not(.live)>canvas{opacity:.34;-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent 46%,#000 84%);mask-image:linear-gradient(180deg,transparent 0,transparent 46%,#000 84%)}
@media (min-width:1001px){
  html[data-avava][data-theme] .hero:not(.live){min-height:clamp(360px,31vw,500px)}
  html[data-avava][data-theme] .hero:not(.live) p{max-width:min(500px,50%)}
  html[data-avava][data-avava][data-theme=dark]:not([data-view=mobile]) .hero:not(.live)::before{background:linear-gradient(90deg,#09090bf5 0%,#09090bd9 36%,#09090b55 66%,transparent 92%),linear-gradient(0deg,#09090b99,transparent 45%)}
  html[data-avava][data-avava][data-theme=light]:not([data-view=mobile]) .hero:not(.live)::before{background:linear-gradient(90deg,#f5eddaf7 0%,#f5eddaea 38%,#f5edda70 66%,transparent 92%)}
}
/* tablets / narrow windows that are not in phone mode: the original <=1000px scrims lost to the wider rule, so they are restated here */
@media (max-width:1000px){
  html[data-avava][data-avava][data-theme=dark]:not([data-view=mobile]) .hero:not(.live)::before{background:linear-gradient(90deg,#09090bf5 0%,#09090bdd 55%,#09090b70 100%)}
  html[data-avava][data-avava][data-theme=light]:not([data-view=mobile]) .hero:not(.live)::before{background:linear-gradient(90deg,#f5eddaf7 0%,#f5eddae6 55%,#f5eddab0 100%)}
}
@media (max-width:640px){
  html[data-avava][data-theme] .hero:not(.live) .btn{flex:1 1 150px;justify-content:center;text-align:center}
  html[data-avava][data-theme] .hero:not(.live) p{max-width:none}
}
html[data-avava][data-view=mobile] .hero:not(.live) h1{font-size:clamp(30px,9.4vw,46px)}
/* ---------- sidebar: always reachable, even on a short laptop screen ---------- */
html[data-avava][data-theme] .side{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--track) transparent}
@media (max-height:780px){html[data-avava][data-theme] .menu a{padding-top:7px;padding-bottom:7px}}
@media (max-height:640px){html[data-avava][data-theme] .menu a{padding-top:5px;padding-bottom:5px}html[data-avava][data-theme] .credit{display:none}}
/* ---------- touch comfort + no "stuck" hover on phones and tablets ---------- */
html[data-avava][data-view=mobile] .btn,html[data-avava][data-view=mobile] .chip,html[data-avava][data-view=mobile] .tabs button{min-height:42px}
html[data-avava][data-view=mobile] .tabbar a{min-height:50px}
@media (hover:none){
  html[data-avava][data-theme=dark] .card:hover,html[data-avava][data-theme=light] .card:hover{transform:none}
  html[data-avava][data-theme=light] .btn:hover{transform:none;box-shadow:3px 3px 0 var(--text)}
}
/* ---------- long titles never push a screen sideways ---------- */
html[data-avava][data-theme] #view{min-width:0;overflow-wrap:anywhere}
html[data-avava][data-theme] #view img,html[data-avava][data-theme] #view video,html[data-avava][data-theme] #view canvas{max-width:100%}
html[data-avava][data-theme] .page-head,html[data-avava][data-theme] .entity-head{min-width:0}
/* ---------- very wide screens: the banner stays a banner ---------- */
@media (min-width:1900px){html[data-avava][data-theme] .hero:not(.live){max-width:1560px}html[data-avava][data-theme] .av-deck{max-width:1560px}}
/* ---------- short landscape phones ---------- */
@media (max-height:480px) and (orientation:landscape){html[data-avava][data-theme] .hero:not(.live){min-height:0}html[data-avava][data-theme] .hero:not(.live) h1{font-size:clamp(26px,6vw,40px)}}
@media (prefers-reduced-motion:reduce){html[data-avava][data-theme] .card:hover{transform:none}}