/* Brand-safe player glows come directly from the supplied Best Net Radio mark. */
:root,html[data-color-theme="off"]{--flow:#12b8c8;--flow-bright:#68e3ea;--flow-rgb:18,184,200;--flow-player:#102b38;--teal:#12b8c8;--teal-bright:#68e3ea;--gold:#f5a300;--play-color:#f5a300;--play-rgb:245,163,0}
html[data-color-theme="aqua"],html[data-color-theme="blue"],html[data-color-theme="violet"],html[data-color-theme="rose"],html[data-color-theme="red"]{--flow:#12b8c8;--flow-bright:#68e3ea;--flow-rgb:18,184,200;--flow-player:#102b38;--teal:#12b8c8;--teal-bright:#68e3ea;--gold:#f5a300;--play-color:#12b8c8;--play-rgb:18,184,200}
html[data-color-theme="navy"]{--flow:#3e72b7;--flow-bright:#a5cdfd;--flow-rgb:62,114,183;--flow-player:#10213c;--teal:#3e72b7;--teal-bright:#a5cdfd;--gold:#f5a300;--play-color:#3e72b7;--play-rgb:62,114,183}
html[data-color-theme="gold"]{--flow:#f5a300;--flow-bright:#ffd46f;--flow-rgb:245,163,0;--flow-player:#382719;--teal:#12b8c8;--teal-bright:#68e3ea;--gold:#f5a300;--play-color:#f5a300;--play-rgb:245,163,0}
html[data-color-theme="hotpink"]{--flow:#ee4f9b;--flow-bright:#ffabd4;--flow-rgb:238,79,155;--flow-player:#3a152f;--teal:#ee4f9b;--teal-bright:#ffabd4;--gold:#f5a300;--play-color:#ee4f9b;--play-rgb:238,79,155}
html[data-color-theme="purple"]{--flow:#8f65e9;--flow-bright:#d2c1ff;--flow-rgb:143,101,233;--flow-player:#251b4a;--teal:#8f65e9;--teal-bright:#d2c1ff;--gold:#f5a300;--play-color:#8f65e9;--play-rgb:143,101,233}
html[data-color-theme="off"] .persistent-player{background:rgba(8,21,31,.95);box-shadow:0 -15px 42px rgba(0,0,0,.18)}.persistent-player[data-visualizer-mode="4"] .player-progress i,.persistent-player[data-visualizer-mode="4"] .player-progress span{opacity:0!important;box-shadow:none!important;animation:none!important}
body{transition:background-color .45s ease}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 81% 10%,rgba(var(--flow-rgb),.15),transparent 30%),radial-gradient(circle at 18% 90%,rgba(var(--flow-rgb),.07),transparent 32%);opacity:0;transition:opacity .4s ease}html[data-color-theme]:not([data-color-theme="off"]) body:before{opacity:1}
.persistent-player{background:linear-gradient(105deg,rgba(var(--flow-rgb),.20),rgba(8,21,31,.96) 42%,var(--flow-player));transition:background .45s ease,box-shadow .45s ease;box-shadow:0 -15px 42px rgba(0,0,0,.18),0 -2px 22px rgba(var(--flow-rgb),.17)}.primary-button,.main-play{transition:background .35s ease,box-shadow .35s ease}.primary-button{box-shadow:0 10px 22px rgba(var(--flow-rgb),.22)}
.play-card,.round-play,.main-play,.playlist-row-play,.playlist-play-all{background:var(--play-color)!important;color:#10202c!important;box-shadow:0 7px 18px rgba(var(--play-rgb),.22);transition:background .35s ease,color .35s ease,box-shadow .35s ease,transform .2s ease}.play-card:hover,.round-play:hover,.main-play:hover,.playlist-row-play:hover,.playlist-play-all:hover{box-shadow:0 10px 24px rgba(var(--play-rgb),.42);transform:translateY(-1px)}
.hero h1 em,.page-heading h1 em,.app-hero h1 em{color:var(--play-color)}
.primary-button{background:var(--play-color);color:#10202c;box-shadow:0 10px 22px rgba(var(--play-rgb),.26);transition:background .35s ease,color .35s ease,box-shadow .35s ease,transform .2s ease}.primary-button:hover{box-shadow:0 15px 27px rgba(var(--play-rgb),.46)}
.main-play{background:#fff!important;color:#08131d!important;box-shadow:0 8px 20px rgba(0,0,0,.28)!important}.main-play:hover{box-shadow:0 11px 25px rgba(0,0,0,.38)!important}
.primary-button,.round-play{background:#fff!important;color:#08131d!important;box-shadow:0 8px 20px rgba(0,0,0,.24)!important}.primary-button:hover,.round-play:hover{box-shadow:0 11px 25px rgba(0,0,0,.34)!important}
.player-progress{appearance:none;border:0;background:transparent;position:absolute;top:-6px;left:0;right:0;width:100%;height:14px;overflow:visible;cursor:pointer;padding:0;z-index:4}.player-progress i{position:absolute;left:0;right:0;top:6px;height:3px;background:linear-gradient(90deg,rgba(var(--flow-rgb),.2),var(--flow),rgba(var(--flow-rgb),.2));box-shadow:0 0 14px rgba(var(--flow-rgb),.7);transition:height .2s ease,top .2s ease}.player-progress:hover i,.player-progress:focus-visible i{height:6px;top:4px}.player-progress span{position:absolute;z-index:1;top:6px;height:3px;background:linear-gradient(90deg,transparent,var(--flow-bright),transparent)!important}.player-progress:focus-visible{outline:0}.player-progress:focus-visible i{box-shadow:0 0 0 2px #fff,0 0 16px rgba(var(--flow-rgb),.95)}
.color-flow-menu{position:absolute;z-index:25;left:max(20px,calc((100vw - 1370px)/2));bottom:108px;width:370px;padding:19px;background:linear-gradient(145deg,#173040,#112331);border:1px solid rgba(var(--flow-rgb),.55);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.42),0 0 35px rgba(var(--flow-rgb),.13);display:none}.color-flow-menu.open{display:block}.flow-menu-heading{display:flex;align-items:flex-start;justify-content:space-between}.flow-menu-heading span{color:var(--flow-bright);font-size:10px;letter-spacing:.13em;font-weight:900}.flow-menu-heading h3{margin:3px 0 0;font-size:20px;letter-spacing:-.05em}.flow-menu-heading button{border:0;background:transparent;color:#e9f3f6;font-size:22px;line-height:1}.color-flow-menu>p{font-size:12px;color:#aebec7;line-height:1.5;margin:11px 0 16px}.theme-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.theme-choice{height:42px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:#0d1d2a;color:#c8d9df;font-size:0;position:relative;transition:transform .17s ease,border-color .17s ease}.theme-choice:before{content:"";width:21px;height:21px;background:var(--theme-swatch);border-radius:50%;position:absolute;inset:0;margin:auto;box-shadow:0 0 0 3px rgba(255,255,255,.06),0 4px 11px color-mix(in srgb,var(--theme-swatch),transparent 45%)}.theme-choice:hover{transform:translateY(-2px);border-color:var(--theme-swatch)}.theme-choice.active{border-color:#fff;box-shadow:inset 0 0 0 1px var(--theme-swatch)}.flow-off{width:100%;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.12);margin-top:15px;padding:14px 0 0;color:#e5eff3;text-align:left;font-size:13px;font-weight:800}.flow-off span{color:#a4b5be;font-size:17px;vertical-align:-1px;margin-right:6px}.flow-off small{font-weight:600;color:#93a7b1;margin-left:5px}.flow-off.active{color:var(--flow-bright)}
@media(max-width:900px){.color-flow-menu{left:14px;right:14px;bottom:102px;width:auto}.player-progress{height:16px;top:-7px}}@media(max-width:500px){.color-flow-menu{padding:16px}.theme-choices{gap:6px}.theme-choice{height:38px}.color-flow-menu>p{margin-bottom:12px}}