body{background:#060d1a;--pane:rgba(9,24,43,.97);--edge:#ffffff22}
.station,.preview{max-width:1180px}.station{background:linear-gradient(180deg,var(--page),#080f20 850px);box-shadow:none}
.content{padding:0 28px 24px;margin-top:-18px}.glass{border:1px solid #ffffff20;border-radius:12px;box-shadow:none}
.hero{height:280px!important}.hero .skyline{object-position:center 48%;filter:saturate(.9)}
.hero .skywash{background:linear-gradient(180deg,#071326aa,transparent 55%,#071326aa)!important}
header{padding:24px 28px;color:#fff!important}.brand{color:#fff}.brand b{font-size:52px}.brand em{color:#f6d17f}
.header-greeting,.header-stack{color:#fff}.gold{border:0;background:linear-gradient(135deg,#ffe3a1,#d8a94e);box-shadow:none;color:#111b29}
.main-menu summary{background:#071326d9!important;color:#fff!important;border:1px solid #ffffff38;border-radius:7px;min-height:44px}
.player-queue{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:16px;align-items:stretch}
.player-queue .player,.player-queue .rotation{height:100%;padding:22px;min-height:0;border-radius:12px;background:linear-gradient(140deg,var(--pane),#071322)}
.player-queue .player>.kicker,.player-queue .rotation>h2{font-size:13px;letter-spacing:.14em;color:#f5d593;margin:0 0 18px}
.player-queue .player .record{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}
.player-queue .player .record>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:7px;box-shadow:0 12px 28px #0005}
.player-queue .track{min-width:0}.player-queue .track h2{font-size:32px;line-height:1.08;overflow-wrap:anywhere;margin:0 0 8px}
.player-queue .track>p{font-size:15px;color:#cbd5e3}.player-queue .transport{margin-top:18px;gap:12px}
.player-queue .play{width:44px;height:44px;font-size:19px;flex-shrink:0;box-shadow:0 0 14px #d8a94e22;border:1px solid #e6c074;background:#152237}
.song-feedback{gap:6px}.song-feedback button{min-width:44px;min-height:44px}.song-feedback small{font-size:10px}
.volume{gap:8px}.volume input{width:100%;min-width:0;accent-color:#e4bc6e}.player-queue .sound-drawer{margin-top:20px;border-top:1px solid #ffffff1a;padding-top:9px}
.sound-drawer summary{font-size:12px;letter-spacing:.08em;min-height:44px;align-content:center}
.player-queue .rotationcard img{max-width:190px;width:100%;height:auto;aspect-ratio:1;object-fit:contain;align-self:center;border-radius:7px}
.player-queue .rotationcard h3{font-size:24px}.player-queue .rotationcard p{color:#cbd5e3}.player-queue .queue-controls button{border:1px solid #ffffff28;min-height:44px;min-width:44px;border-radius:7px;background:#152237}
.upcoming-column{height:100%}.monthly-artist{padding:22px;margin-top:16px}.monthly-artist-body{flex-direction:row;align-items:center;gap:24px}.monthly-artist-body>img{width:120px;max-width:30%;border-radius:7px}.monthly-artist h3{font-size:28px}
.community-row{margin:16px 0}.news-ticker{padding:16px}.actions{margin-top:16px;padding:12px}.actions>*{min-height:44px}
.new-on-winr{padding:22px;margin-top:16px}.new-on-winr-card{flex:0 0 170px;width:170px;min-width:0}.new-on-winr-grid{gap:16px;padding-top:18px}.new-on-winr-card b{font-size:18px}.new-on-winr-card img{width:170px;height:170px;object-fit:cover;border-radius:7px}.new-on-winr h2{color:#f5d593}
.preview{font-size:10px;letter-spacing:.13em;color:#c0cada;padding:8px 28px}
@media(max-width:760px){
 .hero{height:220px!important}.content{padding:0 14px 18px}header{padding:18px 14px}.brand b{font-size:38px}
 .player-queue{grid-template-columns:1fr;gap:12px}.player-queue .player,.player-queue .rotation{padding:18px}
 .player-queue .player .record{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px}
 .player-queue .track h2{font-size:26px}.player-queue .track>p{font-size:13px}.transport>div{display:none}
 .player-queue .rotationcard{flex-basis:100%;display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center}
 .player-queue .rotationcard img{width:100px;grid-column:1;grid-row:1/3}.player-queue .rotationcard>div:not(.queue-controls){grid-column:2;grid-row:1}.player-queue .rotationcard .queue-controls{grid-column:2;grid-row:2;justify-content:flex-start}
 .player-queue .rotationcard h3{font-size:22px}.player-queue .rotation>.page-note{font-size:10px}
 .monthly-artist{padding:18px}.monthly-artist-body{flex-direction:row}.monthly-artist h3{font-size:24px}.new-on-winr{padding:18px}.new-on-winr-card{flex-basis:145px;width:145px}.new-on-winr-card img{width:145px;height:145px}
}
@media(max-width:380px){.player-queue .player .record{grid-template-columns:1fr}.player-queue .player .record>img{max-width:210px;justify-self:center}.player-queue .track h2{font-size:28px}.volume{flex-wrap:nowrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin-bottom:12px}.actions>*{min-width:0}.actions small{white-space:normal}
#listenerSound{border:1px solid #ffffff20;margin:0 0 16px;padding:0 18px;background:var(--pane)}
#listenerSound:not([open]){display:none}
#listenerSound>.equalizer{margin:4px 0 14px;width:100%;padding:16px}
#listenerSound .presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#listenerSound .frequency-panel{margin:0 0 18px;padding:16px}
#listenerSound .frequency-panel[hidden]{display:none!important}
#listenerSound .bands{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}
#listenerSound .bands label{min-width:0}
@media(max-width:600px){.actions{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:10px}.actions small{font-size:11px}#listenerSound .presets{grid-template-columns:repeat(2,minmax(0,1fr))}#listenerSound .bands{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:18px}}
.recent-preview{padding:22px;margin:16px 0}.recent-preview h2{font:600 17px 'Barlow Condensed',sans-serif;color:#f5d593;letter-spacing:.12em;margin:0}.recent-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:18px 0 12px}.recent-preview-grid a{min-width:0}.recent-preview-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:7px}.recent-preview-grid h3{font:600 20px/1.2 'Barlow Condensed',sans-serif;margin:8px 0 4px}.recent-preview-grid p{font-size:12px;color:#cbd5e3;margin:0}.recent-preview>small{font-size:11px;color:#aebbd0}
@media(max-width:600px){.recent-preview{padding:18px}.recent-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
.onair-strip{display:flex;align-items:center;gap:18px;min-height:0;padding:14px 18px;margin:0 0 16px}.onair-strip>img{width:76px;height:76px;object-fit:cover;border-radius:8px}.onair-strip>div{flex:1;padding:0}.onair-strip h2{font-size:25px;margin:4px 0}.onair-strip p{font-size:13px}.onair-strip .airtime{margin-bottom:7px}.airrow:has(>.clockcard):not(:has(>.onair)){display:none}
@media(max-width:600px){.onair-strip{gap:12px;padding:14px;flex-wrap:wrap}.onair-strip>img{width:64px;height:64px}.onair-strip>div{min-width:180px}.onair-strip>a{margin-left:76px}.onair-strip h2{font-size:23px}}
.onair-strip[hidden],.monthly-artist[hidden]{display:none!important}
body[data-page="home"] .schedule{display:none}
.onair-now{display:flex;align-items:center;gap:9px;color:#fff;font:700 13px 'DM Sans',sans-serif;letter-spacing:.12em;margin-bottom:7px}
.onair-light{display:inline-block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#ff4057;box-shadow:0 0 7px #ff4057,0 0 15px #ff4057aa;animation:onair-pulse 1.8s ease-in-out infinite}
@keyframes onair-pulse{0%,100%{opacity:1;box-shadow:0 0 7px #ff4057,0 0 18px #ff4057bb}50%{opacity:.4;box-shadow:0 0 3px #ff4057}}
@media(prefers-reduced-motion:reduce){.onair-light{animation:none}}
.hero header{display:flex!important;align-items:flex-start;gap:18px}
.header-brand-group{display:flex;align-items:center;gap:24px;flex:1;min-width:0}
.header-brand-group #listen{padding:7px 12px;font-size:12px;line-height:1.1;align-self:flex-start;margin-top:3px;min-height:32px;border-radius:18px}
.hero header .header-listen-stack{width:auto;max-width:200px;gap:0;flex:0 1 auto;margin-top:3px}
.hero header .welcome h1,body:not([data-page=home]) .hero header .welcome h1{font:600 13px/1.2 'DM Sans',sans-serif!important;margin:0}
.hero header .welcome .houston-weather{font-size:9px!important;margin-top:3px}
.hero header .welcome .weather-icon{font-size:11px!important}
.hero header .main-menu{position:static!important;margin:0}
.player-queue .rotationgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible;max-height:none;scroll-snap-type:none;padding:0}
.player-queue .rotationcard{display:flex;flex-direction:column;align-items:stretch;gap:8px;width:auto;min-width:0;padding:0;flex:auto}
.player-queue .rotationcard img{width:100%;max-width:none;height:auto;aspect-ratio:1;object-fit:contain;align-self:stretch}
.player-queue .rotationcard h3{font-size:19px;line-height:1.15;margin:5px 0}.player-queue .rotationcard p{font-size:11px}
.player-queue .rotationcard .queue-controls,.player-queue .rotation>.queue-controls,.player-queue .queue-scroll-hint{display:none!important}
@media(max-width:760px){.player-queue .rotationgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.player-queue .rotationcard{display:flex}.player-queue .rotationcard img{width:100%}.player-queue .rotationcard h3{font-size:17px}}
@media(max-width:600px){.hero header{gap:10px;padding:16px 12px}.header-brand-group{flex-direction:column;align-items:flex-start;gap:9px}.header-brand-group #listen{align-self:flex-start;margin-top:0;padding:7px 10px;font-size:11px;min-height:32px}.hero header .header-listen-stack{max-width:130px}.hero header .welcome h1{font-size:12px!important}.hero header .welcome .houston-weather{font-size:8px!important}.hero header .main-menu summary{padding:8px;min-height:36px}}
.hero{overflow:visible}.main-menu .sitepages{max-height:min(520px,70vh);overflow-y:auto;overscroll-behavior:contain}
