@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&family=Allura&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#091328;font-family:'DM Sans',sans-serif;color:#fff;--accent:#49baff;--glow:#079eff;--pane:rgba(1,31,62,.94);--edge:#2d95cb;--page:#1378b7;--heroink:#061b37;--wash:rgba(38,167,244,.09)}body[data-theme=morning]{--accent:#ffd273;--glow:#ffa52c;--pane:rgba(9,24,43,.97);--edge:#ffffff22;--page:#101c30;--heroink:#fff}body[data-theme=night]{--accent:#c787ff;--glow:#963dff;--pane:rgba(12,5,34,.96);--edge:#7235a3;--page:#150a33;--heroink:#fff}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff;outline-offset:4px}.preview{padding:12px 24px;background:#090e1c;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.1em;max-width:1100px;margin:auto}.preview>div{display:flex;align-items:center;gap:10px;letter-spacing:0}.preview label{font-size:12px;color:#c8cfdd}select{background:#1b253c;border:1px solid #40516f;border-radius:6px;color:#fff;padding:7px;font:inherit;max-width:150px}.station{max-width:1100px;margin:auto;background:var(--page);box-shadow:0 0 90px #0008;transition:background .5s}.hero{height:400px;position:relative;overflow:hidden}.skyline{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:saturate(1.15)}.skywash{position:absolute;inset:0;background:linear-gradient(to bottom,#e5f5ffdc,transparent 65%,#08283740)}[data-theme=night] .skyline{filter:brightness(.55) saturate(.8)}[data-theme=night] .skywash{background:linear-gradient(#100c48dc,#29124766,#07031e66)}[data-theme=morning] .skywash{background:linear-gradient(#07132688,#07132622,#07132688)}header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 28px;color:var(--heroink)}.brand{display:flex;align-items:center;line-height:.85}.brand b{font:700 48px/.8 Georgia,serif;letter-spacing:-2px}.brand small{display:block;font-size:12px;letter-spacing:.21em;margin-top:10px}.brand em{display:block;font-size:11px;letter-spacing:.35em;font-style:normal;text-align:center;margin-top:7px}.sax{font-size:46px;margin-right:5px}header nav{display:flex;gap:21px;font:600 15px 'Barlow Condensed',sans-serif}.gold{border:1px solid #efac29;border-radius:22px;background:linear-gradient(#ffde74,#edb62c);color:#131622;padding:11px 18px;font:700 15px 'Barlow Condensed',sans-serif;display:inline-block;box-shadow:0 2px 8px #2f140126;white-space:nowrap}.gold:hover{filter:brightness(1.1)}.welcome{position:relative;text-align:center;color:var(--heroink);padding-top:10px;text-shadow:0 1px 10px #fff5}.welcome h1{font:400 86px/.85 'Allura',cursive;margin:0}.welcome h2{font-size:35px;letter-spacing:.25em;margin:10px 0 0;font-weight:700}.welcome p{font-size:13px;letter-spacing:.13em;margin:5px 0 7px}.welcome>span{font-size:12px;background:#ffffffbf;padding:4px 10px;border-radius:20px;color:#16223a}[data-theme=night] .welcome{text-shadow:none}[data-theme=night] .welcome h1{color:#c983ff}.content{position:relative;padding:0 22px 16px;margin-top:-22px}.glass{border:1px solid var(--edge);background:var(--pane);box-shadow:0 5px 18px #0003;border-radius:9px}.player{display:grid;grid-template-columns:1fr 270px;gap:22px;padding:20px}.record{display:flex;gap:20px;align-items:center}.record>img{width:160px;height:180px;object-fit:cover;border-radius:8px;box-shadow:0 7px 22px #0005}.kicker{font:600 13px 'Barlow Condensed',sans-serif;color:#ffcf53;letter-spacing:.04em}.track h2{font:600 29px/1.05 'Barlow Condensed',sans-serif;margin:8px 0}.track>p{font-size:14px;margin:0 0 12px;color:#eceaf3}.transport{display:flex;align-items:center;gap:18px}.play{width:66px;height:66px;border-radius:50%;border:2px solid var(--accent);background:radial-gradient(#1b1e30,#111525);box-shadow:0 0 0 5px #ffffff09,0 0 20px var(--glow),inset 0 0 8px var(--glow);font-size:25px;padding:0}.transport strong{font-size:13px;display:block}.transport small{display:block;font-size:12px;opacity:.7;margin-top:3px}.volume{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:17px}.volume input{width:120px;accent-color:var(--accent)}.volume output{min-width:30px}.equalizer{border:1px solid var(--edge);border-radius:8px;padding:10px 12px;background:#02091255}.eqhead{display:flex;justify-content:space-between;align-items:center;font:500 14px 'Barlow Condensed',sans-serif}.eqhead button{font-size:11px;background:transparent;border:1px solid #fff8;border-radius:4px;padding:3px 7px}.bands{display:flex;justify-content:space-around;margin:8px 0}.bands label{display:flex;flex-direction:column;align-items:center;gap:4px;font:500 14px 'Barlow Condensed',sans-serif}.bands output{color:var(--accent);font-size:12px}.bands input{writing-mode:vertical-lr;direction:rtl;height:93px;width:24px;accent-color:var(--accent)}.bands small{font:11px 'DM Sans',sans-serif;opacity:.8}.eqnote{display:block;text-align:center;font-size:11px;opacity:.8}.actions{display:flex;margin-top:8px;padding:9px 0}.actions>*{background:none;border:0;border-right:1px solid #ffffff24;flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;padding:1px 8px}.actions>*:last-child{border:0}.actions span{font-size:23px}.actions small{font:600 12px 'Barlow Condensed',sans-serif}.airrow{display:grid;grid-template-columns:1fr 245px;gap:12px;margin-top:12px}.onair{display:flex;gap:22px;overflow:hidden;min-height:155px}.onair>img{width:160px;object-fit:cover;object-position:center 24%}.onair>div{padding:16px 10px 13px 0}.onair h2{font:600 27px 'Barlow Condensed',sans-serif;margin:4px 0}.onair p{font-size:14px;margin:3px 0}.onair .airtime{font-size:12px;color:#d4d8e7;margin-bottom:9px}.small{font-size:12px;padding:7px 13px;border-radius:6px}.clockcard{border:1px solid #ffffff42;background:linear-gradient(125deg,#ffffffbb,#ffffff45);color:#0a2648;display:flex;align-items:center;justify-content:center;gap:15px;border-radius:9px;padding:18px}.clockcard>span{font-size:37px}.clockcard strong{font:600 35px 'Barlow Condensed',sans-serif}.clockcard p{font-size:13px;margin:4px 0}.clockcard small{font-size:12px}[data-theme=night] .clockcard{background:linear-gradient(120deg,#2b1956,#101431);color:#fff}.promos{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px}.promo{display:block;min-height:169px;padding:17px;border:1px solid var(--edge);border-radius:8px;background:#07192b;overflow:hidden}.promo h3{font:600 23px/.95 'Barlow Condensed',sans-serif;letter-spacing:.03em;margin:6px 0}.promo p{font-size:12px;margin:9px 0 12px}.cursive{font:36px/1 'Allura',cursive}.coffee{background:linear-gradient(115deg,#331b08,#78501f);color:#ffeac6}.concerts{background:linear-gradient(110deg,#071c4c,#20448f)}.advertise{background:linear-gradient(110deg,#102453cc,#20103677),url('assets/houston.jpg') center/cover}.schedule{margin-top:13px;padding:14px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.sectionhead h2{font:600 16px 'Barlow Condensed',sans-serif;letter-spacing:.12em;margin:0}.sectionhead>span{font-size:12px}.schedulecards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.schedulecards article{display:flex;gap:11px;align-items:center}.schedulecards img{width:50px;height:65px;object-fit:cover;border-radius:5px}.schedulecards strong{font:600 17px 'Barlow Condensed',sans-serif;display:block}.schedulecards small{font-size:12px;color:#d0d6e5}.schedulecards time{font-size:12px;display:block;color:var(--accent)}.scheduleNote{font-size:12px;opacity:.8;margin-bottom:0}.djteam{padding:19px 0 15px}.djcards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:13px}.djcards article{background:var(--pane);border:1px solid var(--edge);border-radius:8px;overflow:hidden}.djcards img{width:100%;height:160px;object-fit:cover;object-position:center 20%}.djcards article>div{padding:10px}.djcards h3{font:600 20px 'Barlow Condensed',sans-serif;margin:0}.djcards p{font-size:12px;margin:5px 0;opacity:.85}footer{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;background:linear-gradient(90deg,#03081bf2,#11234f99),url('assets/houston.jpg') center/cover!important}footer .brand b{font-size:38px}footer .cursive{color:#ffe09b;font-size:44px}footer p{font-size:12px;letter-spacing:.1em}.credits{font-size:12px;margin-top:12px;opacity:.85}.credits p{max-width:800px}.credits a{text-decoration:underline}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#11172c;border:1px solid #dca850;border-radius:10px;padding:15px 20px;z-index:9;max-width:90vw;width:max-content;font-size:14px;box-shadow:0 8px 35px #0008}@media(max-width:760px){.preview{flex-direction:column;padding:10px;gap:8px}.preview>div{gap:6px}.preview label{font-size:11px}select{max-width:115px}header{padding:17px 14px;gap:10px}header nav{display:none}.brand b{font-size:39px}.sax{font-size:35px}.hero{height:325px}.welcome{padding-top:12px}.welcome h1{font-size:64px}.welcome h2{font-size:29px}.content{padding:0 10px 12px}.player{grid-template-columns:1fr 155px;gap:12px;padding:12px}.record{flex-direction:column;gap:10px;align-items:flex-start}.record>img{width:85px;height:85px}.track h2{font-size:24px}.transport{gap:10px}.transport strong{font-size:11px}.transport small{display:none}.play{height:52px;width:52px;flex-shrink:0}.volume{flex-wrap:wrap;gap:5px}.volume input{width:90px}.equalizer{display:flex;flex-direction:column;justify-content:center;padding:9px}.bands input{height:120px}.actions small{font-size:10px}.actions>*{padding:2px 3px}.airrow{grid-template-columns:1fr}.onair{min-height:135px}.onair>img{width:125px}.clockcard{justify-content:space-between;padding:12px 20px}.clockcard>div{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.clockcard strong{font-size:27px}.promos{gap:7px}.promo{padding:11px;min-height:172px}.promo h3{font-size:20px}.promo .cursive{font-size:29px}.promo .small{padding:6px;font-size:10px}.promo p{font-size:11px}.sectionhead{align-items:flex-start}.schedulecards{grid-template-columns:1fr;gap:12px}.schedulecards img{height:50px}.schedulecards article>div{flex:1}.djcards{grid-template-columns:repeat(2,1fr)}.djcards img{height:175px}footer{padding:18px 14px;gap:15px}footer .brand b{font-size:30px}footer .cursive{font-size:32px}footer .sax{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}