/* Shared professional layouts and the dedicated FelixRadio webplayer. */
:root{--pink:#ff367b;--soft:#a8b7af;--line:#29352f}button,a,input,select{transition:background-color .16s,border-color .16s,color .16s}button{min-height:36px}a:hover{color:var(--lime)}.header{gap:38px}.header nav{gap:23px}.header .logo-brand,.footer .logo-brand{width:auto;height:90px;gap:9px}.header .logo-brand img,.footer .logo-brand img{width:72px;height:72px;object-fit:contain}.brand-words{font-size:22px;font-weight:800!important;letter-spacing:-1px;line-height:1.1}.brand-words>span{color:var(--lime)}.brand-words small{display:block;font-size:6px;letter-spacing:2px;font-weight:500;margin-top:7px}.footer .logo-brand img{width:54px;height:54px}.footer .brand-words{font-size:18px}.footer>div{flex-wrap:wrap}.footer>div a{font-size:11px}.secondary{background:transparent;color:var(--text);border:1px solid #41574e}.secondary:hover{border-color:var(--lime)}.hero-copy>p{max-width:480px}.channel-card{border-radius:15px}.channel-art{height:265px}.art-main{background:#0d1514}.art-charts{background:radial-gradient(ellipse at center,#3d192a,#1c1220)}.art-extended{background:radial-gradient(ellipse at center,#0f3a35,#102420)}.art-number,.art-tag{color:#a3b9b0!important}.art-charts .art-number,.art-charts .art-tag{color:#e0a9be!important}.card-logo{inset:25px 35px 27px}.card-logo img{max-height:210px}.card-body{padding:26px}.card-body p{min-height:48px}.small-live{border-color:#31584a}.main-play:hover{background:#46e3c3}.main-play:active{transform:scale(.97)}.player-cover img.artist-image{object-fit:cover;border-radius:7px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 18px;background:var(--lime);color:#071d17;border-radius:6px}.skip-link:focus{top:15px}.history-section{padding-block:20px 75px}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.station-tabs{display:flex;gap:4px;padding:5px;background:#191f1b;border:1px solid var(--line);border-radius:9px;max-width:100%;flex-wrap:wrap}.station-tabs button{font-size:11px;background:transparent;color:#aebbb1;border:1px solid transparent;border-radius:6px;padding:9px 17px;min-height:38px}.station-tabs button[aria-pressed=true]{color:#081c16;background:var(--lime);font-weight:700}.search-label input{width:270px;max-width:100%;padding:14px 16px;background:#171c19;color:#f4f4ee;border:1px solid #344238;border-radius:8px;font:inherit;font-size:12px}.search-label input::placeholder{color:#8f9e93}.history-list{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#141916}.history-row{display:grid;grid-template-columns:90px 48px minmax(0,1fr) auto;align-items:center;gap:18px;padding:15px 24px;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-row time{font-size:17px;font-variant-numeric:tabular-nums;font-weight:700;display:flex;flex-direction:column;gap:5px}.history-row time small{font-size:9px;font-weight:400;color:#899c8b}.history-row img{width:46px;height:46px;border-radius:7px;object-fit:cover;background:#101413}.history-row img.sender-image{object-fit:contain}.history-song{min-width:0;display:flex;flex-direction:column;gap:5px}.history-song strong{font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-song>span{font-size:11px;color:#a4b2a6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row .row-type{font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#819384;border:1px solid #344639;border-radius:20px;padding:5px 10px}.history-row.current{background:#00c5a30a}.history-row.current .row-type{color:var(--lime);border-color:#00c5a350}.history-update{font-size:10px;color:#8ba293;text-align:right}.history-footnote{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:10px;line-height:1.6;color:#869a8b}.history-footnote a{white-space:nowrap;color:#b8c8bc}.empty-state{padding:30px;color:#a5b6aa;font-size:13px;line-height:1.7}.empty-state button{margin-top:15px;display:block;border:1px solid var(--line);background:#1c2e24;color:var(--text);border-radius:7px;padding:8px 15px}.listening-section{padding-block:55px 65px;border-top:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.benefit-icon{color:var(--lime);font-size:33px;display:block;margin-bottom:21px}.benefit-grid h3{font-size:19px;letter-spacing:-.5px;margin:0 0 13px}.benefit-grid p{color:#a5b2a6;line-height:1.9;font-size:13px;margin:0 0 15px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;padding-block:55px 75px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:19px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:14px;cursor:pointer;line-height:1.7;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::after{content:'+';color:var(--lime);font-size:20px}.faq-list details[open] summary::after{content:'−'}.faq-list p{font-size:13px;color:#acb9ad;line-height:1.9;max-width:650px}.legal-page{padding-bottom:0}.legal-main{padding-block:65px 85px;max-width:940px}.legal-main h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;margin:22px 0}.legal-lead{font-size:16px;color:#b5c5b8;line-height:1.8}.legal-content{padding-top:20px;max-width:780px}.legal-content h2{font-size:24px;letter-spacing:-.6px;line-height:1.4;margin:35px 0 13px}.legal-content p{font-size:14px;line-height:1.95;color:#bac6bc}.legal-content a{color:#54dfbe;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.legal-content .legal-date{color:#82988a;font-size:11px;margin-top:40px}.legal-page .footer{max-width:1240px}.webplayer-page{padding-bottom:0;background:radial-gradient(ellipse at 10% 25%,#13251e 0,transparent 48%),#101111}.webplayer-header-label{color:#8ba395;font-size:9px;letter-spacing:1.7px;display:flex;gap:10px;align-items:center;margin-left:auto}.webplayer-page .header-listen{margin-left:15px}.webplayer-main{padding-top:35px}.webplayer-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.webplayer-tagline{font-size:14px;color:#a1b4a5;margin:12px 0 0}.pill-live{display:flex;align-items:center;gap:8px;border:1px solid #334d3d;background:#17251b;font-size:9px;padding:9px 13px;letter-spacing:1px;border-radius:20px}.webplayer-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.webplayer-channels>button{display:flex;align-items:center;gap:14px;background:#1a221cf0;border:1px solid #314637;border-radius:10px;color:#b5c4b7;padding:11px 16px;text-align:left;min-width:0}.webplayer-channels>button[aria-pressed=true]{background:#163329;border-color:var(--lime);color:#f4f4ee}.webplayer-channels img{width:46px;height:46px;object-fit:contain;flex-shrink:0}.webplayer-channels button>span{font-size:12px;font-weight:700;min-width:0}.webplayer-channels small{display:block;font-size:9px;color:#8fa497;font-weight:400;margin-top:6px}.selection-dot{width:7px;height:7px;border-radius:50%;border:1px solid #607466;margin-left:auto;flex-shrink:0}.webplayer-channels [aria-pressed=true] .selection-dot{border:0;background:var(--lime)}.webplayer-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:80px;padding-block:56px 46px;align-items:center}.artwork-column{max-width:460px;width:100%}.webplayer-artwork{position:relative;aspect-ratio:1;border-radius:22px;border:1px solid #2b4d3c;overflow:hidden;background:#0d1512;box-shadow:0 26px 90px #0006}.webplayer-artwork>img{width:100%;height:100%;object-fit:cover;display:block}.webplayer-artwork>img.sender-image{object-fit:contain;padding:22px}.artwork-badge{position:absolute;bottom:18px;left:18px;right:18px;background:#0a1714d9;backdrop-filter:blur(15px);border:1px solid #3b5b49;border-radius:9px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;padding:14px 18px}.artwork-badge .equalizer{margin-left:0}.artwork-credit{font-size:9px;color:#8ca796;display:block;text-align:center;padding-top:13px}.webplayer-track{min-width:0}.webplayer-track .eyebrow{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;flex-wrap:wrap}.webplayer-track h1{font-size:clamp(30px,3.2vw,49px);letter-spacing:-1.7px;line-height:1.13;margin:24px 0 14px;overflow-wrap:anywhere}.now-artist{font-size:21px;line-height:1.45;color:#a1b8a8;margin:0 0 28px;overflow-wrap:anywhere}.track-progress{height:4px;background:#304037;border-radius:5px;overflow:hidden}.track-progress>span{display:block;height:100%;width:0%;background:var(--lime);border-radius:5px}.track-time{display:flex;justify-content:space-between;font-size:10px;color:#809b8a;font-variant-numeric:tabular-nums;margin-top:10px}.webplayer-controls{display:flex;align-items:center;justify-content:center;gap:34px;margin-block:23px 13px}.webplayer-controls .main-play{width:74px;height:74px;font-size:25px;box-shadow:0 0 45px #00c5a31c}.webplayer-controls .skip{font-size:19px;width:48px;height:48px}.webplayer-track #player-status{font-size:10px;text-align:center;white-space:normal;min-height:16px;color:#9eb4a6}.webplayer-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line)}.webplayer-volume{display:flex;align-items:center;gap:12px}.webplayer-volume button{background:none;border:0;color:#c3d3c8;font-size:23px;width:32px}.webplayer-volume input{width:110px;height:4px}.sleep-control{display:flex;align-items:center;gap:9px;font-size:10px;color:#a2b4a8}.sleep-control select{background:#17251b;color:#e3f0e7;border:1px solid #3a5040;padding:9px;border-radius:6px;max-width:125px;font-size:10px}.timer-status{font-size:10px;color:#68d5b5;text-align:right;min-height:12px}.stream-notice{font-size:9px;line-height:1.9;color:#7d9988;margin:12px 0 0}.stream-notice a{text-decoration:underline}.webplayer-history{border-top:1px solid var(--line);padding-block:40px 60px}.webplayer-history h2{font-size:30px}.webplayer-page .footer{padding-block:25px}.webplayer-page .footer>span{font-size:10px}.webplayer-page .footer small{color:#8ca493}
@media(max-width:1100px){.header{gap:22px}.header nav{gap:16px;font-size:12px}.brand-words{font-size:19px}.header .logo-brand img{width:60px;height:60px}.card-title h3{font-size:16px}.card-body{padding:19px}.webplayer-stage{gap:45px}.webplayer-tools{gap:14px}.webplayer-volume input{width:85px}.sleep-control{gap:7px}.channel-art{height:245px}.webplayer-channels>button{gap:8px;padding:10px}.webplayer-channels small{font-size:8px}.webplayer-channels button>span{font-size:11px}}
@media(max-width:760px){.header{height:98px;gap:10px}.header .logo-brand{height:80px;width:auto;gap:5px}.header .logo-brand img{width:49px;height:62px}.brand-words{font-size:18px}.brand-words small{font-size:5px;letter-spacing:1.1px}.header-listen{padding:9px 10px;font-size:9px;gap:6px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding:15px 16px}.channel-art{height:280px}.card-logo img{max-height:226px}.card-title h3{font-size:20px}.card-body{padding:24px}.history-section{padding-block:15px 45px}.history-toolbar{flex-direction:column;align-items:stretch;gap:13px}.station-tabs{justify-content:space-between}.station-tabs button{padding:9px 10px;font-size:10px;flex:1}.search-label input{width:100%}.history-row{grid-template-columns:58px 38px minmax(0,1fr);padding:14px 12px;gap:10px}.history-row time{font-size:14px}.history-row time small{font-size:8px}.history-row img{width:36px;height:36px}.history-song strong{font-size:12px}.history-song>span{font-size:10px}.history-row .row-type{display:none}.history-footnote{flex-direction:column;gap:5px;font-size:9px}.history-update{font-size:8px;max-width:100px;line-height:1.5}.benefit-grid{grid-template-columns:1fr;gap:32px}.benefit-icon{float:left;margin:0 20px 35px 0;width:32px}.benefit-grid h3{font-size:18px}.benefit-grid p{font-size:13px;margin-left:52px}.benefit-grid .text-link{margin-left:52px}.listening-section{padding-block:38px 45px}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:38px 45px}.faq-section h2 br{display:none}.faq-list summary{font-size:13px}.footer .logo-brand{height:64px}.footer .logo-brand img{width:50px;height:50px}.footer .brand-words{font-size:18px}.legal-main{padding-block:40px 55px}.legal-main h1{font-size:37px;letter-spacing:-1.5px;overflow-wrap:anywhere}.legal-lead{font-size:14px}.legal-content h2{font-size:21px}.legal-content p{font-size:13px}.webplayer-header-label{display:none}.webplayer-page .header-listen{margin-left:auto}.webplayer-main{padding-top:25px}.webplayer-tagline{font-size:12px;line-height:1.6;max-width:210px}.pill-live{font-size:7px;padding:7px 8px;gap:6px;white-space:nowrap}.webplayer-channels{gap:7px}.webplayer-channels>button{padding:12px 5px;flex-direction:column;gap:8px;text-align:center;justify-content:flex-start}.webplayer-channels img{width:44px;height:44px}.webplayer-channels button>span{font-size:9px;line-height:1.4}.webplayer-channels small,.selection-dot{display:none}.webplayer-stage{grid-template-columns:1fr;gap:30px;padding-block:29px 32px}.artwork-column{max-width:345px;margin-inline:auto}.webplayer-artwork{border-radius:16px}.webplayer-artwork>img.sender-image{padding:16px}.webplayer-track .eyebrow{justify-content:center}.webplayer-track h1{text-align:center;font-size:32px;letter-spacing:-1px;margin-top:18px}.now-artist{text-align:center;font-size:19px;margin-bottom:25px}.webplayer-controls{margin-block:19px 13px}.webplayer-tools{margin-top:20px}.webplayer-volume input{width:85px}.sleep-control{font-size:9px;gap:6px}.sleep-control select{max-width:105px;font-size:10px;padding:8px 4px}.webplayer-volume{gap:5px}.stream-notice{text-align:center;font-size:9px}.webplayer-history{padding-top:30px}.webplayer-page .footer{gap:16px}.webplayer-page .footer small{margin-left:0}.webplayer-topline{gap:12px}.webplayer-history h2{font-size:28px}}
@media(max-width:360px){.brand-words{font-size:16px}.header .logo-brand img{width:40px}.hero-actions{gap:10px}.hero-actions .button{padding:14px 12px;font-size:10px}.webplayer-volume input{width:65px}.sleep-control>span{max-width:30px}.webplayer-track h1{font-size:29px}}

.station-page .header{gap:25px}.station-brand .brand-words{font-size:18px;max-width:190px;line-height:1.2;letter-spacing:-.5px}.station-brand .brand-words small{font-size:5px;letter-spacing:1px}.station-page .primary{background:var(--station-accent)}.station-page .live-dot{background:var(--station-accent)}.station-page .now-caption{color:var(--station-accent)}.station-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-block:70px 65px}.station-hero h1{font-size:clamp(52px,5.7vw,78px);line-height:1.05;letter-spacing:-3.8px;margin:26px 0}.station-hero h1 span{color:var(--station-accent)}.station-hero>div>p{color:#a9b8ad;font-size:16px;line-height:1.85;max-width:550px}.station-hero .hero-actions{gap:15px;margin-top:30px}.station-hero-art{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--station-accent) 11%,transparent),transparent 70%);border:1px solid #304037;border-radius:25px;position:relative}.station-hero-art img{width:88%;height:88%;object-fit:contain}.station-hero-art>span{position:absolute;bottom:20px;letter-spacing:2px;font-size:8px;color:#91ac9a}.station-now{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:22px;margin-top:30px;max-width:510px}.station-now>strong{font-size:21px;line-height:1.4}.station-now>span:last-child{font-size:14px;color:#a3b6a9}.station-strip{border-block:1px solid var(--line);background:#18221c;padding:21px 0;margin-bottom:60px}.station-strip>.wrap{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#a1b3a6}.station-strip a{color:var(--station-accent)}.station-about{border-top:1px solid var(--line);padding-block:48px 60px;display:grid;grid-template-columns:1fr 1.2fr;gap:50px}.station-about h2{font-size:32px}.station-about p{font-size:14px;line-height:1.9;color:#a4b6aa;margin-top:0}.station-page-link{display:block;margin-top:20px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:#8cdec8}.station-history-label{font-size:12px;color:#b5ccbd}.station-page .footer .brand-words{max-width:none}.station-page .header nav{font-size:11px;gap:16px}
@media(max-width:1100px){.station-page .header nav{gap:12px;font-size:10px}.station-page .station-brand .brand-words{max-width:143px;font-size:16px}.station-hero{gap:35px}.station-hero .button{font-size:11px;padding:15px 17px}}@media(max-width:760px){.station-hero{grid-template-columns:1fr;padding-block:40px 42px;gap:30px}.station-hero h1{font-size:54px;letter-spacing:-2.8px}.station-hero>div>p{font-size:14px}.station-hero .hero-actions{gap:12px}.station-hero .button{font-size:11px;padding:14px}.station-hero-art{max-width:380px;width:100%;margin-inline:auto}.station-strip{margin-bottom:35px}.station-strip>.wrap{flex-direction:column;font-size:11px;gap:12px}.station-about{grid-template-columns:1fr;gap:25px;padding-block:35px 45px}.station-about h2{font-size:29px}.station-page .station-brand .brand-words{max-width:130px;font-size:15px}.station-page .header{gap:10px}.station-now>strong{font-size:19px}}