@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;--bg:#071725;--navy:#061120;--panel:#112239;--edge:#273b4d;--coral:#f4514e;--muted:#a7b3bf;--white:#f5f7f8;font-family:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#000;color:var(--white)}.screen{width:100vw;height:100vh;min-height:540px;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,22%);grid-template-rows:minmax(0,1fr) 48px;background:var(--bg);overflow:hidden}.stage{min-width:0;position:relative;display:flex;flex-direction:column;padding:2.6vw 3.1vw 1.4vw;background:radial-gradient(circle at 14% 34%,#132b38 0,transparent 42%),linear-gradient(135deg,#081725,#0b1d2b 80%);border-top:8px solid var(--coral)}.stage:before{content:'';position:absolute;width:65vw;height:65vw;border:1px solid #fff1;border-radius:50%;left:-40vw;top:-15vw;pointer-events:none}.topline,.stage-bottom{display:flex;align-items:center;justify-content:space-between;z-index:1}.topline{border-bottom:1px solid #374b58;padding-bottom:1.6vw}.brand-label{font:700 clamp(17px,1.8vw,30px)/1 'Space Grotesk',sans-serif;letter-spacing:.03em}.brand-label small{display:block;color:var(--coral);font:700 clamp(9px,.73vw,13px)/1.5 'DM Sans',sans-serif;letter-spacing:.23em;margin:8px 0 0 16px}.live-pin,.on-air-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);display:inline-block;box-shadow:0 0 12px #f4514e99}.topline time{font:600 clamp(17px,1.55vw,28px)/1 'Space Grotesk',sans-serif;color:#c5d0d6}.slide{flex:1;position:relative;min-height:0;display:flex;align-items:center;animation:slide-in .6s both}.slide.exit{animation:slide-out .3s both}.slide-inner{width:100%;min-height:0}.kicker{color:var(--coral);text-transform:uppercase;letter-spacing:.2em;font:800 clamp(12px,1vw,17px)/1.2 'DM Sans',sans-serif;margin:0 0 1.3vw}.slide h1{font:700 clamp(30px,3.6vw,74px)/1.08 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:0;color:#f8fafb;text-wrap:balance}.slide p{color:#b3bec8;font:400 clamp(17px,1.5vw,27px)/1.46 'DM Sans',sans-serif;margin:1.5vw 0 0;max-width:46ch}.news-grid{display:grid;grid-template-columns:43% minmax(0,1fr);gap:3vw;align-items:start;margin-top:2.2vw}.news-visual{aspect-ratio:1.28;border:1px solid #364c5d;border-radius:16px;overflow:hidden;background:#102433;display:grid;place-items:center}.news-visual img{width:100%;height:100%;object-fit:cover}.news-visual .empty-image{font:700 4vw 'Space Grotesk';color:#385364}.story-source{border:1px solid #2a4253;border-radius:14px;padding:1.2vw 1.5vw;margin-top:1.4vw;min-height:7vw}.story-source strong{color:var(--coral);font-size:clamp(11px,.9vw,15px);letter-spacing:.08em}.story-source span{display:block;font:700 clamp(18px,1.65vw,32px) 'Space Grotesk';margin-top:.5vw}.news-copy h1{font-size:clamp(28px,3.1vw,60px)}.news-copy p{font-size:clamp(17px,1.47vw,27px);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.stage-bottom{gap:20px;min-height:30px}.up-next{font-size:clamp(10px,.72vw,14px);letter-spacing:.16em;color:var(--coral);font-weight:800;white-space:nowrap}.up-next strong{font-weight:600;color:#d8e0e5;letter-spacing:0;margin-left:10px}.progress-track{height:3px;width:38%;background:#ffffff20;overflow:hidden;border-radius:3px}.progress-track span{display:block;background:var(--coral);height:100%;width:0}.rail{min-width:0;background:#061022;display:flex;flex-direction:column;gap:1.25vw;padding:2vw 1.4vw 1.3vw;overflow:hidden}.rail-logo{min-height:10vw;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.2vw}.rail-logo img{width:min(38%,125px);height:auto;max-height:8vw;object-fit:contain}.rail-title{font:700 clamp(10px,.8vw,15px) 'Space Grotesk';letter-spacing:.2em;color:#afbbc6}.rail-title span{color:var(--coral)}.rail-card{background:#102037;border:1px solid #1c3249;border-radius:15px;padding:1.4vw;min-width:0}.eyebrow{font-weight:800;letter-spacing:.075em;font-size:clamp(11px,.85vw,16px);color:var(--coral);text-transform:uppercase}.eyebrow .on-air-dot{float:right}.weather-big{display:flex;align-items:center;gap:1vw;margin:.9vw 0 .1vw}.weather-big strong{font:700 clamp(36px,4vw,80px)/1 'Space Grotesk'}.weather-big span{font-size:clamp(22px,2.5vw,50px);color:#f6b760}.weather-card p{color:#c6d0d8;font-size:clamp(12px,1vw,18px);margin:.45vw 0}.high-low{font-size:clamp(10px,.77vw,14px);color:#96a5b5;letter-spacing:.07em;margin-top:1vw}.song-card{flex:1;display:flex;flex-direction:column;min-height:0}.art{min-height:0;flex:1;margin:1.2vw 0 .9vw;background:#1b2c42;display:grid;place-items:center;overflow:hidden}.art img{height:100%;width:100%;object-fit:cover}.record{width:min(45%,125px);aspect-ratio:1;border:24px solid var(--coral);border-radius:50%;display:block}.record i{display:none}.song-title{font:700 clamp(16px,1.3vw,24px)/1.15 'Space Grotesk';min-height:2.4em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.song-artist{font:600 clamp(12px,.9vw,16px)/1.4 'DM Sans';color:#aabac7;margin-top:.5vw;min-height:2em}.rail-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8fa1b2;font-size:clamp(10px,.75vw,13px);letter-spacing:.08em}.rail-footer button{background:transparent;color:var(--coral);border:1px solid #5c3540;padding:9px 11px;border-radius:8px;font:800 11px 'DM Sans';cursor:pointer;white-space:nowrap}.rail-footer button:hover{background:#f4514e22}.ticker{grid-column:1/-1;background:#091524;border-top:1px solid #253e50;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.ticker-label{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:0 2vw;background:var(--coral);font:800 clamp(12px,.9vw,17px) 'Space Grotesk';letter-spacing:.08em}.ticker-label b{margin-left:5px}.ticker-window{flex:1;overflow:hidden}.ticker-window div{padding-left:100%;width:max-content;color:#d0d8de;font-size:clamp(13px,1vw,19px);animation:marquee 52s linear infinite}.weather-hero .degree{font:700 clamp(100px,15vw,270px)/.95 'Space Grotesk';letter-spacing:-.09em}.weather-hero .descriptor{font-size:clamp(24px,2.6vw,46px);color:#dee6ea}.weather-hero .location-line{color:var(--coral);font-weight:800;letter-spacing:.18em;font-size:clamp(13px,1vw,20px)}.weather-details{display:flex;gap:1vw;margin:2vw 0}.weather-details div,.forecast div{background:#102a3d;border:1px solid #274354;border-radius:12px;padding:1.2vw 1.5vw;min-width:9vw}.weather-details small,.forecast small{display:block;font-size:clamp(10px,.77vw,15px);letter-spacing:.1em;color:#aab9c4;margin-bottom:.5vw}.weather-details strong,.forecast strong{font:700 clamp(18px,1.6vw,31px) 'Space Grotesk'}.forecast{display:flex;gap:1vw;margin-top:2.5vw}.forecast div{min-width:15vw}.event-list{display:grid;gap:1vw;margin-top:2vw}.event-item{background:#102638dd;border:1px solid #325063;border-radius:13px;padding:1.1vw 1.5vw;display:grid;grid-template-columns:78px 1fr;gap:1.4vw;align-items:center}.date-tile{background:var(--coral);border-radius:10px;text-align:center;padding:.55vw;color:white}.date-tile b{display:block;font:700 clamp(12px,1vw,20px) 'Space Grotesk'}.date-tile strong{font:700 clamp(24px,2vw,42px) 'Space Grotesk';line-height:1}.event-item h2{font:700 clamp(19px,1.7vw,34px) 'Space Grotesk';margin:0 0 .3vw}.event-item p{margin:0;font-size:clamp(13px,1vw,20px)}.event-feature{display:grid;grid-template-columns:43% 1fr;gap:3vw;margin-top:2vw}.event-feature img{width:100%;aspect-ratio:1.24;object-fit:cover;border-radius:14px}.event-feature .event-date{color:var(--coral);font-weight:800;letter-spacing:.1em;margin:0 0 1vw}.waiting{margin:auto;text-align:center}.waiting-mark{font:700 clamp(70px,9vw,170px) 'Space Grotesk';letter-spacing:-.1em}.waiting-mark span{color:var(--coral);font-size:.35em;letter-spacing:0}.empty-state h1{max-width:16ch}.empty-state p{max-width:45ch}@keyframes slide-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out{to{opacity:0;transform:translateY(-12px)}}@keyframes marquee{to{transform:translateX(-100%)}}
@media(max-width:900px){.screen{grid-template-columns:1fr;grid-template-rows:1fr auto 42px;min-height:100svh;height:auto}.stage{min-height:67svh;padding:20px;border-top-width:6px}.topline{padding-bottom:15px}.slide{padding:24px 0}.news-grid,.event-feature{grid-template-columns:1fr;gap:16px}.news-visual{aspect-ratio:16/9}.story-source{display:none}.news-copy h1{font-size:clamp(27px,5vw,50px)}.news-copy p{font-size:clamp(16px,2.7vw,23px);margin-top:16px}.slide h1{font-size:clamp(30px,6vw,58px)}.kicker{font-size:12px;margin-bottom:14px}.rail{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:10px;padding:12px}.rail-logo{display:none}.rail-card{padding:14px}.weather-card,.song-card{height:150px}.weather-big strong{font-size:40px}.weather-big span{font-size:25px}.song-card{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto 1fr 1fr;gap:4px 10px}.song-card .eyebrow{grid-column:1/-1}.art{grid-row:2/4;width:72px;height:72px;margin:0}.record{border-width:12px;width:45px}.song-title{font-size:15px;min-height:0}.song-artist{font-size:12px;min-height:0}.rail-footer{grid-column:1/-1}.weather-details,.forecast{flex-wrap:wrap}.weather-details div,.forecast div{padding:12px}.event-item{grid-template-columns:58px 1fr;padding:12px}.date-tile{padding:6px}.ticker-label{padding:0 12px}.weather-hero .degree{font-size:110px}}
@media(max-width:520px){.stage{min-height:60svh}.topline .brand-label{font-size:18px}.rail-card{height:138px}.weather-card .high-low{display:none}.rail-footer span{font-size:10px}.news-copy p{-webkit-line-clamp:4}.weather-hero .degree{font-size:80px}.event-list{gap:8px}.event-item h2{font-size:17px}.event-item p{font-size:12px}}
.rail-footer .display-label{color:#d8e1e7;text-align:right;font-weight:700}.outlook-screen h1{font-size:clamp(36px,3.3vw,64px)}.outlook-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(8px,.9vw,16px);margin-top:2.4vw}.outlook-card{min-width:0;min-height:340px;padding:clamp(14px,1.4vw,26px);border:1px solid #355064;border-radius:18px;background:linear-gradient(150deg,#1a3954,#112537 72%);display:flex;flex-direction:column;align-items:center;text-align:center}.outlook-card.sky-clear{background:linear-gradient(155deg,#264f72,#182d43 70%)}.outlook-card.sky-partly{background:linear-gradient(155deg,#315674,#1b334b 70%)}.outlook-card.sky-cloudy,.outlook-card.sky-fog{background:linear-gradient(155deg,#314356,#182a3d 70%)}.outlook-card.sky-rain,.outlook-card.sky-storm{background:linear-gradient(155deg,#183e60,#102137 70%)}.outlook-card.sky-snow{background:linear-gradient(155deg,#31516b,#193348 70%)}.outlook-day{font:800 clamp(12px,1vw,20px) 'Space Grotesk';letter-spacing:.04em;color:#fff}.outlook-date{color:#a9bac6;font-size:clamp(11px,.8vw,15px);margin-top:5px;letter-spacing:.1em}.outlook-icon{font-size:clamp(48px,5vw,94px);line-height:1.3;margin:auto 0;filter:drop-shadow(0 8px 16px #0005)}.outlook-condition{font-size:clamp(13px,1vw,19px);font-weight:700;min-height:2.5em;display:flex;align-items:center;justify-content:center}.outlook-temps{width:100%;border-top:1px solid #ffffff30;padding-top:14px;display:flex;align-items:baseline;justify-content:center;gap:14px}.outlook-temps strong{font:700 clamp(25px,2.15vw,42px) 'Space Grotesk';color:#fff}.outlook-temps span{font:600 clamp(19px,1.55vw,30px) 'Space Grotesk';color:#a7b9c7}.outlook-foot{font-size:clamp(13px,.95vw,17px)!important;margin-top:1.3vw!important;color:#aab8c3!important}
@media(max-width:900px){.outlook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.outlook-card{min-height:210px;padding:14px}.outlook-card:last-child:nth-child(odd){grid-column:1/-1}.outlook-icon{font-size:52px}.outlook-temps strong{font-size:28px}.outlook-temps span{font-size:21px}.outlook-day{font-size:13px}.outlook-condition{font-size:14px;min-height:1.7em}.outlook-foot{margin-top:14px!important}}