:root { --navy:#073f9e; --blue:#087bc3; --cyan:#36bcf0; --sun:#ffc400; --orange:#ff8919; --red:#ed3d50; --ink:#08235c; --white:#fff; }
    *{box-sizing:border-box} body{min-height:100vh;margin:0;display:grid;place-items:center;padding:28px 18px;background:#98d4ee url('/assets/images/backgrounds/bg.jpg') center/cover no-repeat;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif} body::before{content:"";inset:0;position:absolute;background:linear-gradient(180deg,rgba(189,231,249,.08),rgba(7,43,133,.17));pointer-events:none}
    .player{position:relative;width:min(100%,900px);padding:clamp(22px,5vw,52px);border:1px solid rgba(255,255,255,.76);border-radius:32px;overflow:hidden;background:linear-gradient(130deg,rgba(255,255,255,.91),rgba(229,248,255,.76));box-shadow:0 18px 46px rgba(5,34,104,.28);backdrop-filter:none;-webkit-backdrop-filter:none}
    .top{display:flex;align-items:center;justify-content:space-between;gap:18px}.logo-wrap{animation:logoReveal .8s cubic-bezier(.2,.75,.25,1) both}.logo{width:min(430px,70vw);height:auto;display:block;transform-origin:center;animation:logoBreathe 4.8s 1s ease-in-out infinite}.live{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#fff0f2;color:#cf1f3c;font-size:.74rem;font-weight:900;letter-spacing:.10em;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:#ed3d50;box-shadow:0 0 0 5px #ed3d5030;animation:pulse 1.6s infinite}
    .main{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-top:clamp(48px,8vw,95px)}.eyebrow{color:var(--blue);font-size:.75rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase}h1{max-width:600px;margin:10px 0 24px;font-size:clamp(2.8rem,7vw,5.9rem);line-height:.9;letter-spacing:-.035em;color:var(--navy)}.now-playing{max-width:530px;padding:16px 19px;border-left:5px solid var(--orange);border-radius:0 15px 15px 0;background:rgba(255,255,255,.62);box-shadow:0 7px 22px rgba(21,97,172,.08)}.now-playing label,.mobile-now-playing label{display:block;margin-bottom:5px;color:#3072a6;font-size:.68rem;font-weight:900;letter-spacing:.15em}.now-playing strong,.mobile-now-playing strong{display:block;overflow:hidden;color:var(--navy);font-size:clamp(1.08rem,2.3vw,1.45rem);line-height:1.18;white-space:nowrap;text-overflow:ellipsis}.mobile-now-playing{display:none}
    .badge{width:146px;aspect-ratio:1;border-radius:35px;display:grid;place-items:center;text-align:center;padding:5px;color:white;overflow:hidden;background:conic-gradient(from 220deg,var(--red),var(--orange),var(--sun),var(--cyan),var(--blue),var(--red));box-shadow:10px 12px 0 rgba(9,72,170,.10),0 12px 24px rgba(4,50,133,.20)}.badge img{width:100%;height:100%;border-radius:29px;object-fit:cover;background:var(--navy)}
    .station-prompt{margin:25px 0 8px;color:#3971a5;font-size:.98rem;font-weight:900;letter-spacing:.09em}.station-prompt span{display:block;margin-top:5px;color:#5e8bae;font-size:.90rem;font-weight:700;letter-spacing:.02em;text-transform:none}.station-switcher{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:530px;padding:6px;border-radius:18px;background:rgba(7,63,158,.08)}.station{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:#3674a7;text-align:left;font-size:.68rem;font-weight:900;letter-spacing:.09em;touch-action:manipulation;transition:.2s}.station strong{color:inherit;font-size:.76rem;letter-spacing:.03em}.station:hover{background:rgba(255,255,255,.5)}.station.active{border-color:rgba(255,255,255,.9);background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;box-shadow:0 7px 15px rgba(7,63,158,.25)}
    .controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin-top:25px;padding:17px 20px;border:1px solid #c9e7f7;border-radius:24px;background:rgba(255,255,255,.72)}button{font:inherit;border:0;cursor:pointer;color:white}#play{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--orange));box-shadow:0 10px 20px #ef595766;transition:transform .2s}#play:hover{transform:scale(1.06)}#play svg{width:24px;fill:currentColor}.track{min-width:0}.trackline{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;color:#3971a5;font-size:.78rem;font-weight:700}.trackline span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.trackline span:last-child{color:#e43650;font-weight:900;letter-spacing:.1em}.wave{height:26px;display:flex;align-items:center;gap:3px}.bar{width:4px;min-height:5px;height:var(--h);border-radius:99px;background:linear-gradient(var(--cyan),var(--blue));animation:beat .8s ease-in-out infinite alternate;animation-delay:var(--d)}.paused .bar{height:6px;animation-play-state:paused}.volume{display:flex;align-items:center;gap:8px}.volume svg{width:19px;fill:#3971a5}
.mute-button{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;background:transparent;color:#3971a5;box-shadow:none;transition:background .18s ease,transform .18s ease}
.mute-button:hover{background:rgba(57,113,165,.10);transform:scale(1.06)}
.mute-button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.mute-button.is-muted{background:rgba(228,54,80,.09)}
.mute-button.is-muted svg{fill:var(--red)}
input{width:78px;accent-color:var(--red);cursor:pointer}.footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:27px;color:#4274a0;font-size:.78rem;font-weight:600}.footer strong{color:var(--navy)}
    @keyframes beat{to{height:calc(var(--h)*.35)}}@keyframes pulse{50%{box-shadow:0 0 0 10px transparent}}@keyframes logoReveal{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.055)}}@media(prefers-reduced-motion:reduce){.logo-wrap,.logo{animation:none}}@media(max-width:600px){body{display:block;padding:12px 10px calc(122px + env(safe-area-inset-bottom))}.player{margin:0 auto;padding:22px 18px 28px;border-radius:27px;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}.top{position:relative;display:block;padding-top:28px}.logo-wrap{width:100%}.logo{width:min(355px,88vw);margin:0 auto}.live{position:absolute;z-index:2;top:0;right:0;padding:8px 10px;font-size:.61rem}.main{display:block;margin-top:30px}.main>div:first-child{display:flex;flex-direction:column}.station-prompt{order:1;margin:0 0 10px;font-size:.94rem}.station-prompt span{font-size:.86rem}.station-switcher{order:2;max-width:none}.station{min-height:52px;padding:10px;font-size:.59rem}.station strong{font-size:.67rem}.eyebrow{order:3;margin-top:28px;font-size:.68rem}.main h1{order:4;margin:8px 0 21px;font-size:clamp(2.55rem,12vw,3.65rem);line-height:.91}.now-playing{display:none}.badge{display:none}.mobile-now-playing{order:5;display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:14px;max-width:none;padding:12px 14px;border:1px solid rgba(255,255,255,.85);border-radius:20px;background:rgba(255,255,255,.67);box-shadow:0 9px 24px rgba(21,97,172,.1)}.mobile-now-playing img{width:82px;height:82px;border-radius:17px;object-fit:cover;background:var(--navy);box-shadow:0 8px 18px rgba(5,50,130,.2)}.mobile-now-playing .mobile-track{min-width:0;padding-left:13px;border-left:4px solid var(--orange)}.mobile-now-playing strong{font-size:1.08rem}.controls{position:fixed;z-index:1000;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));grid-template-columns:auto 1fr;width:auto;max-width:580px;margin:0 auto;padding:13px;border-color:rgba(255,255,255,.86);background:rgba(244,251,255,.96);box-shadow:0 10px 28px rgba(4,43,115,.28);backdrop-filter:none;-webkit-backdrop-filter:none}.volume{display:none}.footer{margin-top:24px}}
    @media(max-width:360px){body{padding-left:7px;padding-right:7px}.player{padding-left:14px;padding-right:14px}.top{padding-top:25px}.logo{width:min(315px,90vw)}.live{padding:7px 9px;font-size:.55rem}.station{padding:8px 7px;font-size:.53rem}.station strong{font-size:.61rem}.main h1{font-size:2.4rem}#play{width:54px;height:54px}.controls{gap:10px;padding:10px 11px}.trackline{font-size:.68rem}.bar:nth-child(n+27){display:none}}

    .player{padding:clamp(20px,4vw,40px)}
    .main{grid-template-columns:minmax(0,1fr) 170px;gap:13px;margin-top:28px;align-items:stretch}
    h1{margin:7px 0 16px;font-size:clamp(2.55rem,6vw,5.1rem)}
    .now-playing{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:17px;max-width:none;padding:12px 16px;border-left:0;border-radius:18px}
    .now-cover{width:120px;height:120px;border:4px solid transparent;border-radius:21px;object-fit:cover;background:linear-gradient(var(--navy),var(--navy)) padding-box,linear-gradient(135deg,#ff4f55,#ff9c20 35%,#8ed6ef 70%,#1688d0) border-box;box-shadow:7px 8px 0 rgba(7,63,158,.11),0 10px 18px rgba(5,50,130,.18)}
    .now-copy{min-width:0;padding-left:14px;border-left:5px solid var(--orange)}
    .now-copy strong{font-size:clamp(.96rem,1.8vw,1.18rem);line-height:1.22}
    .studio-card{align-self:center;min-height:230px;display:flex;flex-direction:column;justify-content:center;padding:15px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:linear-gradient(145deg,rgba(7,63,158,.97),rgba(8,123,195,.92));color:white;box-shadow:6px 8px 0 rgba(9,72,170,.09),0 10px 20px rgba(4,50,133,.16)}
    .studio-kicker{font-size:.6rem;letter-spacing:.11em}.studio-card h2{font-size:1.15rem}.studio-card .dj{font-size:.94rem}
    .station-switcher{display:flex;max-width:none;gap:6px;overflow-x:auto;scrollbar-width:none}.station-switcher::-webkit-scrollbar{display:none}.station{flex:1 0 auto;justify-content:center;min-width:0;padding:12px 10px;text-align:center}.station span{overflow:hidden;text-overflow:ellipsis}.station strong{display:none}
    .studio-kicker{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#bcecff}.studio-card h2{margin:8px 0 3px;font-size:1.35rem;line-height:1.05}.studio-card .dj{margin:0;color:#fff;font-size:.88rem;font-weight:700}.show-progress{position:relative;height:10px;margin:18px 0 8px;overflow:visible;border-radius:999px;background:rgba(255,255,255,.36);box-shadow:inset 0 1px 2px rgba(3,35,98,.22),0 0 0 1px rgba(255,255,255,.08)}.show-progress span{position:relative;display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd400,#ff8617);box-shadow:0 0 10px rgba(255,158,24,.48);transition:width .7s ease}.show-progress span::after{content:"";position:absolute;z-index:1;top:50%;right:-6px;width:13px;height:13px;border:2px solid rgba(255,255,255,.9);border-radius:50%;background:#ff9b18;box-shadow:0 0 0 4px rgba(255,169,24,.18),0 0 13px rgba(255,198,42,.95);transform:translateY(-50%)}.show-times{display:flex;justify-content:space-between;font-size:.88rem;font-weight:900;color:#e9f8ff}
    .schedule-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;margin-top:18px}.schedule-item,.schedule-open{min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.86);border-radius:14px;background:rgba(255,255,255,.64);color:var(--navy)}.schedule-item span{display:block;margin-bottom:4px;color:var(--blue);font-size:.78rem;font-weight:900;letter-spacing:.085em}.schedule-item strong{display:block;overflow:hidden;font-size:.88rem;white-space:nowrap;text-overflow:ellipsis}.schedule-open{display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.06em;white-space:nowrap}
    .modal{position:fixed;z-index:2000;inset:0;display:none;place-items:center;padding:18px;background:rgba(2,18,56,.82);backdrop-filter:none;-webkit-backdrop-filter:none}.modal.open{display:grid}.modal-panel{width:min(100%,610px);max-height:min(82vh,720px);overflow:auto;padding:24px;border-radius:25px;background:#f2fbff;box-shadow:0 30px 90px rgba(0,0,0,.38)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.modal-head h2{margin:0;color:var(--navy)}.modal-close{width:38px;height:38px;border-radius:50%;background:var(--navy);font-size:1.25rem}.lima-note{margin:5px 0 18px;color:#4b7ba4;font-size:.76rem}.full-schedule{display:grid;gap:8px}.full-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 5px 14px rgba(7,63,158,.07)}.full-row.active{color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue))}.full-row time{font-size:.72rem;font-weight:900}.full-row strong{font-size:.86rem}.full-row em{font-size:.7rem;font-style:normal;font-weight:700;opacity:.8}
    .controls{margin-top:18px}.footer{margin-top:18px}
    input[type=range]{accent-color:var(--red);background:linear-gradient(90deg,var(--red),var(--orange))}
    @media(max-width:700px){body{display:block;padding:12px 10px calc(202px + env(safe-area-inset-bottom))}.player{padding:20px 16px 27px;overflow:visible}.top{position:relative;display:block;padding-top:28px}.logo{width:min(355px,88vw);margin:auto}.live{position:absolute;top:0;right:0}.main{display:grid;grid-template-columns:1fr;margin-top:23px}.main>div:first-child{display:block}.eyebrow{margin-top:0;order:initial}.main h1{order:initial;margin:7px 0 16px;font-size:clamp(2.5rem,12vw,3.7rem)}.now-playing{display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;padding:12px 14px}.station-prompt{order:initial;margin:25px 0 8px;font-size:.94rem}.station-prompt span{font-size:.86rem}.now-cover{width:104px;height:104px;border-radius:19px;box-shadow:9px 10px 0 rgba(7,63,158,.14),0 13px 22px rgba(5,50,130,.22)}.studio-card{align-self:auto;min-height:180px}.station-switcher{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));order:initial;gap:4px;margin-left:-2px;margin-right:-2px;padding:6px;overflow:visible}.station{display:block;min-width:0;min-height:50px;padding:11px 3px;font-size:clamp(.53rem,2.25vw,.61rem);letter-spacing:.035em;white-space:nowrap}.station span{display:block;overflow:hidden;text-overflow:clip}.schedule-strip{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.schedule-open{grid-column:1/-1;min-height:44px}.controls{position:fixed;z-index:1000;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));grid-template-columns:auto 1fr;max-width:580px;margin:auto;padding:13px;background:rgba(244,251,255,.96);box-shadow:0 15px 45px rgba(4,43,115,.35)}.volume{display:none}.full-row{grid-template-columns:78px 1fr}.full-row em{grid-column:2}.footer{margin-top:20px}}
    .station-picker{display:grid;grid-template-columns:minmax(0,1fr) auto;max-width:530px;overflow:hidden;border-radius:18px;background:rgba(7,63,158,.08);box-shadow:0 7px 18px rgba(7,63,158,.08)}.active-station,.station-open{min-height:52px;padding:12px 16px;font-weight:900;letter-spacing:.07em}.active-station{background:linear-gradient(135deg,var(--navy),var(--blue));text-align:left;font-size:.86rem}.station-open{background:transparent;color:var(--blue);white-space:nowrap;font-size:.74rem}.station-open b{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:6px;border-radius:50%;background:var(--blue);color:#fff}.network-note{margin:8px 0 0;color:#5e8bae;font-size:.76rem;font-weight:700}.city-modal{width:min(94vw,760px)}#stationGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:none;overflow:visible}.city-modal .station{display:grid;min-height:82px;padding:12px;place-items:center;text-align:center;border:1px solid #c9e7f7;background:#fff;color:var(--blue)}.city-modal .station strong{display:block;margin-top:4px}.city-modal .station.active{color:#fff;background:linear-gradient(135deg,var(--navy),var(--blue))}@media(max-width:700px){.station-picker{max-width:none}.active-station,.station-open{min-height:50px;padding:11px 12px}.active-station{font-size:.78rem}.station-open{font-size:.68rem}.network-note{font-size:.66rem}#stationGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.city-modal .station{min-height:70px;font-size:.67rem}.city-modal .station strong{display:block;font-size:.72rem}}

    .station-picker{grid-template-columns:minmax(0,1fr) minmax(168px,.72fr);max-width:530px;border:1px solid rgba(255,255,255,.76);background:rgba(255,255,255,.44);box-shadow:0 8px 22px rgba(7,63,158,.11)}
    .active-station,.station-open{min-height:54px;padding:12px 17px}
    .active-station{display:flex;align-items:center;min-width:0}
    .active-station span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:inherit}
    .station-open{display:flex;align-items:center;justify-content:center;gap:8px;border-left:1px solid rgba(7,63,158,.12);background:rgba(255,255,255,.58)}
    .station-open:hover{background:rgba(255,255,255,.88)}
    .pin-wrap{position:relative;display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto}
    .map-pin{position:relative;z-index:2;width:19px;height:19px;display:block;fill:currentColor;transform-origin:50% 100%;animation:cityPinAttention 3.1s ease-in-out infinite}
    .pin-wrap::after{content:"";position:absolute;z-index:1;left:50%;bottom:1px;width:10px;height:5px;border:2px solid #f4c542;border-radius:50%;opacity:0;box-shadow:0 0 7px rgba(244,197,66,.55);transform:translate(-50%,0) scale(.35);animation:cityPinRipple 3.1s ease-out infinite}
    @keyframes cityPinAttention{0%,12%,38%,100%{transform:translateY(0) scale(1)}18%{transform:translateY(-9px) scale(1.06)}25%{transform:translateY(0) scale(.97)}31%{transform:translateY(-4px) scale(1.02)}}
    @keyframes cityPinRipple{0%,24%,100%{opacity:0;transform:translate(-50%,0) scale(.35)}29%{opacity:.52}40%{opacity:0;transform:translate(-50%,0) scale(1.8)}}
    .city-hint{max-height:0;margin:0;color:var(--blue);font-size:.72rem;font-weight:800;letter-spacing:.02em;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .35s ease,margin .35s ease,opacity .35s ease,transform .35s ease}
    .city-hint.show{max-height:30px;margin:8px 0 0;opacity:.9;transform:translateY(0)}
    .city-modal{width:min(94vw,790px);padding:26px;background:linear-gradient(145deg,#f5fcff,#eaf7fd)}
    #stationGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0;border-radius:0;background:transparent}
    .city-modal .station{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:76px;padding:11px 10px;border:1px solid rgba(85,166,211,.28);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 6px 16px rgba(7,63,158,.07)}
    .city-modal .station span{font-size:.73rem;line-height:1.08}
    .city-modal .station strong{margin:0;font-size:.82rem;line-height:1}
    .city-modal .station:hover{transform:translateY(-1px);background:#fff}
    .city-modal .station.active{border-color:rgba(255,255,255,.95);box-shadow:0 9px 20px rgba(7,63,158,.22)}
    @media(max-width:700px){.station-picker{grid-template-columns:minmax(0,1fr) minmax(135px,.86fr)}.active-station,.station-open{min-height:52px;padding:10px 12px}.station-open{gap:6px;font-size:.68rem}.pin-wrap{width:21px;height:21px}.map-pin{width:17px;height:17px}.city-hint{font-size:.68rem}.city-modal{padding:20px 16px}.city-modal .modal-head h2{font-size:1.35rem}#stationGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.city-modal .station{min-height:68px;padding:9px 7px}.city-modal .station span{font-size:.65rem}.city-modal .station strong{font-size:.75rem}}
    @media(max-width:360px){.station-picker{grid-template-columns:minmax(0,1fr) 128px}.station-open{padding:9px 8px;font-size:.64rem;letter-spacing:.04em}.map-pin{width:16px;height:16px}}

    .schedule-dayline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 18px;color:#4b7ba4;font-size:.76rem}
    .today-badge{display:inline-flex;align-items:center;min-height:29px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:.66rem;font-weight:900;letter-spacing:.08em}
    @keyframes progressPulse{50%{box-shadow:0 0 0 6px rgba(255,169,24,.08),0 0 17px rgba(255,209,63,1)}}
    @media(prefers-reduced-motion:reduce){.show-progress span::after,.map-pin,.pin-wrap::after{animation:none}.city-hint{transition:none}}

@media(max-width:620px){
  .schedule-item span{font-size:.75rem!important;letter-spacing:.075em}
}

@media(max-width:620px){
  .network-note{font-size:.72rem!important}
}

@media(max-width:700px){
  .full-row{
    grid-template-columns:72px minmax(0,1fr)!important;
    column-gap:12px!important;
    row-gap:3px!important;
    padding:14px 16px!important;
    align-items:center!important;
  }

  .full-row time{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:center!important;
    width:72px!important;
    text-align:center!important;
    font-size:.76rem!important;
    line-height:1.18!important;
    font-weight:900!important;
    white-space:normal!important;
  }

  .full-row time{
    word-spacing:normal;
  }

  .full-row strong{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    min-width:0!important;
    padding:0!important;
    border:0!important;
    font-size:.88rem!important;
    line-height:1.2!important;
  }

  .full-row em{
    grid-column:2!important;
    grid-row:2!important;
    align-self:start!important;
    min-width:0!important;
    padding:0!important;
    margin-top:2px!important;
    font-size:.74rem!important;
    line-height:1.2!important;
  }
}

@media(max-width:700px){
  .full-row time{
    text-align:left!important;
    width:58px!important;
    justify-self:center!important;
    line-height:1.28!important;
  }
  .full-row time br{display:block}
}

    @media (min-width:1200px){
      .player,.now-playing,.badge,.now-cover,.studio-card,.controls,.station-picker,.city-modal .station,.full-row{will-change:auto;contain:paint}
      .player{background:linear-gradient(130deg,rgba(255,255,255,.95),rgba(229,248,255,.88))}
    }

    .city-modal .station.active:hover{
      transform:none;
      color:#fff;
      background:linear-gradient(135deg,var(--navy),var(--blue));
    }
    .city-modal .station:disabled,
    .city-modal .station:disabled:hover{
      transform:none;
      cursor:not-allowed;
      opacity:.55;
      color:#6f8fa8;
      background:rgba(255,255,255,.72);
      box-shadow:none;
    }

    @supports (-webkit-touch-callout:none){
      @media (max-width:720px){
        .controls{
          bottom:calc(22px + env(safe-area-inset-bottom, 0px));
        }
      }
    }

    .top{
      position:sticky;
      top:0;
      z-index:1200;
      background:rgba(244,251,255,.94);
      -webkit-backdrop-filter:blur(8px);
      backdrop-filter:blur(8px);
    }

    @media (max-width:720px){
      .top{
        top:env(safe-area-inset-top, 0px);
      }
    }

    @media (max-width:720px){
      .eyebrow{
        width:100%;
        text-align:right;
        justify-content:flex-end;
        padding-right:4px;
      }
    }

    @media (max-width:720px){
      .hero-head{
        position:relative;
      }
      .eyebrow{
        width:100%;
        text-align:right;
        justify-content:flex-end;
        margin-top:0;
        padding-right:4px;
      }
    }

    @media (max-width:720px){
      .eyebrow{
        width:max-content;
        max-width:100%;
        margin:-6px 4px 0 auto;
        padding:0;
        text-align:right;
        justify-content:flex-end;
        line-height:1.15;
      }
    }

    @media (max-width:720px){
      .eyebrow{
        margin:-14px 4px 0 auto;
      }
    }

    #song .song-artist,#song .song-separator,#song .song-title{display:inline;font:inherit;line-height:inherit}

    @media (max-width:720px){
      .now-playing strong,
      .mobile-now-playing strong{
        overflow:visible;
        white-space:normal;
        text-overflow:clip;
        overflow-wrap:anywhere;
        word-break:normal;
      }
      #song .song-artist{display:block;font-size:1.12rem!important;font-weight:inherit;line-height:1.15;margin-bottom:3px}
      #song .song-separator{display:none}
      #song .song-title{display:block;font-size:.96rem!important;font-weight:inherit;line-height:1.22}
    }

    .main h1{
      margin-left:0;
      padding-left:0;
      text-align:left;
      line-height:.92;
      letter-spacing:-.055em;
    }
    @media (max-width:720px){
      .main h1{
        margin-left:0;
        padding-left:0;
        text-align:left;
        line-height:.92;
        letter-spacing:-.05em;
      }
    }

    #scheduleModal{background:rgba(11,45,91,.36);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
    #scheduleModal .modal-panel{width:min(94vw,820px);max-height:min(88vh,820px);padding:0;overflow:auto;border:1px solid rgba(7,115,200,.14);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#fbfdff 66%,#fffaf0 100%);box-shadow:0 28px 80px rgba(7,63,158,.25)}
    #scheduleModal .modal-head{position:sticky;z-index:3;top:0;align-items:flex-start;padding:28px 30px 22px;border-bottom:1px solid rgba(7,115,200,.10);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,252,255,.98));overflow:hidden}
    #scheduleModal .modal-head:after{content:"";position:absolute;right:70px;bottom:-18px;width:240px;height:80px;background:radial-gradient(circle,rgba(247,184,24,.18) 1.5px,transparent 2px);background-size:12px 12px;opacity:.65;pointer-events:none}
    .schedule-heading{position:relative;z-index:1}.schedule-kicker{display:block;margin-bottom:2px;color:var(--navy);font-size:.8rem;font-weight:950;letter-spacing:.16em}.schedule-city-title{margin:0;color:#f3b51b!important;font-size:clamp(2rem,5vw,3rem);font-weight:950;line-height:.96;letter-spacing:-.035em;text-transform:uppercase}.schedule-location{margin:9px 0 0;color:#6b829d;font-size:.82rem;font-weight:750}.schedule-location strong{color:var(--blue)}
    #scheduleModal .modal-close{position:relative;z-index:4;flex:0 0 auto;width:44px;height:44px;border:1px solid rgba(7,63,158,.08);background:#fff;color:var(--navy);box-shadow:0 6px 16px rgba(7,63,158,.12)}
    #scheduleModal .schedule-dayline{margin:0;padding:16px 30px 8px;color:#6b829d}.today-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#edf6ff;color:var(--blue);font-size:.68rem;font-weight:950;letter-spacing:.08em}
    #scheduleModal .full-schedule{gap:10px;padding:8px 30px 28px}
    #scheduleModal .full-row{position:relative;grid-template-columns:132px minmax(0,1fr) auto;grid-template-areas:"time show status" "time dj status";gap:3px 18px;min-height:84px;padding:15px 20px;border:1px solid rgba(7,115,200,.11);border-radius:19px;background:#fff;box-shadow:0 6px 18px rgba(7,63,158,.07);overflow:hidden}
    #scheduleModal .full-row:after{content:"";position:absolute;right:0;top:14px;bottom:14px;width:5px;border-radius:5px 0 0 5px;background:var(--blue);opacity:.9}
    #scheduleModal .full-row time{grid-area:time;align-self:center;padding-right:17px;border-right:1px solid rgba(7,63,158,.10);color:var(--navy);font-size:.78rem;font-weight:950;line-height:1.5;white-space:nowrap}
    #scheduleModal .full-row strong{grid-area:show;align-self:end;color:var(--navy);font-size:.98rem;line-height:1.2}
    #scheduleModal .full-row em{grid-area:dj;align-self:start;color:var(--blue);font-size:.76rem;font-style:normal;font-weight:850;opacity:1}
    #scheduleModal .full-row .on-air-badge{grid-area:status;align-self:center;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid rgba(7,115,200,.25);border-radius:10px;color:var(--blue);background:#f5faff;font-size:.65rem;font-weight:950;letter-spacing:.05em;white-space:nowrap}.on-air-dot{width:7px;height:7px;border-radius:50%;background:#f3b51b;box-shadow:0 0 0 4px rgba(243,181,27,.16)}
    #scheduleModal .full-row.active{border-color:rgba(7,115,200,.26);background:linear-gradient(100deg,#eaf4ff 0%,#fff 70%);box-shadow:0 8px 22px rgba(7,63,158,.12)}
    #scheduleModal .full-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:linear-gradient(#096ec8,#18a4df)}
    #scheduleModal .full-row.active:after{background:#f3b51b}
    @media(max-width:700px){#scheduleModal .modal-panel{width:96vw;border-radius:24px}#scheduleModal .modal-head{padding:22px 18px 17px}.schedule-kicker{font-size:.68rem}.schedule-city-title{font-size:2rem}.schedule-location{font-size:.73rem}#scheduleModal .schedule-dayline{padding:13px 18px 6px}#scheduleModal .full-schedule{padding:7px 14px 22px;gap:8px}#scheduleModal .full-row{grid-template-columns:82px minmax(0,1fr);grid-template-areas:"time show" "time dj" "time status";gap:2px 12px;min-height:82px;padding:13px 15px}#scheduleModal .full-row time{font-size:.66rem;padding-right:10px}#scheduleModal .full-row strong{font-size:.84rem}#scheduleModal .full-row em{font-size:.68rem}#scheduleModal .full-row .on-air-badge{justify-self:start;margin-top:5px;padding:5px 8px;font-size:.58rem}}

.schedule-modal .modal-content,
.schedule-modal-content {
  width: min(880px, calc(100vw - 40px)) !important;
  max-width: 880px !important;
  max-height: 84vh !important;
}
.schedule-modal .modal-header,
.schedule-modal-header {
  padding-top: 24px !important;
  padding-bottom: 18px !important;
}
.schedule-modal .modal-header h2,
.schedule-modal-header h2,
.schedule-modal .schedule-city,
.schedule-modal-header .schedule-city {
  font-size: clamp(2rem, 4.2vw, 3.15rem) !important;
  line-height: .96 !important;
  letter-spacing: -0.025em !important;
}
.schedule-modal .schedule-list,
.schedule-modal-list {
  padding-top: 14px !important;
  padding-bottom: 16px !important;
}
@media (max-width: 600px) {
  .schedule-modal .modal-content,
  .schedule-modal-content {
    width: calc(100vw - 24px) !important;
    max-height: 86vh !important;
    border-radius: 24px !important;
  }
  .schedule-modal .modal-header h2,
  .schedule-modal-header h2,
  .schedule-modal .schedule-city,
  .schedule-modal-header .schedule-city {
    font-size: clamp(1.8rem, 9vw, 2.5rem) !important;
  }
}

.schedule-modal .modal-content,
.schedule-modal-content {
  width: min(720px, calc(100vw - 48px)) !important;
  max-width: 720px !important;
  max-height: 76vh !important;
}

.schedule-modal .modal-header,
.schedule-modal-header {
  padding: 18px 22px 14px !important;
}

.schedule-modal .schedule-list,
.schedule-modal-list {
  padding: 10px 18px 14px !important;
}

@media (max-width: 600px) {
  .schedule-modal .modal-content,
  .schedule-modal-content {
    width: calc(100vw - 36px) !important;
    max-height: 78vh !important;
    border-radius: 22px !important;
  }
}

#scheduleModal .modal-panel{
  width:min(88vw,620px) !important;
  max-height:min(74vh,660px) !important;
  border-radius:24px !important;
}
#scheduleModal .modal-head{
  padding:20px 22px 16px !important;
}
#scheduleModal .schedule-dayline{
  padding:12px 22px 6px !important;
}
#scheduleModal .full-schedule{
  padding:7px 22px 20px !important;
}
.schedule-city-title{
  font-size:clamp(1.75rem,3.6vw,2.35rem) !important;
}
@media(max-width:700px){
  #scheduleModal .modal-panel{
    width:calc(100vw - 34px) !important;
    max-height:76vh !important;
    border-radius:21px !important;
  }
  .schedule-city-title{
    font-size:1.85rem !important;
  }
}

.logo-wrap{
  position:relative !important;
  display:inline-block !important;
  overflow:visible !important;
  transform-origin:center !important;
  animation:logoBreathe 4.8s 1s ease-in-out infinite !important;
}

.logo-wrap .logo{
  position:relative;
  z-index:1;
  animation:latinaLogoFadeIn .8s cubic-bezier(.2,.75,.25,1) both !important;
}

@keyframes latinaLogoFadeIn{
  from{opacity:0}
  to{opacity:1}
}

.logo-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  pointer-events:none;
  background:url("/assets/images/branding/logo.png") center / contain no-repeat;
  opacity:0;
  filter:brightness(1.55) saturate(.72) drop-shadow(0 0 4px rgba(190,225,255,.28));
  mix-blend-mode:screen;

  -webkit-mask-image:linear-gradient(
    105deg,
    transparent 0%,
    transparent 40%,
    rgba(0,0,0,.25) 45%,
    #000 49%,
    #000 51%,
    rgba(0,0,0,.25) 55%,
    transparent 60%,
    transparent 100%
  );
  -webkit-mask-size:320% 100%;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:145% 0;

  mask-image:linear-gradient(
    105deg,
    transparent 0%,
    transparent 40%,
    rgba(0,0,0,.25) 45%,
    #000 49%,
    #000 51%,
    rgba(0,0,0,.25) 55%,
    transparent 60%,
    transparent 100%
  );
  mask-size:320% 100%;
  mask-repeat:no-repeat;
  mask-position:145% 0;

  animation:latinaLogoPixelSweepBalanced 6.7s linear 0s infinite !important;
}

@keyframes latinaLogoPixelSweepBalanced{
  0%{
    opacity:.10;
    -webkit-mask-position:145% 0;
    mask-position:145% 0;
  }
  6%{opacity:.22}
  12%{opacity:.34}
  84%{
    opacity:.36;
    -webkit-mask-position:-45% 0;
    mask-position:-45% 0;
  }
  90%{
    opacity:.14;
    -webkit-mask-position:-45% 0;
    mask-position:-45% 0;
  }
  95%,100%{
    opacity:0;
    -webkit-mask-position:-45% 0;
    mask-position:-45% 0;
  }
}

@media(max-width:600px){
  .logo-wrap::after{
    filter:brightness(1.5) saturate(.75) drop-shadow(0 0 3px rgba(190,225,255,.24));
  }
}

@media(prefers-reduced-motion:reduce){
  .logo-wrap,
  .logo-wrap .logo,
  .logo-wrap::after{
    animation:none !important;
  }
  .logo-wrap::after{opacity:0 !important}
}

.volume input[type="range"]{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:78px !important;
  height:20px !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  cursor:pointer !important;
  accent-color:transparent !important;
}

.volume input[type="range"]::-webkit-slider-runnable-track{
  height:7px !important;
  border-radius:999px !important;
  background:
    linear-gradient(
      to right,
      #ef4055 0%,
      #ef4055 var(--volume-fill,80%),
      #f4f4f4 var(--volume-fill,80%),
      #f4f4f4 100%
    ) !important;
  border:1px solid rgba(138,146,154,.58) !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.06) !important;
}
.volume input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none !important;
  appearance:none !important;
  width:18px !important;
  height:18px !important;
  margin-top:-6px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#ef4055 !important;
  box-shadow:0 1px 2px rgba(0,0,0,.14) !important;
}

.volume input[type="range"]::-moz-range-track{
  height:7px !important;
  border-radius:999px !important;
  background:#f4f4f4 !important;
  border:1px solid rgba(138,146,154,.58) !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.06) !important;
}
.volume input[type="range"]::-moz-range-progress{
  height:7px !important;
  border-radius:999px !important;
  background:#ef4055 !important;
}
.volume input[type="range"]::-moz-range-thumb{
  width:18px !important;
  height:18px !important;
  border:0 !important;
  border-radius:50% !important;
  background:#ef4055 !important;
  box-shadow:0 1px 2px rgba(0,0,0,.14) !important;
}

.volume input[type="range"]:focus{
  outline:none !important;
}
.volume input[type="range"]:focus-visible::-webkit-slider-thumb{
  box-shadow:0 0 0 3px rgba(239,64,85,.14),0 1px 2px rgba(0,0,0,.14) !important;
}
.volume input[type="range"]:focus-visible::-moz-range-thumb{
  box-shadow:0 0 0 3px rgba(239,64,85,.14),0 1px 2px rgba(0,0,0,.14) !important;
}

@media (max-width:600px){
  .schedule-open,
  .schedule-button,
  .btn-schedule,
  [data-open-schedule]{
    font-size:.78rem !important;
    letter-spacing:.045em !important;
    line-height:1.15 !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}

#scheduleModal .modal-panel{position:relative}
#scheduleModal .schedule-scroll-cue{
  position:absolute;
  left:50%;
  bottom:10px;
  transform:translateX(-50%) translateY(8px);
  width:58px;
  height:46px;
  display:grid;
  place-items:end center;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
  background:linear-gradient(to top, rgba(242,251,255,.97) 38%, rgba(242,251,255,0) 100%);
  border-radius:999px;
}
#scheduleModal .schedule-scroll-cue.visible{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
#scheduleModal .schedule-scroll-cue span{
  width:12px;
  height:12px;
  margin-bottom:8px;
  border-right:2.5px solid rgba(7,63,158,.56);
  border-bottom:2.5px solid rgba(7,63,158,.56);
  transform:rotate(45deg);
  animation:scheduleScrollCueBob 1.2s ease-in-out infinite;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.85));
}
@keyframes scheduleScrollCueBob{
  0%,100%{transform:rotate(45deg) translateY(0);opacity:.82}
  50%{transform:rotate(45deg) translateY(4px);opacity:1}
}
@media (max-width:700px){
  #scheduleModal .schedule-scroll-cue{
    bottom:8px;
    width:52px;
    height:42px;
  }
  #scheduleModal .schedule-scroll-cue span{
    margin-bottom:7px;
    width:11px;
    height:11px;
  }
}
@media (prefers-reduced-motion:reduce){
  #scheduleModal .schedule-scroll-cue span{animation:none}
}

#scheduleModal .schedule-scroll-cue{
  cursor:pointer;
  border:none;
}
#scheduleModal .schedule-scroll-cue:hover{
  opacity:1;
}
#scheduleModal .schedule-scroll-cue:focus-visible{
  outline:2px solid rgba(7,115,200,.28);
  outline-offset:2px;
}

#scheduleModal .schedule-scroll-cue{
  pointer-events:auto !important;
  z-index:12 !important;
}
#scheduleModal .schedule-scroll-cue:not(.visible){
  pointer-events:none !important;
}
#scheduleModal .schedule-scroll-cue.visible{
  pointer-events:auto !important;
}

#scheduleModal .schedule-scroll-cue.is-up span{
  transform:rotate(-135deg);
  animation:scheduleScrollCueBobUp 1.2s ease-in-out infinite;
}
@keyframes scheduleScrollCueBobUp{
  0%,100%{transform:rotate(-135deg) translateY(0);opacity:.82}
  50%{transform:rotate(-135deg) translateY(-4px);opacity:1}
}
@media (prefers-reduced-motion:reduce){
  #scheduleModal .schedule-scroll-cue.is-up span{animation:none}
}

@media (max-width:700px){

  .station-prompt{
    font-size:1rem!important;
    line-height:1.18;
  }
  .station-prompt span{
    margin-top:4px;
    font-size:.9rem!important;
    line-height:1.25;
  }
  .active-station{
    font-size:.86rem!important;
  }
  .station-open{
    font-size:.74rem!important;
  }
  .network-note{
    margin-top:10px;
    font-size:.74rem!important;
    line-height:1.3;
  }

  .studio-kicker{
    font-size:.68rem!important;
    letter-spacing:.13em;
  }
  .studio-card h2{
    margin-top:8px;
    font-size:1.38rem!important;
    line-height:1.08;
  }
  .studio-card .dj{
    margin-top:4px;
    font-size:1rem!important;
    line-height:1.2;
  }
  .show-times{
    font-size:.92rem;
  }

  .schedule-strip{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin-top:18px;
    margin-bottom:20px;
  }

  .schedule-item{
    min-height:88px;
    padding:15px 16px!important;
    border-radius:18px!important;
  }

  .schedule-item span{
    margin-bottom:7px!important;
    font-size:.82rem!important;
    line-height:1.05;
    letter-spacing:.075em!important;
  }

  .schedule-item strong{
    font-size:1rem!important;
    line-height:1.22;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    overflow-wrap:anywhere;
  }

  .schedule-item:nth-child(3){
    grid-column:1 / -1;
    min-height:82px;
    display:grid;
    align-content:center;
    padding:15px 18px!important;
  }

  .schedule-item:nth-child(3) strong{
    font-size:1.03rem!important;
    line-height:1.28;
    overflow-wrap:normal;
    word-break:normal;
  }

  .schedule-open{
    grid-column:1 / -1!important;
    min-height:52px!important;
    margin-top:0;
    border-radius:17px!important;
    font-size:.78rem!important;
    letter-spacing:.055em!important;
  }

  .footer{
    gap:8px;
    font-size:.83rem!important;
    line-height:1.35;
  }
}

@media (max-width:360px){
  .schedule-strip{
    gap:8px!important;
  }
  .schedule-item{
    min-height:84px;
    padding:13px 12px!important;
  }
  .schedule-item span{
    font-size:.76rem!important;
  }
  .schedule-item strong{
    font-size:.92rem!important;
  }
  .schedule-item:nth-child(3){
    padding:14px!important;
  }
  .schedule-item:nth-child(3) strong{
    font-size:.96rem!important;
  }
}

.top-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.mini-player-launch{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 12px;
  border:1px solid rgba(17,68,198,.12);
  border-radius:999px;
  color:#0f4caa;
  background:rgba(255,255,255,.72);
  box-shadow:0 6px 16px rgba(7,63,158,.08);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.075em;
  white-space:nowrap;
  transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
.mini-player-launch svg{
  width:17px;
  height:17px;
  fill:currentColor;
}
.mini-player-launch:hover{
  transform:translateY(-1px);
  background:#fff;
  box-shadow:0 9px 20px rgba(7,63,158,.12);
}
.mini-player-launch:focus-visible{
  outline:3px solid rgba(30,130,220,.28);
  outline-offset:3px;
}
@media(max-width:700px){
  .top-actions{
    position:absolute;
    z-index:2;
    top:0;
    right:0;
    gap:7px;
  }
  .live{
    position:static!important;
  }
  .mini-player-launch{
    min-height:32px;
    padding:7px 9px;
    font-size:.58rem;
    gap:6px;
  }
  .mini-player-launch svg{
    width:15px;
    height:15px;
  }
}
@media(max-width:390px){
  .mini-player-launch span{
    display:none;
  }
  .mini-player-launch{
    width:34px;
    padding:0;
  }
}

#stationGrid.station-switcher{display:block}.city-region{margin:0 0 24px}.city-region:last-child{margin-bottom:0}.city-region-title{margin:0 0 12px;color:#6383a7;font-size:12px;font-weight:900;letter-spacing:.13em}.city-region-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(min-width:900px){.city-region-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

.modal-scroll-nav{position:absolute;left:50%;top:auto;bottom:12px;transform:translateX(-50%);z-index:30;display:flex;flex-direction:row;gap:9px;pointer-events:none}
.modal-scroll-nav button{width:46px;height:46px;border:1px solid rgba(23,105,176,.16);border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 5px 16px rgba(0,45,95,.12);color:#1769b0;font-size:29px;font-weight:800;line-height:1;display:grid;place-items:center;pointer-events:auto;cursor:pointer;transition:opacity .18s ease,transform .18s ease}
.modal-scroll-nav button:active{transform:scale(.94)}
.modal-scroll-nav button[disabled]{opacity:.18;pointer-events:none}
@media(max-width:520px){.modal-scroll-nav{bottom:8px}.modal-scroll-nav button{width:42px;height:42px;font-size:26px}}

.modal-scroll-nav{gap:12px!important;bottom:14px!important}
.modal-scroll-nav button{
 width:54px!important;height:54px!important;
 border:2px solid rgba(23,105,176,.24)!important;
 background:rgba(255,255,255,.97)!important;
 box-shadow:0 7px 22px rgba(0,65,125,.18)!important;
}
.modal-scroll-nav button svg{
 width:27px;height:27px;display:block;
 fill:none;stroke:currentColor;stroke-width:2.8;
 stroke-linecap:round;stroke-linejoin:round;
}
.modal-scroll-nav button:not([disabled]){opacity:1!important}
.modal-scroll-nav button[disabled]{opacity:.24!important}
@media(max-width:520px){
 .modal-scroll-nav{bottom:10px!important;gap:10px!important}
 .modal-scroll-nav button{width:50px!important;height:50px!important}
 .modal-scroll-nav button svg{width:25px;height:25px}
}

.mini-mode-phone{display:none}
.mini-mode-desktop{display:inline-flex;align-items:center;gap:inherit}
@media (max-width:720px) and (pointer:coarse){
  .mini-mode-desktop{display:none!important}
  .mini-mode-phone{display:inline-flex!important;align-items:center;gap:6px}
  .mini-mode-phone-icon{
    width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;
    stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto
  }
}

@media (max-width:720px) and (pointer:coarse){
  .mini-mode-phone-icon{
    animation:mobileModeIconPulse 1.45s ease-in-out infinite;
    transform-origin:center;
  }
}
@keyframes mobileModeIconPulse{
  0%,100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}
  50%{opacity:.48;transform:scale(.94);filter:drop-shadow(0 0 4px currentColor)}
}
@media (prefers-reduced-motion:reduce){
  .mini-mode-phone-icon{animation:none!important}
}

html.phone-view .mini-mode-desktop{display:none!important}
html.phone-view .mini-mode-phone{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
html.phone-view .mini-mode-phone-icon{
  animation:mobileModeIconPulse 1.45s ease-in-out infinite!important;
  transform-origin:center!important;
}


/* =========================================================
   SUPER LATINA — UNIFIED SCHEDULE FINAL
   Root / desktop responsive schedule only.
   Player, audio controls, station selector and /movil/ untouched.
   ========================================================= */

#scheduleModal .full-schedule{
  display:grid !important;
  gap:9px !important;
}

/* Normal program row */
#scheduleModal .full-row{
  position:relative !important;

  display:grid !important;
  grid-template-columns:118px minmax(0,1fr) auto !important;
  grid-template-areas:
    "time show status"
    "time dj   status" !important;

  column-gap:18px !important;
  row-gap:3px !important;

  min-height:76px !important;
  padding:13px 18px !important;

  border:1px solid rgba(7,115,200,.12) !important;
  border-radius:17px !important;

  background:rgba(255,255,255,.96) !important;
  color:var(--navy) !important;

  box-shadow:0 5px 15px rgba(7,63,158,.065) !important;

  overflow:hidden !important;
}

/* Small blue identity stripe */
#scheduleModal .full-row::after{
  content:"" !important;

  position:absolute !important;
  top:13px !important;
  right:0 !important;
  bottom:13px !important;

  width:4px !important;

  border-radius:4px 0 0 4px !important;

  background:var(--blue) !important;
  opacity:.75 !important;
}


/* TIME */

#scheduleModal .full-row time{
  grid-area:time !important;

  align-self:center !important;

  width:auto !important;
  padding-right:16px !important;

  border-right:1px solid rgba(7,63,158,.11) !important;

  color:var(--navy) !important;

  font-size:.76rem !important;
  line-height:1.35 !important;
  font-weight:900 !important;

  text-align:left !important;
  white-space:nowrap !important;
}


/* PROGRAM NAME */

#scheduleModal .full-row strong{
  grid-area:show !important;

  align-self:end !important;

  min-width:0 !important;

  color:var(--navy) !important;

  font-size:.94rem !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}


/* DJ */

#scheduleModal .full-row em{
  grid-area:dj !important;

  align-self:start !important;

  min-width:0 !important;

  margin:0 !important;

  color:var(--blue) !important;

  font-size:.73rem !important;
  line-height:1.25 !important;
  font-style:normal !important;
  font-weight:800 !important;

  opacity:.88 !important;
}


/* =========================================================
   CURRENT PROGRAM / AL AIRE
   Same component — stronger state, not a different design.
   ========================================================= */

#scheduleModal .full-row.active{
  border-color:rgba(7,115,200,.24) !important;

  background:
    linear-gradient(
      100deg,
      rgba(232,244,255,.98) 0%,
      rgba(255,255,255,.98) 72%
    ) !important;

  color:var(--navy) !important;

  box-shadow:0 7px 19px rgba(7,63,158,.10) !important;
}

#scheduleModal .full-row.active::before{
  content:"" !important;

  position:absolute !important;

  left:0 !important;
  top:0 !important;
  bottom:0 !important;

  width:6px !important;

  background:linear-gradient(
    180deg,
    #096ec8,
    #18a4df
  ) !important;
}

#scheduleModal .full-row.active::after{
  background:#f3b51b !important;
  opacity:1 !important;
}


/* AL AIRE badge */

#scheduleModal .full-row .on-air-badge{
  grid-area:status !important;

  align-self:center !important;
  justify-self:end !important;

  display:inline-flex !important;
  align-items:center !important;

  gap:6px !important;

  margin:0 !important;
  padding:6px 9px !important;

  border:1px solid rgba(7,115,200,.20) !important;
  border-radius:999px !important;

  background:#f4f9ff !important;
  color:var(--blue) !important;

  font-size:.62rem !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;

  white-space:nowrap !important;
}

#scheduleModal .on-air-dot{
  width:7px !important;
  height:7px !important;

  flex:0 0 7px !important;

  border-radius:50% !important;

  background:#f3b51b !important;

  box-shadow:
    0 0 0 3px rgba(243,181,27,.15) !important;
}


/* =========================================================
   RESPONSIVE
   Keep the SAME visual language instead of switching layouts.
   ========================================================= */

@media(max-width:700px){

  #scheduleModal .full-schedule{
    gap:8px !important;
  }

  #scheduleModal .full-row{
    grid-template-columns:76px minmax(0,1fr) !important;

    grid-template-areas:
      "time show"
      "time dj"
      "time status" !important;

    column-gap:12px !important;
    row-gap:2px !important;

    min-height:78px !important;

    padding:12px 14px !important;
  }

  #scheduleModal .full-row time{
    grid-area:time !important;

    width:auto !important;

    align-self:center !important;
    justify-self:stretch !important;

    padding-right:10px !important;

    text-align:left !important;

    font-size:.67rem !important;
    line-height:1.32 !important;
  }

  #scheduleModal .full-row strong{
    grid-area:show !important;

    font-size:.84rem !important;
    line-height:1.2 !important;
  }

  #scheduleModal .full-row em{
    grid-area:dj !important;

    margin-top:1px !important;

    font-size:.68rem !important;
  }

  #scheduleModal .full-row .on-air-badge{
    grid-area:status !important;

    justify-self:start !important;

    margin-top:5px !important;

    padding:5px 8px !important;

    font-size:.57rem !important;
  }

}