:root { --bc-radio-red:#b51220; --bc-radio-gold:#d6ad62; --bc-radio-ink:#08090c; }
.bc-radio-page { max-width:1480px; margin:0 auto; padding:28px 28px 110px; color:#e8e4dc; }
.bc-radio-mast { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; border-bottom:1px solid rgba(214,173,98,.3); padding:8px 0 20px; }
.bc-radio-kicker,.bc-radio-label { color:var(--bc-radio-gold); font:700 .72rem/1.2 'Barlow Condensed',sans-serif; letter-spacing:.16em; text-transform:uppercase; }
.bc-radio-mast h1 { margin:.2rem 0 0; color:#f5f0e6; font:700 clamp(2.5rem,6vw,5.8rem)/.84 'Barlow Condensed',sans-serif; letter-spacing:.045em; text-transform:uppercase; }
.bc-radio-mast h1 span { color:var(--bc-radio-red); }
.bc-radio-tagline { margin:10px 0 0; color:#9c9aa0; font-size:.85rem; letter-spacing:.18em; text-transform:uppercase; }
.bc-radio-live { display:flex; align-items:center; gap:8px; color:#f4d6d6; font:700 .8rem 'Barlow Condensed',sans-serif; letter-spacing:.12em; text-transform:uppercase; }
.bc-radio-live i { width:9px; height:9px; display:block; border-radius:50%; background:#e33542; box-shadow:0 0 14px #e33542; }
.bc-radio-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:18px; margin-top:18px; }
.bc-radio-console,.bc-radio-panel { background:linear-gradient(145deg,rgba(29,28,31,.98),rgba(12,13,17,.98)); border:1px solid rgba(255,255,255,.09); box-shadow:0 18px 48px rgba(0,0,0,.22); }
.bc-radio-console { min-height:440px; padding:clamp(20px,4vw,48px); position:relative; overflow:hidden; }
.bc-radio-console:before { content:''; position:absolute; inset:0; opacity:.18; pointer-events:none; background:radial-gradient(circle at 80% 10%,#b51220,transparent 28%),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 6px); }
.bc-radio-console > * { position:relative; }
.bc-radio-frequency { display:flex; align-items:center; gap:14px; color:#777780; font:700 .72rem 'Barlow Condensed',sans-serif; letter-spacing:.18em; }
.bc-radio-frequency strong { color:#eee9df; font-size:1.25rem; letter-spacing:.08em; }
.bc-radio-frequency-scale { flex:1; height:18px; opacity:.45; background:repeating-linear-gradient(90deg,transparent 0 9px,#d6ad62 10px 11px,transparent 12px 25px); border-top:1px solid #d6ad62; }
.bc-radio-now { display:grid; grid-template-columns:minmax(170px,230px) 1fr; gap:clamp(20px,4vw,48px); align-items:center; margin-top:32px; }
.bc-radio-art { aspect-ratio:1; display:grid; place-items:center; background:radial-gradient(circle at 32% 24%,#6f2635,#1b1a20 52%,#08090c); border:1px solid rgba(214,173,98,.35); box-shadow:inset 0 0 0 8px rgba(0,0,0,.15),0 20px 35px rgba(0,0,0,.3); }
.bc-radio-art i { color:rgba(214,173,98,.75); font-size:3rem; }
.bc-radio-art.has-image { background-size:cover; background-position:center; }
.bc-radio-current h2 { margin:7px 0 4px; color:#f5f0e6; font:700 clamp(2rem,4vw,4rem)/.9 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.bc-radio-current p { margin:0; color:#a8a5aa; font-size:1rem; }
.bc-radio-type { color:#ce4050; font:700 .72rem 'Barlow Condensed',sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.bc-radio-meter { height:64px; display:flex; align-items:center; gap:3px; margin:26px 0 14px; }
.bc-radio-meter span { flex:1; height:var(--h); min-width:2px; background:linear-gradient(#d6ad62,#7b1b28); opacity:.75; }
.bc-radio-time { display:flex; justify-content:space-between; color:#85838c; font:700 .78rem 'Barlow Condensed',sans-serif; letter-spacing:.1em; }
.bc-radio-controls { display:flex; align-items:center; gap:9px; margin-top:20px; }
.bc-radio-btn { border:1px solid rgba(214,173,98,.45); color:#eee9df; background:#19171b; min-width:42px; min-height:40px; padding:8px 14px; cursor:pointer; font:700 .75rem 'Barlow Condensed',sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.bc-radio-btn:hover,.bc-radio-btn:focus-visible { background:#a11624; border-color:#e4bd70; outline:2px solid rgba(214,173,98,.35); outline-offset:2px; }
.bc-radio-btn--main { min-width:70px; background:var(--bc-radio-red); }
.bc-radio-volume { flex:1; max-width:160px; accent-color:var(--bc-radio-gold); }
.bc-radio-side { display:grid; gap:18px; align-content:start; }
.bc-radio-panel { padding:20px; }
.bc-radio-panel h3 { margin:4px 0 14px; color:#f0ece4; font:700 1.55rem 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.bc-radio-panel p { color:#aaa7ae; line-height:1.5; }
.bc-radio-onair { border-left:3px solid var(--bc-radio-red); padding-left:13px; }
.bc-radio-onair strong { display:block; color:#f3e9d5; font:700 1.25rem 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.bc-radio-onair span { color:#898790; font-size:.82rem; }
.bc-radio-list { list-style:none; margin:0; padding:0; }
.bc-radio-list li { display:flex; align-items:center; gap:11px; border-top:1px solid rgba(255,255,255,.07); padding:11px 0; min-width:0; }
.bc-radio-thumb { width:38px; height:38px; flex:0 0 38px; display:grid; place-items:center; color:#d6ad62; background:#292026; }
.bc-radio-list-main { min-width:0; flex:1; }
.bc-radio-list-main strong,.bc-radio-list-main span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bc-radio-list-main strong { color:#e4e0d8; font-size:.92rem; }
.bc-radio-list-main span { color:#898790; font-size:.76rem; }
.bc-radio-empty { color:#85838c; font-size:.9rem; }
.bc-radio-mini { position:fixed; z-index:11600; right:18px; bottom:18px; display:flex; align-items:center; gap:7px; width:min(292px,calc(100vw - 36px)); padding:6px 8px; color:#eee9df; background:rgba(10,10,13,.96); border:1px solid rgba(214,173,98,.42); box-shadow:0 8px 30px rgba(0,0,0,.35); }
.bc-radio-mini-dot { width:6px; height:6px; flex:0 0 6px; border-radius:50%; background:#d02b3b; box-shadow:0 0 7px #d02b3b; }
.bc-radio-mini-copy { min-width:0; flex:1; cursor:pointer; }
.bc-radio-mini-copy strong,.bc-radio-mini-copy span { display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.bc-radio-mini-copy strong { font:700 .78rem 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.bc-radio-mini-copy span { color:#9b989f; font-size:.66rem; }
.bc-radio-mini button { border:0; color:#f5e9cb; background:transparent; cursor:pointer; font-size:.88rem; padding:3px 4px; }
.bc-radio-mini-toggle { display:none; }
@media (max-width:767px) { .bc-radio-page{padding:17px 12px 116px}.bc-radio-mast{align-items:flex-start;display:block}.bc-radio-live{margin-top:18px}.bc-radio-grid{display:block}.bc-radio-side{margin-top:18px}.bc-radio-now{grid-template-columns:100px 1fr;gap:16px;margin-top:24px}.bc-radio-console{min-height:0;padding:20px 16px}.bc-radio-current h2{font-size:2rem}.bc-radio-meter{height:45px;margin:18px 0 10px}.bc-radio-btn{min-width:38px;padding:7px 9px}.bc-radio-volume{max-width:100px}.bc-radio-mini{right:10px;bottom:74px;left:auto;width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;transition:width .18s ease,border-radius .18s ease}.bc-radio-mini-toggle{display:block;width:42px;height:42px;padding:0!important;font-size:1rem!important}.bc-radio-mini-dot,.bc-radio-mini-play,.bc-radio-mini-copy,.bc-radio-mini-mute{display:none}.bc-radio-mini.is-expanded{width:min(276px,calc(100vw - 20px));height:auto;padding:6px 8px;border-radius:0;justify-content:flex-start}.bc-radio-mini.is-expanded .bc-radio-mini-toggle{display:none}.bc-radio-mini.is-expanded .bc-radio-mini-dot,.bc-radio-mini.is-expanded .bc-radio-mini-play,.bc-radio-mini.is-expanded .bc-radio-mini-copy,.bc-radio-mini.is-expanded .bc-radio-mini-mute{display:block}.bc-radio-mini.is-expanded .bc-radio-mini-copy{flex:1;min-width:0} }
@media (prefers-reduced-motion:reduce) { .bc-radio-art,.bc-radio-live i { box-shadow:none } }