@import "https://fonts.googleapis.com/css2?family=Anton&family=Work+Sans:wght@400;500;600;700;800&display=swap";html{background:#fdfdfc;min-width:320px;min-height:100%}body{color:#21201c;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#fdfdfc;min-width:320px;min-height:100vh;margin:0;font-family:Work Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}:root{--background:#fdfdfc;--surface:#f9f9f8;--surface-2:#f1f0ef;--line:#e9e8e6;--faint:#8d8d86;--muted:#63635e;--ink:#21201c;--head:#1f2d5c;--accent:#ef5f00;--accent-soft:#f76b15;--text:#21201c;--cyan:#1f2d5c;--pink:#ef5f00;--violet:#1f2d5c;--radius:4px;--font-display:"Anton", "Arial Narrow", sans-serif;--font-text:"Work Sans", system-ui, sans-serif}.app-shell.night{--background:#111110;--surface:#191918;--surface-2:#222221;--line:#2a2a28;--faint:#6f6d66;--muted:#b5b3ad;--ink:#eeeeec;--head:#aeb9e8;--accent:#f76b15;--accent-soft:#f76b15;--text:#eeeeec;--cyan:#aeb9e8;--pink:#f76b15;--violet:#aeb9e8}*{box-sizing:border-box}button{font:inherit}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.persistent-audio{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;overflow:hidden}.app-shell{width:100%;min-height:100dvh;color:var(--ink);background:var(--background);padding:24px 20px 112px}.topbar,main,.bottom-nav{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:center;width:min(100%,580px);margin:0 auto 22px;display:flex}.eyebrow,.dj-label,.notice-card>span,.section-label{color:var(--accent);letter-spacing:.16em;font-size:.69rem;font-weight:800}.topbar h1{font-family:var(--font-display);color:var(--ink);margin:4px 0 0;font-size:clamp(1.45rem,6vw,2rem);line-height:1.1}.icon-button,.round-secondary{color:var(--ink);cursor:pointer;border:1px solid var(--line);background:var(--surface-2);flex:none;place-items:center;display:grid}.icon-button{border-radius:var(--radius);width:46px;height:46px}main{width:min(100%,580px);margin:auto}.player-card{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px 22px 27px;position:relative;overflow:hidden;box-shadow:0 1px 2px #21201c0f,0 10px 30px #21201c12}.live-badge{color:var(--muted);letter-spacing:.12em;border:1px solid var(--line);background:var(--surface-2);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:.68rem;font-weight:800;display:inline-flex;position:relative}.live-badge.active{color:var(--ink);border-color:#ef5f0059;box-shadow:0 0 0 1px #ef5f0026}.live-dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.live-badge.active .live-dot{background:var(--accent);animation:1.3s infinite pulse;box-shadow:0 0 8px #ef5f0080}.logo-halo{aspect-ratio:1;background:linear-gradient(135deg, var(--head), var(--accent));border-radius:28px;width:min(66vw,290px);margin:24px auto 21px;padding:7px;position:relative;box-shadow:0 8px 26px #1f2d5c2e,0 2px 8px #ef5f002e}.logo-halo:after{z-index:-1;content:"";border:1px solid #1f2d5c29;border-radius:36px;position:absolute;inset:-10px}.radio-logo{object-fit:cover;border:5px solid var(--background);border-radius:22px;width:100%;height:100%;display:block}.metadata{position:relative}.dj-name{overflow-wrap:anywhere;color:#0000;width:max-content;max-width:100%;font-family:var(--font-display);letter-spacing:.02em;background:linear-gradient(90deg, var(--head), var(--accent), var(--ink), var(--head));filter:drop-shadow(0 1px #21201c14);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;margin:7px auto 4px;font-size:clamp(1.9rem,8vw,2.7rem);font-style:normal;font-weight:400;line-height:1.08;animation:6s linear infinite djShimmer}.station-tagline{max-width:100%;color:var(--ink);font-family:var(--font-text);letter-spacing:.025em;background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(100deg, #1f2d5c8c, #ef5f0099) border-box;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:baseline;gap:6px;margin:13px auto 0;padding:8px 15px 9px;font-size:clamp(.88rem,3.7vw,1.08rem);font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #21201c0d}.station-tagline:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 22%,#fff6 46%,#0000 68%);animation:5.5s ease-in-out infinite sloganSweep;position:absolute;inset:0;transform:translate(-130%)}.station-frequency{color:#0000;background:linear-gradient(90deg, var(--head), var(--accent), var(--head));-webkit-background-clip:text;background-clip:text;font-weight:900}.station-divider{color:var(--head);font-weight:900}.station-claim{white-space:nowrap}.station-claim strong{color:var(--accent);text-shadow:0 1px #21201c14;font-size:1.08em;font-style:italic;font-weight:900;animation:2.2s ease-in-out infinite sloganPulse}.equalizer{justify-content:center;align-items:center;gap:4px;height:42px;margin:18px auto 14px;display:flex}.equalizer span{background:linear-gradient(to top, var(--head), var(--accent));opacity:.4;border-radius:999px;width:3px;height:7px}.equalizer span.moving{opacity:1;animation:.85s ease-in-out infinite alternate equalizer}.player-actions{justify-content:center;align-items:flex-start;gap:56px;display:flex}.quick-action{width:84px;color:var(--muted);flex-direction:column;align-items:center;gap:7px;padding-top:13px;font-size:.67rem;font-weight:600;line-height:1.2;display:flex}.round-secondary{border-radius:50%;width:52px;height:52px}.now-playing{gap:3px;margin:0 auto 15px;display:grid}.now-playing>span{color:var(--accent);letter-spacing:.16em;font-size:.59rem;font-weight:900}.now-playing strong{font-size:1rem}.now-playing p{color:var(--muted);margin:0;font-size:.86rem}.live-player{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:14px;width:100%;margin:3px auto 7px;padding:13px 15px;display:flex;box-shadow:inset 0 0 0 1px #1f2d5c0a}.live-play-button{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent-soft), var(--accent));border:0;border-radius:50%;flex:none;place-items:center;width:55px;height:55px;display:grid;box-shadow:0 6px 18px #ef5f0047}.live-play-button:disabled{cursor:wait;opacity:.6}.live-player>div{gap:4px;min-width:0;display:grid}.live-player span{color:var(--accent);letter-spacing:.14em;font-size:.59rem;font-weight:900}.live-player strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:.9rem;overflow:hidden}.player-error{color:#d6470a;margin:8px 0 0;font-size:.76rem}.notice-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:5px;margin-top:17px;padding:18px 19px;display:grid}.notice-card strong{color:var(--ink);font-size:.98rem}.notice-card p{color:var(--muted);margin:0;font-size:.83rem}.content-card,.chat-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:520px;padding:25px 22px;box-shadow:0 1px 2px #21201c0d,0 10px 30px #21201c0f}.section-icon{border-radius:var(--radius);place-items:center;width:58px;height:58px;margin-bottom:20px;display:grid}.section-icon.cyan{color:var(--head);background:#1f2d5c14}.section-icon.pink{color:var(--accent);background:#ef5f0014}.section-icon.violet{color:var(--head);background:#1f2d5c1a}.content-card h2{font-family:var(--font-display);color:var(--ink);margin:6px 0 10px;font-size:1.7rem}.rules-card{border-top:3px solid var(--accent)}.legal-card{border-top:3px solid var(--head)}.content-card>p{color:var(--muted);margin:0;line-height:1.55}.empty-state{color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface-2);margin-top:25px;padding:18px;line-height:1.5}.schedule-card{padding-bottom:30px}.schedule-heading{justify-content:space-between;align-items:flex-start;display:flex}.schedule-heading .section-icon{margin-bottom:20px}.schedule-refresh{width:44px;height:44px;color:var(--head);cursor:pointer;border-radius:var(--radius);background:#1f2d5c0f;border:1px solid #1f2d5c33;place-items:center;display:grid}.schedule-refresh:disabled{cursor:wait;opacity:.65}.schedule-week{color:var(--muted)!important;margin-top:0!important}.schedule-week strong{color:var(--ink)}.schedule-warning{color:#b34700;border-radius:var(--radius);background:#ef5f000f;border:1px solid #ef5f0040;margin-top:17px;padding:12px 14px;font-size:.78rem;line-height:1.45}.schedule-loading{min-height:190px;color:var(--muted);justify-content:center;align-items:center;gap:10px;display:flex}.schedule-error-state{gap:14px;display:grid}.schedule-error-state button{width:max-content;color:var(--head);cursor:pointer;border-radius:var(--radius);background:#1f2d5c0f;border:1px solid #1f2d5c40;padding:9px 14px}.schedule-list{gap:11px;margin-top:24px;display:grid}.schedule-day{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:105px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.schedule-day:before{content:"";background:linear-gradient(var(--head), var(--accent));opacity:.42;width:3px;position:absolute;top:0;bottom:0;left:0}.schedule-day.today{background:radial-gradient(circle at 0,#ef5f0014,#0000 38%),#ef5f0008;border-color:#ef5f0057;box-shadow:inset 0 0 0 1px #ef5f000f}.schedule-day.today:before{background:linear-gradient(var(--head), var(--accent));opacity:1;box-shadow:0 0 10px var(--accent)}.schedule-day-header{border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:9px;min-height:78px;padding:15px 13px 15px 17px;display:flex;position:relative}.schedule-day-header>div{flex-direction:column;gap:4px;min-width:0;display:flex}.schedule-day-header span{text-overflow:ellipsis;color:var(--muted);font-size:.76rem;font-weight:800;overflow:hidden}.schedule-day-header strong{color:var(--head);letter-spacing:.06em;font-size:.73rem}.schedule-day-header em{color:#fff;letter-spacing:.09em;background:linear-gradient(90deg, var(--head), var(--accent));border-radius:999px;padding:4px 7px;font-size:.52rem;font-style:normal;font-weight:900}.schedule-events{flex-direction:column;justify-content:center;gap:9px;min-width:0;padding:11px 13px;display:flex}.schedule-event{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:11px;min-width:0;display:grid}.schedule-event+.schedule-event{border-top:1px solid var(--line);padding-top:9px}.schedule-event time{color:var(--accent);font-family:var(--font-display);letter-spacing:.02em;font-size:.95rem;font-weight:400}.schedule-event>div{flex-direction:column;gap:3px;min-width:0;display:flex}.schedule-event span{color:var(--accent);letter-spacing:.12em;font-size:.53rem;font-weight:900}.schedule-event strong{overflow-wrap:anywhere;color:var(--ink);font-size:.82rem;line-height:1.3}.no-events{color:var(--faint);margin:0;font-size:.75rem;font-style:italic;line-height:1.35}.spinning{animation:.9s linear infinite scheduleSpin}.link-list{gap:10px;margin-top:23px;display:grid}.link-list button{width:100%;color:var(--ink);text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:14px;padding:15px;display:flex}.link-list button:hover{background:#ef5f000d;border-color:#ef5f004d}.link-list button>svg{color:var(--head);flex:none}.link-list button span{flex-direction:column;gap:3px;display:flex}.notification-setting .toggle-switch{background:var(--line);border-radius:999px;flex:none;width:43px;height:24px;margin-left:auto;transition:background .18s;position:relative}.notification-setting .toggle-switch b{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #21201c33}.notification-setting .toggle-switch.on{background:linear-gradient(90deg, var(--head), var(--accent))}.notification-setting .toggle-switch.on b{transform:translate(19px)}.podcast-card>p{margin-bottom:0}.podcast-list{gap:12px;margin-top:23px;display:grid}.podcast-episode{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:15px;display:grid}.podcast-episode.playing{border-color:#ef5f006b;box-shadow:0 0 0 1px #ef5f001f}.podcast-play,.podcast-download{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent-soft), var(--accent));border:0;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.podcast-download{width:38px;height:38px;color:var(--head);border-radius:var(--radius);background:#1f2d5c0f;border:1px solid #1f2d5c33}.podcast-details{min-width:0}.podcast-dj{color:var(--accent);letter-spacing:.12em;font-size:.58rem;font-weight:900}.podcast-details h3{overflow-wrap:anywhere;color:var(--ink);margin:5px 0 8px;font-size:.95rem;line-height:1.3}.podcast-meta{color:var(--muted);flex-wrap:wrap;gap:6px 12px;font-size:.69rem;display:flex}.podcast-meta span{align-items:center;gap:5px;display:inline-flex}.podcast-progress{gap:5px;margin-top:12px;display:grid}.podcast-progress input{width:100%;accent-color:var(--accent)}.podcast-progress small{color:var(--muted);text-align:right}.link-list small{color:var(--muted)}.bottom-nav{max-width:580px;padding:9px 6px max(9px, env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:repeat(5,1fr);margin:auto;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 8px 30px #21201c1f}.bottom-nav button{min-width:0;color:var(--faint);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:7px 2px;font-size:.63rem;display:flex}.bottom-nav button.selected{color:var(--accent)}.app-shell.chat-open{height:100dvh;min-height:100dvh;padding:0;overflow:hidden}.chat-main{width:100%;max-width:none;height:100dvh}.chat-main .fullscreen-chat{background:var(--background);width:100%;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:hidden}.chat-toolbar{min-height:68px;padding:max(10px, env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.chat-back-button{width:max-content;color:var(--head);cursor:pointer;border-radius:var(--radius);background:#1f2d5c0f;border:1px solid #1f2d5c33;align-items:center;gap:7px;padding:10px 12px;display:flex}.chat-toolbar-title{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.chat-toolbar-title span{color:var(--accent);letter-spacing:.13em;font-size:.58rem;font-weight:800}.chat-toolbar-title strong{color:var(--ink);font-size:.9rem}.chat-toolbar .icon-button{justify-self:end}.fullscreen-chat .chat-frame{background:var(--surface-2);border:0;border-radius:0;flex:1;width:100%;min-height:0}@keyframes equalizer{0%{height:7px}to{height:35px}}@keyframes pulse{50%{opacity:.4;transform:scale(.78)}}@keyframes djShimmer{0%{background-position:0%}to{background-position:260%}}@keyframes sloganSweep{0%,58%{transform:translate(-130%)}82%,to{transform:translate(130%)}}@keyframes sloganPulse{0%,to{opacity:.86}50%{opacity:1;text-shadow:0 0 2px #ef5f0066,0 1px #21201c1f}}@keyframes scheduleSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dj-name,.station-tagline:before,.station-claim strong{animation:none}}@media (width<=360px){.station-tagline{letter-spacing:0;gap:4px;padding-left:11px;padding-right:11px}}@media (width<=430px){.chat-back-button span{display:none}.chat-back-button{justify-content:center;width:44px;height:44px;padding:0}}@media (width<=390px){.app-shell:not(.chat-open){padding-left:13px;padding-right:13px}.player-card{padding-left:14px;padding-right:14px}.player-actions{gap:38px}.quick-action{width:74px}.bottom-nav button{font-size:.57rem}}@media (width>=720px){.app-shell:not(.chat-open){padding-top:38px}.player-card{padding-left:38px;padding-right:38px}}.section-back-button{color:var(--head);cursor:pointer;border-radius:var(--radius);background:#1f2d5c0f;border:1px solid #1f2d5c33;align-items:center;gap:7px;margin-bottom:22px;padding:9px 12px;display:inline-flex}.rules-image-button{cursor:zoom-in;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);width:100%;max-width:100%;margin-top:22px;padding:0;display:block;overflow:auto}.rules-image-button img{width:100%;max-width:100%;height:auto;transition:width .18s;display:block}.rules-image-button.zoomed{cursor:zoom-out}.rules-image-button.zoomed img{width:175%;max-width:none}.rules-hint{justify-content:center;align-items:center;gap:7px;font-size:.76rem;display:flex;color:var(--muted)!important;margin:12px 0 0!important}.info-block,.privacy-text{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);margin-top:18px;padding:17px}.info-block+.info-block{margin-top:10px}.info-block h3,.privacy-text h3{color:var(--head);margin:0 0 7px;font-size:1rem}.info-block p,.privacy-text p{color:var(--muted);margin:0;line-height:1.58}.info-block a,.privacy-text a{color:var(--accent);overflow-wrap:anywhere}.privacy-text h3:not(:first-child){margin-top:22px}.legal-links{gap:10px;margin-top:14px;display:grid}.legal-links button{width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:var(--radius);background:#ef5f000d;border:1px solid #ef5f0040;align-items:center;gap:11px;padding:14px 15px;display:flex}@media (width<=430px){.content-card{padding-left:17px;padding-right:17px}.rules-image-button.zoomed img{width:160%}}