.hbvr-app{--ink:#f8fafc;--muted:#98a2b3;--panel:#111722;--panel2:#171f2c;--line:rgba(255,255,255,.09);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);width:100%;min-width:0}.hbvr-app *{box-sizing:border-box}.hbvr-directory-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:26px}.hbvr-kicker{color:#ffad72;font-weight:800;font-size:11px;letter-spacing:.16em}.hbvr-directory-head h2{font-size:clamp(30px,4vw,50px);line-height:1.05;margin:10px 0 8px;letter-spacing:-.04em}.hbvr-directory-head p{color:var(--muted);margin:0}.hbvr-live-badge{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:11px;font-weight:900;letter-spacing:.12em}.hbvr-live-badge i,.hbvr-player-art span{width:8px;height:8px;border-radius:50%;background:#ff3b30;box-shadow:0 0 0 5px rgba(255,59,48,.12)}.hbvr-toolbar{display:flex;gap:12px}.hbvr-search{height:54px;flex:1;display:flex;align-items:center;gap:12px;padding:0 16px;border:1px solid var(--line);background:var(--panel);border-radius:16px}.hbvr-search input{border:0!important;outline:0!important;background:transparent!important;color:#fff!important;width:100%;font-size:15px}.hbvr-search button,.hbvr-filter-toggle{border:0;background:transparent;color:#c6ccd5}.hbvr-filter-toggle{display:none;border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:0 17px;font-weight:800}.hbvr-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;margin:14px 0 22px}.hbvr-filters label{display:block}.hbvr-filters label span{display:block;color:#858e9c;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px 4px}.hbvr-filters select,.hbvr-filters button{height:48px;width:100%;border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:14px;padding:0 13px}.hbvr-filters button{align-self:end;padding:0 18px;font-weight:800}.hbvr-dial{display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px;padding:22px 24px;margin:20px 0;border:1px solid rgba(255,179,112,.18);border-radius:22px;background:linear-gradient(135deg,#2a2118,#14110e 62%,#0c0b09);box-shadow:inset 0 1px rgba(255,255,255,.08)}.hbvr-dial-copy span{display:block;color:#ffad72;font-size:9px;font-weight:900;letter-spacing:.14em}.hbvr-dial-copy strong{display:block;font-family:ui-monospace,monospace;font-size:26px;margin:6px 0}.hbvr-dial-copy small{color:#a69b90;display:block}.hbvr-scale-wrap{position:relative;height:72px}.hbvr-scale{position:absolute;inset:16px 0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1px,transparent 1px 12px);opacity:.65}.hbvr-needle{position:absolute;top:5px;bottom:5px;left:0;width:3px;background:#ff6b00;box-shadow:0 0 14px #ff6b00;transform:translateX(-50%)}.hbvr-scale-wrap input{position:absolute;inset:0;width:100%;opacity:0;cursor:ew-resize}.hbvr-dial>button{height:48px;border:0;border-radius:14px;padding:0 18px;background:var(--hbvr-primary);color:#fff;font-weight:900}.hbvr-results-line{display:flex;justify-content:space-between;color:#7e8795;font-size:12px;margin:28px 2px 14px}.hbvr-results-line strong{color:#fff}.hbvr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hbvr-card{display:flex;align-items:center;gap:13px;min-width:0;padding:14px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:18px;cursor:pointer;transition:.2s}.hbvr-card:hover{transform:translateY(-2px);border-color:rgba(255,107,0,.35)}.hbvr-card.is-active{border-color:var(--hbvr-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--hbvr-primary) 18%,transparent)}.hbvr-card-logo{width:58px;height:58px;border-radius:15px;object-fit:cover;background:#0b0f15;flex:0 0 auto}.hbvr-card-info{min-width:0;flex:1}.hbvr-card-info h3{font-size:14px;margin:0 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbvr-card-meta{display:flex;gap:6px;flex-wrap:wrap}.hbvr-card-meta span{font-size:10px;color:#9aa4b2;background:rgba(255,255,255,.05);border-radius:999px;padding:4px 7px}.hbvr-card-play{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.05);color:#fff}.hbvr-card.is-unavailable{opacity:.58}.hbvr-empty{text-align:center;padding:60px;border:1px dashed var(--line);border-radius:22px;color:var(--muted)}.hbvr-empty i{font-size:32px}.hbvr-pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin:24px 0 100px}.hbvr-pagination button{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:#fff}.hbvr-pagination span{font-size:12px;color:var(--muted)}.hbvr-player{position:sticky;bottom:14px;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:14px;width:min(1120px,calc(100% - 24px));margin:0 auto 12px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(12,16,23,.94);backdrop-filter:blur(22px);box-shadow:0 20px 60px rgba(0,0,0,.4)}.hbvr-player-art{position:relative}.hbvr-player-art img{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#111}.hbvr-player-art span{position:absolute;right:-2px;bottom:0;display:none}.hbvr-player-art span.on{display:block}.hbvr-player-info{min-width:0}.hbvr-player-info small{display:block;font-size:9px;letter-spacing:.13em;color:#ffad72;font-weight:900}.hbvr-player-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:3px 0}.hbvr-player-info span{color:var(--muted);font-size:11px}.hbvr-player-location{color:#9099a6;font-size:11px}.hbvr-volume{display:flex;align-items:center;gap:8px}.hbvr-volume input{width:90px;accent-color:var(--hbvr-primary)}.hbvr-play{width:50px;height:50px;border:0;border-radius:50%;background:var(--hbvr-primary);color:#fff;font-size:16px}.hbvr-filter-toggle,.hbvr-card button,.hbvr-pagination button,.hbvr-dial button{cursor:pointer}
@media(max-width:900px){.hbvr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hbvr-dial{grid-template-columns:155px 1fr}.hbvr-dial>button{grid-column:1/-1}.hbvr-player-location{display:none}}
@media(max-width:650px){.hbvr-directory-head{align-items:flex-start}.hbvr-live-badge{display:none}.hbvr-filter-toggle{display:block}.hbvr-filters{display:none;grid-template-columns:1fr}.hbvr-filters.is-open{display:grid}.hbvr-grid{grid-template-columns:1fr}.hbvr-dial{grid-template-columns:1fr;padding:18px}.hbvr-scale-wrap{height:58px}.hbvr-results-line span{display:none}.hbvr-player{bottom:8px;grid-template-columns:auto minmax(0,1fr) auto;width:calc(100% - 12px);padding:9px 10px;border-radius:16px}.hbvr-player-art img{width:46px;height:46px}.hbvr-volume,.hbvr-player-location{display:none}.hbvr-pagination{margin-bottom:86px}.hbvr-directory-head h2{font-size:34px}.hbvr-toolbar{gap:8px}.hbvr-filter-toggle{font-size:0;width:54px}.hbvr-filter-toggle i{font-size:15px}}

.hbvr-card{padding:0;overflow:hidden;cursor:default}.hbvr-card-main{display:flex;align-items:center;gap:13px;min-width:0;flex:1;padding:14px;color:inherit;text-decoration:none}.hbvr-card-main:hover{color:inherit}.hbvr-card-play{margin-right:14px;flex:0 0 auto}.hbvr-card-view{display:block;margin-top:7px;color:#c4cad2;font-size:10px;font-weight:700}.hbvr-card-view i{font-size:9px;margin-left:3px}.hbvr-card-main:focus-visible{outline:2px solid var(--hbvr-primary);outline-offset:-2px}

/* Production refinements 2.3 */
.hbvr-card-main{display:flex;align-items:center;gap:13px;min-width:0;flex:1;color:inherit;text-decoration:none}.hbvr-card-view{display:block;margin-top:8px;font-size:10px;font-weight:800;color:#c4cbd5}.hbvr-card-play{flex:0 0 auto;cursor:pointer}.hbvr-card-play:focus-visible,.hbvr-pagination button:focus-visible,.hbvr-dial button:focus-visible{outline:3px solid color-mix(in srgb,var(--hbvr-primary) 65%,white);outline-offset:2px}.hbvr-pagination button:disabled{opacity:.35;cursor:not-allowed}.hbvr-player-logo,.hbvr-player-art img{object-fit:cover}.hbvr-search input::-webkit-search-cancel-button{display:none}@media(max-width:640px){.hbvr-directory-head h2{font-size:30px}.hbvr-toolbar{align-items:stretch}.hbvr-search{min-width:0}.hbvr-player{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100% - 12px)}.hbvr-card{padding:12px}.hbvr-card-logo{width:54px;height:54px}}


/* Persistent footer player — v3.1 */
body.hbvr-player-mounted{padding-bottom:94px!important}.hbvr-player{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:99990!important;width:100%!important;max-width:none!important;margin:0!important;border:0!important;border-top:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;background:#0c1016!important;box-shadow:0 -12px 42px rgba(0,0,0,.38)!important;padding:12px max(18px,calc((100vw - 1180px)/2))!important;grid-template-columns:auto minmax(0,1fr) auto auto auto!important;min-height:78px;backdrop-filter:blur(20px) saturate(150%)}.hbvr-player:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 35%);pointer-events:none}.hbvr-player-art img{width:54px!important;height:54px!important;border-radius:10px!important}.hbvr-player-info small{font-size:9px}.hbvr-player-info strong{font-size:15px}.hbvr-play{width:52px!important;height:52px!important;box-shadow:0 8px 22px color-mix(in srgb,var(--hbvr-primary) 35%,transparent)}.hbvr-player-location{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbvr-pagination{margin-bottom:24px!important}@media(max-width:760px){body.hbvr-player-mounted{padding-bottom:82px!important}.hbvr-player{min-height:72px;padding:9px 12px max(9px,env(safe-area-inset-bottom))!important;grid-template-columns:auto minmax(0,1fr) auto!important}.hbvr-player-art img{width:48px!important;height:48px!important}.hbvr-player-location,.hbvr-volume{display:none!important}.hbvr-player-info strong{font-size:13px}.hbvr-play{width:48px!important;height:48px!important}.hbvr-directory-head h2{font-size:clamp(28px,9vw,38px)}}

/* v3.2 local icons and logo reliability */
.hbvr-icon,.hbvr-svg-icon{width:1.1em;height:1.1em;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.hbvr-icon svg,.hbvr-svg-icon{width:100%;height:100%;fill:currentColor}.hbvr-card-logo,.hbvr-player-art img{object-fit:contain!important;padding:5px;background:#fff!important}.hbvr-card-logo{border:1px solid rgba(255,255,255,.1)}.hbvr-player-art img{border:1px solid rgba(255,255,255,.12)}.hbvr-search .hbvr-icon{color:#87919f}.hbvr-card-view .hbvr-svg-icon{vertical-align:-2px;margin-left:3px}.hbvr-card-play .hbvr-svg-icon,.hbvr-play .hbvr-svg-icon{width:18px;height:18px}.hbvr-empty .hbvr-icon{width:34px;height:34px;margin:auto;color:#76808d}@media(max-width:650px){.hbvr-filter-toggle .hbvr-icon{width:18px;height:18px}}

/* Full responsive production pass — v3.3 */
html{scroll-padding-bottom:110px}.hbvr-app{overflow:clip}.hbvr-app img{max-width:100%}.hbvr-toolbar,.hbvr-search,.hbvr-filters,.hbvr-grid,.hbvr-card,.hbvr-player{min-width:0}.hbvr-search button,.hbvr-filter-toggle,.hbvr-card-play,.hbvr-pagination button,.hbvr-dial>button,.hbvr-play{display:inline-grid;place-items:center;min-width:44px;min-height:44px;touch-action:manipulation}.hbvr-search input,.hbvr-filters select{font-size:16px!important}.hbvr-card-logo,.hbvr-player-art img{object-fit:contain!important;background:#fff!important;padding:5px}.hbvr-card{height:100%}.hbvr-card-main{min-height:86px}.hbvr-card-info h3{line-height:1.35}.hbvr-card-play{margin-left:auto}.hbvr-player{isolation:isolate}.hbvr-player>*{position:relative;z-index:1}.hbvr-player-info strong{max-width:min(46vw,520px)}.hbvr-volume input{min-height:32px}.hbvr-empty{padding:clamp(32px,7vw,72px) 20px}.hbvr-filters select:focus,.hbvr-search input:focus{outline:none}.hbvr-search:focus-within,.hbvr-filters select:focus-visible{border-color:var(--hbvr-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--hbvr-primary) 18%,transparent)}
@media (min-width:1200px){.hbvr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1024px){.hbvr-directory-head{gap:18px}.hbvr-dial{grid-template-columns:160px 1fr}.hbvr-player{grid-template-columns:auto minmax(0,1fr) auto auto!important}.hbvr-player-location{display:none}}
@media (max-width:760px){.hbvr-directory-head{display:block}.hbvr-toolbar{position:sticky;top:8px;z-index:20;background:rgba(12,16,23,.92);backdrop-filter:blur(16px);padding:8px;border-radius:18px;margin-inline:-4px}.hbvr-filters{padding:14px;background:#0f151e;border:1px solid var(--line);border-radius:16px}.hbvr-dial{grid-template-columns:1fr}.hbvr-dial>button{grid-column:auto}.hbvr-grid{gap:10px}.hbvr-card-main{padding:12px}.hbvr-card-play{margin-right:12px}.hbvr-player-info strong{max-width:calc(100vw - 160px)}.hbvr-player-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbvr-play{width:50px!important;height:50px!important}.hbvr-pagination{padding-bottom:8px}.hbvr-pagination button{width:46px;height:46px}}
@media (max-width:420px){body.hbvr-player-mounted{padding-bottom:80px!important}.hbvr-card-logo{width:50px;height:50px;border-radius:12px}.hbvr-card-info h3{font-size:13px}.hbvr-card-meta span:nth-child(n+3){display:none}.hbvr-player{gap:9px!important;padding-left:9px!important;padding-right:9px!important}.hbvr-player-art img{width:44px!important;height:44px!important}.hbvr-player-info small{font-size:8px}.hbvr-player-info strong{font-size:13px;max-width:calc(100vw - 145px)}.hbvr-play{width:46px!important;height:46px!important}.hbvr-directory-head h2{font-size:clamp(28px,9vw,36px)}}
@media (prefers-reduced-motion:reduce){.hbvr-app *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hbvr-card:hover{transform:none}}
/* HB Radio Directory Pro 4.0 broadcast UI */
.hbvr-app{--hbvr-bg:#080d12;--hbvr-panel:#111820;--hbvr-panel2:#151e27;--hbvr-line:#27333f;--hbvr-text:#f6f8fa;--hbvr-muted:#97a4b1;color:var(--hbvr-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:transparent!important}.hbvr-directory-head{padding:34px;border:1px solid var(--hbvr-line);border-radius:18px;background:radial-gradient(circle at 90% 0,rgba(255,98,0,.16),transparent 35%),linear-gradient(145deg,#151e27,#0d141b);margin-bottom:20px}.hbvr-directory-head h2{font-size:clamp(34px,5vw,58px)!important;letter-spacing:-.05em!important;color:white!important;margin:.15em 0!important}.hbvr-directory-head p{color:#aeb8c3!important;font-size:16px!important}.hbvr-kicker{color:var(--hbvr-primary)!important}.hbvr-live-badge{border:1px solid rgba(255,98,0,.4)!important;background:rgba(255,98,0,.12)!important;color:var(--hbvr-primary)!important}.hbvr-toolbar,.hbvr-filters,.hbvr-dial{border-color:var(--hbvr-line)!important;background:linear-gradient(145deg,#151e27,#10171e)!important;border-radius:14px!important}.hbvr-search{background:#0b1117!important;border-color:#32404d!important}.hbvr-search input,.hbvr-filters select{color:white!important}.hbvr-filter-toggle,.hbvr-filters button,.hbvr-dial button{background:#17212b!important;border-color:#344250!important;color:#f3f6f8!important}.hbvr-filters label span,.hbvr-results-line span,.hbvr-dial-copy small{color:var(--hbvr-muted)!important}.hbvr-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}.hbvr-card{min-height:125px!important;background:linear-gradient(145deg,#151e27,#10171e)!important;border:1px solid var(--hbvr-line)!important;border-radius:14px!important;box-shadow:none!important}.hbvr-card:hover{border-color:#465666!important;transform:translateY(-2px)!important}.hbvr-card-logo{width:82px!important;height:82px!important;border-radius:10px!important;object-fit:contain!important;background:#1a2430!important;padding:3px!important}.hbvr-card-info h3{font-size:16px!important;color:white!important}.hbvr-card-meta{color:#9eaab6!important}.hbvr-card-view{color:var(--hbvr-primary)!important}.hbvr-card-play{width:39px!important;height:39px!important;background:#111820!important;border-color:#627080!important}.hbvr-card-play:hover,.hbvr-card.is-active .hbvr-card-play{background:var(--hbvr-primary)!important;border-color:var(--hbvr-primary)!important}.hbvr-pagination button{background:#151e27!important;border-color:var(--hbvr-line)!important;color:white!important}.hbvr-player{height:100px!important;background:rgba(12,18,24,.98)!important;border:1px solid #27333f!important;border-radius:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;max-width:none!important;padding:14px max(18px,calc((100vw - 1280px)/2))!important;box-shadow:0 -20px 60px rgba(0,0,0,.35)!important}.hbvr-player-art img{width:68px!important;height:68px!important;border-radius:9px!important;object-fit:contain!important;background:#18222c!important}.hbvr-player-info small{color:var(--hbvr-primary)!important}.hbvr-player-info strong{font-size:16px!important;color:white!important}.hbvr-player-info span,.hbvr-player-location{color:#9eabb8!important}.hbvr-play{width:60px!important;height:60px!important;border-radius:50%!important;background:linear-gradient(145deg,#ff8a00,var(--hbvr-primary))!important;box-shadow:0 0 0 3px #10161c,0 0 0 5px rgba(255,98,0,.35),0 10px 30px rgba(255,98,0,.25)!important}.hbvr-volume input{accent-color:var(--hbvr-primary)!important}.hbvr-empty{background:#111820!important;border-color:var(--hbvr-line)!important}.hbvr-svg-icon{display:block}
@media(max-width:980px){.hbvr-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hbvr-player-location{display:none!important}}
@media(max-width:650px){body.hbvr-player-mounted{padding-bottom:82px!important}.hbvr-directory-head{padding:24px 20px!important}.hbvr-grid{grid-template-columns:1fr!important}.hbvr-toolbar{position:sticky!important;top:76px!important;z-index:20!important;padding:10px!important}.hbvr-filters{grid-template-columns:1fr!important}.hbvr-card{min-height:105px!important}.hbvr-card-logo{width:68px!important;height:68px!important}.hbvr-player{height:82px!important;padding:10px 12px!important;grid-template-columns:auto 1fr auto!important}.hbvr-player-art img{width:52px!important;height:52px!important}.hbvr-player-info strong{font-size:13px!important;max-width:145px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.hbvr-volume,.hbvr-player-location{display:none!important}.hbvr-play{width:50px!important;height:50px!important}.hbvr-player-info span{font-size:10px!important}}