:root { --navy:#02091d; --panel:#07162f; --blue:#09a9ed; --pink:#f60775; --white:#f8fbff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; padding-bottom:74px; background:var(--navy); color:var(--white); font-family:Arial,Helvetica,sans-serif; }
button,a { font:inherit; }
button { cursor:pointer; }
.social-cta { display:inline-block; margin-top:8px; color:#42cfff; text-decoration:none; border-bottom:1px solid #42cfff; padding-bottom:3px; font-weight:800; font-size:13px; }
.contact-form { margin:0 5% 75px; padding:30px; display:grid; grid-template-columns:.7fr 1.3fr; gap:35px; border:1px solid #1baee7; border-bottom-color:var(--pink); border-radius:20px; background:linear-gradient(145deg,#081a37,#030a1d); }.contact-form>div>span { color:#42cfff; font-size:10px; font-weight:900; letter-spacing:2px; }.contact-form h2 { margin-top:8px; color:white; font-size:32px; }.contact-form p { color:#a9b8cc; line-height:1.5; }.contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.contact-fields label { color:#c2cede; font-size:12px; font-weight:800; }.contact-fields input,.contact-fields select,.contact-fields textarea { width:100%; margin-top:6px; padding:12px; color:white; border:1px solid #265478; border-radius:9px; background:#020b1e; resize:vertical; }.contact-fields select{appearance:auto}.contact-fields .wide { grid-column:1/-1; }.contact-honeypot { position:absolute!important; left:-9999px!important; }.contact-error { grid-column:1/-1; margin:0; color:#ff74a8!important; }.contact-privacy{color:#8297b5;text-align:center}.contact-form.success { display:block; text-align:center; }.contact-form.success button { color:#42cfff; border:1px solid #42cfff; border-radius:999px; padding:10px 16px; background:transparent; }.hub-tabs { display:flex; gap:10px; padding:0 6% 22px; }.hub-tabs button { padding:11px 16px; color:#a7b6ca; border:1px solid #23496d; border-radius:10px; background:#08162d; font-weight:800; }.hub-tabs button.active { color:white; border-color:var(--pink); background:#32102e; }.hub-tabs b { margin-left:7px; padding:2px 7px; border-radius:999px; color:white; background:var(--pink); }.contact-card .message-meta a { color:#42cfff; }.status-dot.handled { color:#42df9b; }
.sticky-art-link { flex:none; display:block; width:54px; height:54px; }.sticky-art-link img { width:54px; height:54px; object-fit:cover; border-radius:8px; }.recent-art-link { display:block; width:58px; height:58px; }
.site-header { height:94px; padding:0 3.2%; display:flex; align-items:center; gap:34px; background:#020817; position:relative; z-index:10; }
.wordmark { text-decoration:none; color:white; font-size:37px; font-weight:900; letter-spacing:-2px; white-space:nowrap; }
.wordmark strong { color:var(--pink); }.wordmark span { color:#129fe5; }.wordmark small { font-size:.58em; letter-spacing:-1px; }
.site-header nav { margin-left:auto; display:flex; gap:35px; align-self:stretch; align-items:center; }
.site-header nav a { color:white; text-decoration:none; font-weight:800; font-size:15px; height:100%; display:flex; align-items:center; border-bottom:3px solid transparent; }
.site-header nav a.active,.site-header nav a:hover { color:var(--pink); border-color:var(--pink); }
.header-icons { display:flex; gap:14px; align-items:center; }.header-icons button,.menu-button { color:white; border:0; background:transparent; font-size:33px; }.account-pill { color:white; text-decoration:none; border:1px solid #1aaee9; border-radius:999px; padding:8px 13px; font-size:12px; font-weight:800; }
.menu-button { display:none; }
.hero { min-height:410px; padding:22px 4% 18px; display:grid; grid-template-columns:1fr .8fr 1.03fr; gap:35px; align-items:center; position:relative; overflow:hidden; background:radial-gradient(circle at 28% 35%,#0d64bd 0,transparent 34%),radial-gradient(circle at 47% 12%,#f80072 0,transparent 28%),linear-gradient(120deg,#04133c,#061a50 52%,#13062e); }
.hero:after { content:""; position:absolute; inset:58% 0 0; background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(3,182,255,.45) 19px 24px,transparent 25px 31px); opacity:.45; mask-image:linear-gradient(transparent,#000); }
.light-beams { position:absolute; inset:0; background:linear-gradient(70deg,transparent 13%,rgba(20,188,255,.25) 14%,transparent 18%),linear-gradient(110deg,transparent 44%,rgba(255,0,114,.25) 45%,transparent 50%); }
.hero-copy,.hero-logo,.now-playing { position:relative; z-index:2; }
.hero-copy h1 { margin:0; font-size:clamp(56px,7vw,104px); line-height:.8; font-style:italic; letter-spacing:-5px; text-shadow:0 6px 15px #000; }
.hero-copy h1 em { color:var(--pink); }.hero-copy p { font-weight:900; font-size:17px; border-bottom:4px solid var(--pink); padding-bottom:12px; display:inline-block; }
.hero-logo { width:min(100%,300px); justify-self:center; filter:drop-shadow(0 0 18px rgba(1,177,255,.7)); }
.now-playing { align-self:stretch; border:2px solid #26bcff; border-bottom-color:var(--pink); border-radius:22px; padding:22px 26px; background:rgba(3,13,39,.9); box-shadow:0 0 14px var(--blue),0 0 14px var(--pink); }
h2 { color:var(--pink); font-size:20px; margin:0 0 16px; }
.track-row { display:flex; align-items:center; gap:20px; }.album-art { width:110px; height:110px; display:grid; place-items:center; font-size:58px; border:2px solid #94d9ff; border-radius:15px; background:linear-gradient(145deg,#371770,#0d5c93); }
.track-row h3 { font-size:31px; margin:0; }.track-row p { font-size:22px; margin:4px 0; }
.waveform { color:var(--pink); letter-spacing:1px; font-size:25px; margin:5px 0; white-space:nowrap; overflow:hidden; }
.equalizer { height:34px; margin:10px 0 7px; display:flex; align-items:end; gap:4px; overflow:hidden; }.equalizer i { flex:1; min-width:3px; height:100%; border-radius:2px 2px 0 0; background:linear-gradient(#ff178a,#ed006d); transform-origin:bottom; animation:eq-bounce .85s ease-in-out infinite alternate; }.equalizer i:nth-child(2n) { animation-duration:.55s; }.equalizer i:nth-child(3n) { animation-duration:1.05s; }.equalizer i:nth-child(4n) { animation-delay:-.35s; }.equalizer i:nth-child(5n) { animation-delay:-.6s; }.equalizer.compact { height:18px; gap:2px; margin:0; }.track-progress { margin:2px 0 11px; }.track-progress>div { height:4px; overflow:hidden; border-radius:999px; background:#162a47; }.track-progress>div span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#13b9f3,#f60775); transition:width 1s linear; }.track-progress small { margin-top:5px; display:flex; justify-content:flex-end; gap:5px; color:#91a6c1; font-size:10px; }.track-progress small b { color:#3ecbff; }
@keyframes eq-bounce { 0% { transform:scaleY(.16); } 35% { transform:scaleY(.72); } 70% { transform:scaleY(.36); } 100% { transform:scaleY(1); } }
@media (prefers-reduced-motion:reduce) { .equalizer i { animation:none; transform:scaleY(.45); } }
.player-actions { display:flex; align-items:center; gap:12px; }.player-actions button { background:transparent; color:white; border:1px solid #1faee7; border-radius:999px; padding:8px 13px; }.player-actions .live,.player-actions .selected { border:0; color:var(--pink); font-weight:800; }.thanks { color:#44ceff; font-size:12px; margin:7px 0 0; }
.live-art { object-fit:cover; padding:0; overflow:hidden; }
.header-popup { flex:none; color:#46d0ff; border:1px solid #159fd7; border-radius:999px; padding:9px 13px; background:#06142a; font-size:12px; font-weight:900; white-space:nowrap; }
.sticky-player { position:fixed; z-index:40; left:0; right:0; bottom:0; height:74px; padding:8px 4%; display:flex; align-items:center; gap:14px; border-top:1px solid #25bffa; background:linear-gradient(100deg,rgba(2,8,23,.98),rgba(7,24,55,.98) 55%,rgba(30,4,39,.98)); box-shadow:0 -5px 22px rgba(0,0,0,.55),0 -1px 10px rgba(246,7,117,.28); backdrop-filter:blur(12px); }.sticky-player>img { width:54px; height:54px; object-fit:contain; }.sticky-player-copy { min-width:0; display:flex; flex-direction:column; gap:4px; }.sticky-player-copy b { font-size:16px; }.sticky-player-copy span { color:#aebbd0; font-size:11px; white-space:nowrap; }.sticky-player-copy i { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:var(--pink); box-shadow:0 0 8px var(--pink); }.sticky-player button { color:white; border:0; font-weight:800; }.sticky-play { width:46px; height:46px; margin-left:auto; border-radius:50%; font-size:18px; background:linear-gradient(#ff188c,#e80269); box-shadow:0 0 13px rgba(246,7,117,.7); }.popup-player { padding:10px 15px; border:1px solid #25bffa!important; border-radius:999px; background:#06172f; }
.popup-page { min-height:calc(100vh - 74px); padding:28px; display:grid; place-items:center; align-content:center; gap:18px; text-align:center; overflow:hidden; background:radial-gradient(circle at 50% 30%,rgba(246,7,117,.25),transparent 35%),radial-gradient(circle at 20% 80%,rgba(9,169,237,.22),transparent 35%),#02091d; }.popup-logo { width:120px; filter:drop-shadow(0 0 16px rgba(9,169,237,.55)); }.popup-card { width:min(390px,100%); padding:25px; border:1px solid #23bdf5; border-radius:24px; background:linear-gradient(145deg,#091a38,#030a1e); box-shadow:0 0 20px rgba(246,7,117,.42); }.popup-card>span { color:var(--pink); font-size:12px; font-weight:900; letter-spacing:2px; }.popup-art { display:block; width:190px; height:190px; margin:18px auto; object-fit:cover; border-radius:18px; background:#06142a; }.popup-card h1 { margin:0; font-size:28px; }.popup-card p { margin:7px 0 14px; color:#b9c5d7; font-size:17px; }.popup-wave { color:var(--pink); letter-spacing:2px; overflow:hidden; white-space:nowrap; }.popup-card button { width:100%; margin-top:18px; padding:14px; color:white; border:0; border-radius:999px; background:linear-gradient(#ff188c,#e80269); font-weight:900; box-shadow:0 0 14px rgba(246,7,117,.65); }.popup-page>small { color:#8ea0bb; }
.recent { margin:0 3%; min-height:110px; padding:14px 25px; display:flex; gap:24px; align-items:center; border:1px solid var(--blue); border-radius:16px; background:#06132d; position:relative; z-index:3; }
.recent h2 { min-width:95px; }.recent-list { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; flex:1; }.recent article { display:flex; gap:10px; align-items:center; min-width:0; }.cover { flex:none; width:54px; height:54px; display:grid; place-items:center; border-radius:4px; }.recent article div { min-width:0; }.recent b,.recent small,.recent time { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; }.recent time { color:#37caff; margin-top:4px; }.outline { flex:none; color:#40c8ff; background:transparent; border:1px solid #28bdf7; border-radius:12px; padding:10px 18px; font-weight:700; }
.live-now-strip { flex:1; display:flex; align-items:center; gap:14px; min-width:0; }.live-now-strip img { width:68px; height:68px; object-fit:cover; border-radius:10px; }.live-now-strip div { min-width:0; }.live-now-strip b,.live-now-strip small,.live-now-strip time { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.live-now-strip b { font-size:18px; }.live-now-strip small { color:#c2cddd; margin-top:3px; }.live-now-strip time { color:#3bcaff; margin-top:6px; font-size:11px; font-weight:900; letter-spacing:1px; }
.recent-played { padding:30px 3% 28px; background:#030b20; border-top:1px solid #153554; border-bottom:1px solid #153554; }.recent-played-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:18px; }.recent-played-heading span { color:#40cfff; font-size:10px; font-weight:900; letter-spacing:2px; }.recent-played-heading h2 { margin:5px 0 0; color:white; font-size:32px; }.recent-played-heading p { margin:0; color:#97a9c1; }.recent-track-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.recent-track-grid article { min-width:0; padding:12px; display:grid; grid-template-columns:58px minmax(0,1fr) auto; align-items:center; gap:11px; border:1px solid #194168; border-radius:13px; background:linear-gradient(145deg,#081a37,#050d20); }.recent-track-grid img { width:58px; height:58px; object-fit:cover; border-radius:9px; }.recent-track-grid article>div { min-width:0; }.recent-track-grid b,.recent-track-grid small,.recent-track-grid time { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }.recent-track-grid b { font-size:13px; }.recent-track-grid small { margin-top:3px; color:#aebbd0; font-size:11px; }.recent-track-grid time { margin-top:5px; color:#3bcaff; font-size:9px; font-weight:900; letter-spacing:.8px; }.recent-votes { display:flex; gap:5px; }.recent-votes button { width:30px; height:30px; padding:0; color:white; border:1px solid #2576a5; border-radius:50%; background:#07152d; }.recent-votes button.selected { color:var(--pink); border-color:var(--pink); box-shadow:0 0 9px rgba(246,7,117,.5); }
.info-page { min-height:calc(100vh - 74px); background:radial-gradient(circle at 75% 10%,rgba(246,7,117,.18),transparent 35%),#030b20; }.info-hero { min-height:360px; padding:75px 8%; display:flex; flex-direction:column; justify-content:center; background:radial-gradient(circle at 25% 50%,rgba(9,169,237,.28),transparent 35%),repeating-linear-gradient(90deg,transparent 0 24px,rgba(9,169,237,.08) 25px 31px,transparent 32px 44px); }.info-hero span { color:#41d0ff; font-size:11px; font-weight:900; letter-spacing:3px; }.info-hero h1 { margin:10px 0; font-size:clamp(58px,9vw,110px); line-height:.9; text-transform:uppercase; }.info-hero p { max-width:730px; margin:0; color:#c2ccda; font-size:19px; line-height:1.5; }.info-grid { padding:30px 5% 70px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }.info-grid article { min-height:180px; padding:25px; border:1px solid #174c73; border-bottom-color:var(--pink); border-radius:17px; background:linear-gradient(145deg,#081a37,#030a1d); }.info-grid h2 { font-size:22px; }.info-grid p { color:#a8b6ca; line-height:1.6; }
.feature-grid { display:grid; grid-template-columns:1.15fr .8fr 1.1fr; gap:18px; padding:14px 3%; }.feature { min-height:272px; border:1px solid var(--pink); border-radius:16px; background:linear-gradient(145deg,#091a38,#030a1e); padding:18px 22px; box-shadow:0 0 10px rgba(255,0,115,.18); }
.featured-show-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:14px; }.featured-show { display:block; overflow:hidden; border:1px solid #174e77; border-radius:10px; background:#020919; }.featured-show img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; transition:transform .25s ease,filter .25s ease; }.featured-show:hover img { transform:scale(1.03); filter:brightness(1.12); }.all-shows-link { display:inline-block; text-decoration:none; font-size:12px; }
.requests { text-align:left; position:relative; }.requests .mic { float:left; width:76px; height:76px; border:2px solid var(--pink); border-radius:50%; display:grid; place-items:center; color:var(--pink); font-size:35px; margin:3px 15px 20px 0; }.requests p { line-height:1.5; min-height:92px; }.requests p b { color:var(--pink); }.primary { width:100%; padding:15px; border:0; border-radius:17px; color:white; background:linear-gradient(#ff188c,#e80269); box-shadow:0 0 12px var(--pink); font-weight:800; font-size:18px; }
.anywhere { display:grid; grid-template-columns:42% 1fr; grid-template-rows:auto auto auto auto auto; column-gap:18px; overflow:hidden; position:relative; background:radial-gradient(circle at 18% 60%,rgba(22,170,235,.22),transparent 38%),linear-gradient(145deg,#091a38,#030a1e); }.anywhere:after { content:""; position:absolute; width:180px; height:180px; right:-80px; bottom:-90px; border-radius:50%; background:rgba(246,7,117,.12); filter:blur(5px); }.anywhere h2 { grid-column:1/-1; position:relative; z-index:1; }.app-phone { grid-row:2/6; align-self:center; width:150px; aspect-ratio:9/17.5; margin:2px auto 0; padding:5px; overflow:hidden; border:5px solid #111827; border-radius:27px; background:#0c1322; transform:rotate(-4deg); box-shadow:0 14px 30px #000,0 0 18px rgba(37,196,255,.25); }.app-phone img { display:block; width:100%; height:100%; object-fit:cover; border-radius:18px; }.anywhere-copy { position:relative; z-index:1; }.anywhere h3 { margin:0 0 4px; font-size:22px; }.anywhere h3 span { color:var(--pink); }.anywhere-copy p { margin:0 0 6px; color:#93a9c5; font-size:11px; }.anywhere a { position:relative; z-index:1; color:white; text-decoration:none; }.listen-link { min-height:46px; display:flex; align-items:center; gap:10px; border:1px solid #25c4ff; border-radius:11px; padding:8px 10px; margin:4px 0; background:rgba(3,12,31,.75); font-size:12px; transition:.2s ease; }.listen-link:hover { transform:translateX(2px); border-color:#ff168b; background:#0a1d3a; }.listen-link small,.facebook-cta small { display:block; margin-bottom:2px; color:#5ed6ff; font-size:8px; font-weight:900; letter-spacing:1px; }.listen-icon { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:#42d3ff; border:1px solid #42d3ff; }.tunein-icon { width:31px; color:white; font-size:8px; font-weight:1000; line-height:.85; text-align:center; }.facebook-cta { grid-column:1/-1; min-height:48px; margin-top:10px; padding:8px 12px; display:flex; align-items:center; gap:11px; border:1px solid #2c8cff; border-radius:12px; background:linear-gradient(100deg,#0866ff,#0646bb); box-shadow:0 8px 20px rgba(0,72,190,.3); }.facebook-cta:hover { filter:brightness(1.12); transform:translateY(-1px); }.facebook-icon { width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#0866ff; background:white; font-size:23px; font-weight:1000; font-family:Arial,sans-serif; }.facebook-cta>span:nth-child(2) { flex:1; font-size:12px; font-weight:800; }.facebook-cta small { color:#beddff; }.facebook-cta>b { font-size:18px; }
footer { min-height:110px; padding:18px 5%; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:10px 80px; border-top:1px solid #172443; } footer .wordmark { font-size:29px; } footer p { color:#159ee7; margin:8px 0 0; } footer nav { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; } footer nav a { color:white; text-decoration:none; font-size:13px; } footer>small { grid-column:2; text-align:center; color:#b6becf; }
.shows-lineup { padding:72px 4% 78px; scroll-margin-top:30px; background:radial-gradient(circle at 80% 5%,rgba(246,7,117,.15),transparent 28%),radial-gradient(circle at 10% 55%,rgba(9,169,237,.13),transparent 30%),#030b20; border-top:1px solid #142c4b; }.shows-heading { max-width:1180px; margin:0 auto 28px; display:flex; align-items:end; justify-content:space-between; gap:45px; }.shows-heading span { color:#42d0ff; font-size:11px; font-weight:900; letter-spacing:3px; }.shows-heading h2 { margin:8px 0 0; max-width:720px; color:white; font-size:clamp(34px,5vw,62px); line-height:1; letter-spacing:-2px; }.shows-heading p { max-width:430px; margin:0; color:#aebbd0; line-height:1.6; }.lineup-grid { max-width:1400px; margin:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }.lineup-card { overflow:hidden; border:1px solid #173d64; border-radius:18px; background:linear-gradient(145deg,#081a37,#030a1d); box-shadow:0 14px 40px rgba(0,0,0,.22); }.lineup-card.with-art img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }.lineup-copy { padding:19px 22px 22px; }.lineup-copy .schedule { color:#3dccff; font-size:11px; font-weight:900; letter-spacing:1.2px; text-transform:uppercase; }.lineup-copy h3 { margin:7px 0 7px; color:white; font-size:25px; }.lineup-copy p { margin:0; color:#9eacc1; font-size:13px; line-height:1.55; }.lineup-card.text-card { min-height:285px; display:grid; grid-template-columns:42% 1fr; align-items:stretch; }.show-visual { min-height:210px; display:grid; place-items:center; overflow:hidden; position:relative; background:radial-gradient(circle,#f60775 0 4%,transparent 5%),repeating-linear-gradient(90deg,transparent 0 15px,rgba(9,169,237,.28) 16px 24px,transparent 25px 33px),linear-gradient(145deg,#091c43,#14052e); }.show-visual:after { content:""; position:absolute; inset:0; background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.15) 31%,transparent 35%); }.show-visual span { position:relative; z-index:1; color:white; font-size:clamp(30px,4vw,58px); font-weight:1000; font-style:italic; text-align:center; text-shadow:0 0 15px var(--pink); }.text-card .lineup-copy { align-self:center; }.text-card.chart .show-visual { background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(246,7,117,.45) 13px 20px,transparent 21px 29px),linear-gradient(145deg,#071c49,#220632); }.text-card.nonstop .show-visual { background:radial-gradient(circle at center,#0caeea 0,transparent 45%),repeating-linear-gradient(90deg,transparent 0 14px,rgba(246,7,117,.35) 15px 21px,transparent 22px 30px),#06132d; }
.shows-page-hero { min-height:420px; padding:55px 8%; display:flex; align-items:center; justify-content:space-between; gap:50px; overflow:hidden; position:relative; background:radial-gradient(circle at 72% 30%,rgba(246,7,117,.55),transparent 28%),radial-gradient(circle at 35% 50%,rgba(9,169,237,.4),transparent 28%),repeating-linear-gradient(90deg,transparent 0 24px,rgba(10,170,237,.12) 25px 32px,transparent 33px 45px),linear-gradient(120deg,#041134,#160527); }.shows-page-hero:after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.1) 43%,transparent 48%); }.shows-page-hero>div,.shows-page-hero>img { position:relative; z-index:1; }.shows-page-hero>div { max-width:820px; }.shows-page-hero span { color:#42d0ff; font-size:12px; font-weight:900; letter-spacing:3px; }.shows-page-hero h1 { margin:12px 0 16px; font-size:clamp(55px,7vw,104px); line-height:.86; letter-spacing:-5px; text-transform:uppercase; }.shows-page-hero h1 em { color:var(--pink); }.shows-page-hero p { max-width:650px; margin:0; color:#d2d9e6; font-size:18px; line-height:1.55; }.shows-page-hero>img { width:min(27vw,300px); filter:drop-shadow(0 0 22px rgba(9,169,237,.75)); }
.modal-backdrop[hidden] { display:none !important; }
.modal-backdrop { position:fixed; z-index:50; inset:0; display:grid; place-items:center; padding:20px; background:rgba(0,4,14,.86); backdrop-filter:blur(7px); }.modal { width:min(590px,100%); max-height:95vh; overflow:auto; padding:32px; border:1px solid var(--blue); border-radius:24px; background:#071630; box-shadow:0 0 25px var(--pink); position:relative; }.modal .close { position:absolute; right:16px; top:12px; border:0; background:transparent; color:white; font-size:30px; }.modal-icon { display:block; color:var(--pink); font-size:36px; }.modal h2 { font-size:27px; }.modal label { display:block; font-size:13px; margin:13px 0; }.modal input:not([type=checkbox]) { width:100%; margin-top:6px; padding:12px; border:1px solid #284f78; border-radius:8px; color:white; background:#020c20; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.recorder { min-height:90px; padding:16px; display:flex; justify-content:center; align-items:center; flex-direction:column; gap:10px; border:1px dashed #2c6a95; border-radius:13px; }.record,.stop { border:0; color:white; background:var(--pink); padding:12px 20px; border-radius:999px; font-weight:bold; }.recording-dot { color:#ff318c; }.text-button { color:#49cfff; background:none; border:0; }.recorder audio { width:100%; }.consent { font-size:12px!important; }.submit:disabled { opacity:.4; cursor:not-allowed; }.modal>small { display:block; margin-top:12px; color:#92a3bc; text-align:center; }.signed-in-note { color:#63d5ff; font-size:12px; border:1px solid #164e77; border-radius:8px; padding:8px 10px; }

.admin-shell { min-height:100vh; background:radial-gradient(circle at 80% 0,#102c61 0,transparent 28%),#040b1c; padding-bottom:70px; }.admin-header { height:82px; padding:0 5%; display:flex; align-items:center; justify-content:space-between; background:#020817; border-bottom:1px solid #153256; }.admin-header .wordmark { font-size:31px; }.admin-header>div { display:flex; align-items:center; gap:18px; font-size:12px; }.admin-header>div a,.admin-home { color:#43cfff; text-decoration:none; }.admin-title { padding:55px 6% 25px; display:flex; justify-content:space-between; align-items:end; }.admin-title p { margin:0 0 8px; color:var(--pink); font-weight:900; letter-spacing:2px; font-size:12px; }.admin-title h1 { margin:0 0 8px; font-size:clamp(36px,5vw,64px); letter-spacing:-2px; }.admin-title span { color:#aab9d1; }.admin-home { border:1px solid #24658e; border-radius:10px; padding:10px 14px; }.admin-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; padding:10px 6% 24px; }.admin-stats article { padding:20px; border:1px solid #183f68; border-radius:14px; background:#07152d; }.admin-stats b,.admin-stats span { display:block; }.admin-stats b { font-size:32px; color:#4cd3ff; }.admin-stats span { color:#94a7c2; font-size:12px; text-transform:uppercase; letter-spacing:1px; }.admin-filters { display:flex; gap:8px; padding:0 6% 20px; }.admin-filters button { color:#a8b9d0; background:#09162e; border:1px solid #183c63; border-radius:999px; padding:9px 16px; text-transform:capitalize; }.admin-filters button.active { color:white; background:var(--pink); border-color:var(--pink); }.message-list { display:grid; gap:14px; padding:0 6%; }.message-card { display:grid; grid-template-columns:22px 1fr; padding:20px; border:1px solid #193d63; border-radius:16px; background:linear-gradient(135deg,#091a35,#060f24); }.status-dot { color:#47cfff; padding-top:4px; }.status-dot.approved { color:#40df97; }.status-dot.used { color:#a992ff; }.message-meta { display:flex; justify-content:space-between; gap:15px; }.message-meta h2 { color:white; margin:0 0 5px; }.message-meta span { color:#8fa4c1; font-size:12px; }.message-meta mark { height:max-content; color:white; background:#163b60; border-radius:999px; padding:5px 10px; font-size:11px; text-transform:uppercase; }.message-card>p,.message-card>audio,.message-actions { grid-column:2; }.message-card audio { width:100%; margin:4px 0 13px; }.message-actions { display:flex; flex-wrap:wrap; gap:8px; }.message-actions button,.message-actions a { color:white; text-decoration:none; background:#0d2848; border:1px solid #26567e; border-radius:8px; padding:8px 11px; font-size:12px; }.message-actions .delete { margin-left:auto; color:#ff6b9f; }.empty { padding:70px 25px; display:flex; flex-direction:column; align-items:center; gap:10px; color:#93a6c0; border:1px dashed #254d76; border-radius:17px; background:#071329; }.empty b { color:white; font-size:20px; }.admin-denied { min-height:100vh; display:grid; place-content:center; text-align:center; padding:30px; }.admin-denied a { color:#45ceff; }
@media (max-width:1050px) { .site-header nav { gap:17px; }.hero { grid-template-columns:1fr .7fr 1fr; gap:18px; }.recent-list { grid-template-columns:repeat(3,1fr); }.recent article:nth-child(n+4) { display:none; }.feature-grid { grid-template-columns:1fr 1fr; }.anywhere { grid-column:1/-1; }.wordmark { font-size:29px; }.shows-heading { align-items:flex-start; flex-direction:column; gap:14px; }.lineup-card.text-card { grid-template-columns:1fr; }.show-visual { min-height:170px; } }
@media (max-width:1050px) { .recent-track-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.info-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:760px) { .site-header { height:76px; padding:0 20px; }.site-header .wordmark { font-size:28px; }.menu-button { display:block; margin-left:auto; }.header-icons { display:none; }.site-header nav { display:none; position:absolute; top:76px; left:0; right:0; margin:0; padding:15px 25px; height:auto; flex-direction:column; align-items:stretch; gap:0; background:#020817; }.site-header nav.open { display:flex; }.site-header nav a { padding:12px 0; }.hero { grid-template-columns:1fr 1fr; padding:28px 20px; }.hero-copy h1 { font-size:55px; }.hero-copy p { font-size:12px; }.hero-logo { width:180px; }.now-playing { grid-column:1/-1; }.recent { margin:0; border-radius:0; padding:16px; align-items:flex-start; }.recent-list { grid-template-columns:1fr 1fr; }.recent article:nth-child(n+3) { display:none; }.recent .outline { display:none; }.feature-grid { grid-template-columns:1fr; padding:14px; }.anywhere { grid-column:auto; }.feature { min-height:auto; } footer { grid-template-columns:1fr; text-align:center; } footer>small { grid-column:1; }.form-row { grid-template-columns:1fr; }.shows-page-hero { min-height:auto; padding:48px 22px; }.shows-page-hero>img { width:150px; border-radius:22px; }.shows-page-hero h1 { font-size:52px; letter-spacing:-3px; }.shows-page-hero p { font-size:14px; }.shows-lineup { padding:52px 15px 60px; }.lineup-grid { grid-template-columns:1fr; }.lineup-card.text-card { grid-template-columns:38% 1fr; min-height:220px; }.show-visual { min-height:220px; }.lineup-copy h3 { font-size:22px; } }
@media (max-width:760px) { .admin-title { align-items:flex-start; flex-direction:column; gap:20px; }.admin-stats { grid-template-columns:1fr 1fr; }.admin-header>div span { display:none; }.message-card { grid-template-columns:15px 1fr; padding:15px; }.message-meta { flex-direction:column; }.message-meta mark { align-self:flex-start; }.message-actions .delete { margin-left:0; } }
@media (max-width:440px) { .hero { grid-template-columns:1fr; text-align:center; }.hero-copy h1 { font-size:63px; }.hero-copy p { font-size:11px; }.hero-logo { width:190px; }.recent h2 { font-size:15px; }.recent-list { grid-template-columns:1fr; }.recent article:nth-child(n+2) { display:none; }.featured-show-grid { grid-template-columns:1fr; }.featured-show:nth-child(2) { display:none; }.anywhere { grid-template-columns:1fr; text-align:left; }.app-phone { grid-row:auto; width:170px; margin:5px auto 18px; }.anywhere h2 { grid-column:auto; }.facebook-cta { grid-column:auto; }.site-header .wordmark { font-size:25px; }.shows-page-hero { text-align:center; flex-direction:column-reverse; gap:28px; }.shows-page-hero>img { width:175px; }.shows-page-hero h1 { font-size:47px; }.lineup-card.text-card { grid-template-columns:1fr; }.show-visual { min-height:150px; }.shows-heading h2 { font-size:38px; } }
@media (max-width:520px) { .sticky-player { padding:8px 12px; gap:10px; }.sticky-player>img { width:48px; height:48px; }.sticky-player-copy b { font-size:14px; }.sticky-player-copy span { font-size:10px; }.popup-player span { display:none; }.popup-player { width:42px; height:42px; padding:0; }.sticky-play { width:44px; height:44px; }.live365-now-playing { height:175px; } }
@media (max-width:520px) { .header-popup span { display:none; }.header-popup { width:38px; height:38px; padding:0; }.live-now-strip img { width:54px; height:54px; }.live-now-strip b { font-size:14px; } }
@media (max-width:620px) { .recent-played-heading { align-items:flex-start; flex-direction:column; }.recent-track-grid,.info-grid { grid-template-columns:1fr; }.recent-track-grid article { grid-template-columns:50px minmax(0,1fr) auto; }.recent-track-grid img { width:50px; height:50px; }.info-hero { min-height:300px; padding:55px 24px; }.info-hero h1 { font-size:58px; }.info-hero p { font-size:16px; }.popup-page { padding:16px; }.popup-card { padding:22px 18px; }.popup-art { width:170px; height:170px; } }
@media (max-width:720px) { .contact-form { margin:0 15px 55px; padding:22px; grid-template-columns:1fr; gap:15px; }.contact-fields { grid-template-columns:1fr; }.contact-fields label { grid-column:1!important; }.hub-tabs { padding-left:15px; padding-right:15px; overflow:auto; }.hub-tabs button { white-space:nowrap; } }
.store-badges{display:flex;flex-wrap:wrap;gap:10px}.home-store-badges{grid-column:2;margin:6px 0}.store-badge{min-width:135px;min-height:43px;padding:6px 10px!important;display:flex;align-items:center;gap:8px!important;color:white!important;border:1px solid #60728b!important;border-radius:9px!important;background:#05070b!important;text-decoration:none;line-height:1!important}.store-badge:hover{border-color:#43ceff!important;transform:translateY(-1px)}.store-badge>span:last-child{font-size:15px;font-weight:700}.store-badge small{display:block;margin-bottom:3px;color:white!important;font-size:7px!important;font-weight:500!important;letter-spacing:.3px!important}.apple-mark{width:23px;height:23px;display:grid;place-items:center;border-radius:55% 45% 50% 50%;color:#05070b;background:white;font-size:10px}.play-mark{width:23px;height:25px;display:grid;place-items:center;color:#48dcff;font-size:22px;text-shadow:5px 0 #66dd70,-3px 0 #ffd34d}.listen-page{min-height:100vh;background:radial-gradient(circle at 80% 5%,rgba(246,7,117,.2),transparent 32%),#030b20}.listen-hero{min-height:460px;padding:55px 9%;display:flex;align-items:center;justify-content:space-between;gap:60px;overflow:hidden;background:radial-gradient(circle at 24% 55%,rgba(9,169,237,.35),transparent 35%),repeating-linear-gradient(90deg,transparent 0 28px,rgba(10,170,237,.08) 29px 35px,transparent 36px 47px)}.listen-hero>div{max-width:760px}.listen-hero span,.listen-store-section>div>span{color:#45d3ff;font-size:11px;font-weight:900;letter-spacing:3px}.listen-hero h1{margin:12px 0 18px;font-size:clamp(68px,9vw,120px);line-height:.78;letter-spacing:-6px;text-transform:uppercase}.listen-hero h1 em{color:var(--pink)}.listen-hero p{max-width:580px;color:#c6d0df;font-size:19px;line-height:1.5}.listen-hero img{width:min(23vw,245px);max-height:370px;object-fit:cover;border:7px solid #101827;border-radius:35px;box-shadow:0 20px 45px #000,0 0 25px rgba(44,198,255,.25);transform:rotate(4deg)}.listen-options{padding:50px 5%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.listen-options article,.listen-option-card{min-height:145px;padding:24px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;border:1px solid #1c527c;border-bottom-color:var(--pink);border-radius:17px;color:white;background:linear-gradient(145deg,#091a37,#030a1d);text-decoration:none}.listen-options article{grid-template-columns:62px 1fr}.listen-option-card:hover{border-color:#3bceff;transform:translateY(-2px)}.listen-option-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:15px;color:white;background:#0b3157;font-weight:900;text-align:center}.listen-option-icon.alexa{color:#54d9ff;font-size:28px}.listen-option-icon.tunein{font-size:12px;line-height:.9}.listen-option-icon.apple{color:#07101f;background:white;font-size:19px}.listen-option-icon.google{color:#47dfff;font-size:25px}.listen-options span{color:#45d3ff;font-size:9px;font-weight:900;letter-spacing:1.6px}.listen-options h2{margin:5px 0 7px;font-size:25px}.listen-options p{margin:0;color:#aab9cd;line-height:1.5}.option-arrow{color:#4bd4ff;font-size:22px}.listen-store-section{margin:0 5% 75px;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #e90875;border-radius:18px;background:linear-gradient(110deg,#081a37,#21062d)}.listen-store-section h2{margin:8px 0;color:white;font-size:34px}.listen-store-section p{max-width:650px;margin:0;color:#aebbd0;line-height:1.5}
@media(max-width:760px){.listen-hero{min-height:auto;padding:45px 24px;gap:25px}.listen-hero h1{font-size:60px;letter-spacing:-3px}.listen-hero img{width:145px;max-height:260px}.listen-options{grid-template-columns:1fr;padding:30px 15px}.listen-store-section{margin:0 15px 60px;align-items:flex-start;flex-direction:column}.home-store-badges{grid-column:1/-1}}
@media(max-width:480px){.listen-hero{flex-direction:column;text-align:center}.listen-hero img{width:175px}.listen-options article,.listen-option-card{grid-template-columns:50px 1fr;padding:18px}.listen-option-card .option-arrow{display:none}.listen-option-icon{width:48px;height:48px}.store-badges{width:100%;flex-direction:column}.store-badge{width:100%}}
.official-store-badge{height:45px;display:block;transition:transform .2s ease,filter .2s ease}.official-store-badge:hover{transform:translateY(-2px);filter:brightness(1.1)}.official-store-badge img{display:block;width:auto;height:45px;object-fit:contain}.official-store-badge.google img{height:53px;margin:-4px -6px}.home-store-badges .official-store-badge{height:39px}.home-store-badges .official-store-badge img{height:39px}.home-store-badges .official-store-badge.google img{height:47px}

/* Crisp, consistently sized app presentation. */
.store-badges{align-items:center}
.official-store-badge,.official-store-badge.google{width:148px;height:45px;display:grid;place-items:center;overflow:hidden;border-radius:7px;background:#000}
.official-store-badge img,.official-store-badge.google img{display:block;width:100%;height:100%;margin:0;object-fit:fill}
.official-store-badge.google img{transform:scale(1.145,1.488)}
.home-store-badges .official-store-badge,.home-store-badges .official-store-badge.google{width:128px;height:39px}
.home-store-badges .official-store-badge img,.home-store-badges .official-store-badge.google img{width:100%;height:100%;margin:0}
.app-phone{width:165px;aspect-ratio:1054/2048;padding:4px;border:4px solid #111827;border-radius:29px;transform:none;box-shadow:0 15px 32px rgba(0,0,0,.78),0 0 20px rgba(37,196,255,.3)}
.app-phone img{border-radius:21px}
.listen-hero img{display:block;width:min(23vw,275px);height:auto;max-height:none;aspect-ratio:1054/2048;object-fit:cover;border:5px solid #101827;border-radius:38px;transform:none;box-shadow:0 22px 48px rgba(0,0,0,.78),0 0 28px rgba(44,198,255,.3)}

/* USA Radio Network station directory */
.stations-page{min-height:100vh;background:radial-gradient(circle at 80% 0,rgba(246,7,117,.18),transparent 30%),radial-gradient(circle at 10% 45%,rgba(9,169,237,.13),transparent 32%),#020817}
.stations-hero{padding:70px 7% 48px;text-align:center;border-bottom:1px solid #17304f;background:repeating-linear-gradient(90deg,transparent 0 29px,rgba(9,169,237,.055) 30px 36px,transparent 37px 48px)}
.stations-hero>span{color:#48d2ff;font-size:11px;font-weight:900;letter-spacing:3px}.stations-hero h1{margin:12px auto 18px;color:white;font-size:clamp(52px,7vw,95px);line-height:.9;letter-spacing:-4px;text-transform:uppercase}.stations-hero h1 em{color:var(--pink)}.stations-hero p{max-width:760px;margin:0 auto;color:#afbed2;font-size:17px;line-height:1.6}
.station-directory{max-width:1320px;margin:auto;padding:48px 4% 72px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.network-station-card{--station-accent:#29c6ff;min-height:300px;padding:30px;display:grid;grid-template-columns:155px minmax(0,1fr);align-items:center;gap:28px;border:1px solid #203955;border-top:4px solid var(--station-accent);border-radius:17px;background:linear-gradient(145deg,#0a172e,#040a18);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.network-station-card.red{--station-accent:#f01b2e;background:linear-gradient(145deg,#171212,#080808)}.network-station-card.cyan{--station-accent:#19c9ee;background:linear-gradient(145deg,#0b1a35,#11102c)}.network-station-card.gold{--station-accent:#d99a1d;background:linear-gradient(145deg,#211708,#0c0905)}.network-station-card.pink{--station-accent:#f60775;background:linear-gradient(145deg,#21102f,#08122e)}.network-station-card.purple{--station-accent:#a774ff;background:linear-gradient(145deg,#17102d,#070817)}.network-station-card.green{--station-accent:#26c96b;background:linear-gradient(145deg,#0b2418,#07100b)}
.network-station-logo{width:150px;height:150px;display:grid;place-items:center;overflow:hidden;border-radius:22px;background:transparent;box-shadow:0 9px 25px rgba(0,0,0,.35)}.network-station-logo img{width:100%;height:100%;object-fit:contain;border-radius:22px}
.station-text-mark{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#07101f;text-align:center;font-family:Arial,sans-serif;line-height:.88}.station-text-mark small{color:var(--station-accent);font-size:18px;font-weight:1000;letter-spacing:-1px}.station-text-mark b{font-size:42px;font-weight:1000;letter-spacing:-3px}.dance-mark{color:#12bde7!important;font-size:50px!important;font-style:italic}.green .station-text-mark b{font-size:27px;letter-spacing:-2px}.purple .station-text-mark b{color:#5a31a9}
.network-station-copy>span{color:var(--station-accent);font-size:10px;font-weight:1000;letter-spacing:1.5px}.network-station-copy h2{margin:9px 0 13px;color:white;font-size:31px}.network-station-copy p{min-height:68px;margin:0;color:#b9c4d4;font-size:14px;line-height:1.65}.network-station-copy a{display:inline-block;margin-top:18px;padding:13px 17px;color:white;border:1px solid #71809a;border-radius:5px;text-decoration:none;font-size:12px;font-weight:900}.network-station-copy a:hover{border-color:var(--station-accent);color:var(--station-accent);transform:translateY(-1px)}.pink .network-station-copy a{border-color:var(--pink);color:#ff70ae}
@media(max-width:900px){.station-directory{grid-template-columns:1fr}.network-station-card{min-height:270px}}
@media(max-width:560px){.stations-hero{padding:52px 20px 38px}.stations-hero h1{font-size:49px;letter-spacing:-3px}.stations-hero p{font-size:14px}.station-directory{padding:30px 14px 60px}.network-station-card{grid-template-columns:95px 1fr;gap:17px;padding:20px}.network-station-logo,.network-station-logo img{width:95px;height:95px;border-radius:17px}.station-text-mark small{font-size:11px}.station-text-mark b{font-size:28px}.green .station-text-mark b{font-size:18px}.dance-mark{font-size:34px!important}.network-station-copy h2{font-size:23px}.network-station-copy p{min-height:0;font-size:12px}.network-station-copy a{font-size:10px}}
/* The completed HitMusicUSA theme supplies its own persistent player. */
.top-voted{margin:0 5% 80px;padding:30px;border:1px solid #215d88;border-top-color:var(--pink);border-radius:20px;background:linear-gradient(145deg,#071a38,#030919);box-shadow:0 24px 60px rgba(0,0,0,.28)}.top-voted-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:22px}.top-voted-head span{color:#43d2ff;font-size:10px;font-weight:1000;letter-spacing:2px}.top-voted-head h2{margin:6px 0 4px;color:white;font-size:34px}.top-voted-head p{margin:0;color:#aab9ce}.top-voted-head>b{padding:7px 12px;border:1px solid #1c6b91;border-radius:999px;color:#53d6ff;font-size:10px;text-transform:uppercase}.top-voted-list{display:grid;gap:8px}.chart-row{display:grid;grid-template-columns:44px minmax(0,1fr) 85px 175px;align-items:center;gap:14px;padding:13px 15px;border:1px solid #153a60;border-radius:12px;background:#06132b}.chart-rank{color:var(--pink);font-size:23px;text-align:center}.chart-song b,.chart-song span{display:block}.chart-song b{color:white;font-size:16px}.chart-song span{color:#9eb0c9;font-size:13px}.chart-score{text-align:center}.chart-score small,.chart-score b{display:block}.chart-score small{color:#7087a8;font-size:8px;letter-spacing:1px}.chart-score b{color:#43d2ff}.chart-votes{display:flex;justify-content:flex-end;gap:7px}.chart-votes button{padding:8px 10px;border:1px solid #236087;border-radius:999px;color:white;background:#071a34;cursor:pointer}.chart-votes button:hover,.chart-votes button.selected{border-color:var(--pink);background:#32102e}.chart-empty,.chart-loading{padding:35px;text-align:center;color:#9fb0c8}.chart-empty h3{color:white}@media(max-width:700px){.top-voted{margin:0 15px 60px;padding:20px}.top-voted-head{align-items:flex-start}.top-voted-head>b{display:none}.chart-row{grid-template-columns:34px minmax(0,1fr);gap:10px}.chart-score{display:none}.chart-votes{grid-column:2;justify-content:flex-start}.top-voted-head h2{font-size:28px}}
.listen-square-logo{width:62px;height:62px;display:block;object-fit:cover;border:1px solid #2d668d;border-radius:15px;box-shadow:0 7px 20px rgba(0,0,0,.28)}
@media(max-width:480px){.listen-square-logo{width:48px;height:48px;border-radius:12px}}
.radio-player.sticky,
.radio-player.position-bottom { display: none !important; }