@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{color:#f5f1e8;font-synthesis:none;--bg:#08131f;--surface:#0d1d2b;--surface-2:#112738;--line:#d8e1e624;--muted:#8da0ac;--amber:#f4b942;--coral:#ef6b5d;--ivory:#f5f1e8;background:#08131f;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 79% 7%, #2f606b38, transparent 30rem), var(--bg);min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;padding-bottom:112px;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1320px;height:88px;margin:auto;padding:0 42px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;display:flex}.brand-mark{width:40px;height:40px;color:var(--amber);border:1px solid #f4b94285;border-radius:50%;place-items:center;display:grid;position:relative}.brand-mark span{background:var(--amber);border-radius:50%;width:3px;height:3px;position:absolute;top:8px;right:8px}.brand strong,.brand span{font-size:14px;line-height:1.2;display:block}.brand span{color:var(--muted);margin-top:3px;font-size:12px}nav{color:var(--muted);gap:34px;font-size:13px;display:flex}nav a:hover{color:var(--ivory)}.share-button{border:1px solid var(--line);color:var(--ivory);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;display:flex}.icon-button{color:var(--muted);background:0 0;border-radius:50%;place-items:center;padding:8px;display:inline-grid}.icon-button:hover{color:var(--ivory);background:#ffffff12}.menu-button{display:none}main{max-width:1320px;margin:auto;padding:0 42px}.hero-grid{grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(60px,10vw,160px);min-height:570px;padding:86px 0 70px;display:grid}.live-line,.section-kicker,.panel-label,.dock-song span{text-transform:uppercase;letter-spacing:.13em;color:var(--amber);font-size:10px;font-weight:700}.live-line{color:var(--muted);align-items:center;gap:9px;display:flex}.live-dot{background:var(--coral);border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 5px #ef6b5d1a}.connection-dot{background:var(--muted);border-radius:50%;width:6px;height:6px}.connection-dot[data-state=live]{background:#73cf9f}.connection-dot[data-state=fallback]{background:var(--amber)}h1{letter-spacing:-.055em;color:var(--ivory);margin:28px 0 25px;font:500 clamp(60px,7vw,98px)/.95 Fraunces,serif}h1 em{color:var(--amber);font-style:normal}.hero-copy>p{max-width:390px;color:var(--muted);margin:0;font-size:15px;line-height:1.75}.hero-actions{align-items:center;gap:17px;margin-top:40px;display:flex}.hero-actions strong,.hero-actions span{display:block}.hero-actions strong{font-size:14px;font-weight:600}.hero-actions span{color:var(--muted);margin-top:5px;font-size:12px}.play-button{background:var(--amber);color:#14202a;border-radius:50%;place-items:center;width:64px;height:64px;transition:transform .2s,box-shadow .2s;display:grid}.play-button:hover{transform:scale(1.06);box-shadow:0 0 0 10px #f4b9421a}.play-button svg{width:23px;height:23px}.now-playing-panel{border:1px solid var(--line);background:#112738b8;border-radius:8px;padding:28px 30px 26px;box-shadow:0 22px 60px #00000021}.panel-label{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.panel-live{color:var(--coral);align-items:center;gap:6px;font-size:10px;display:flex}.now-playing-content{grid-template-columns:224px 1fr;align-items:center;gap:28px;padding:26px 0 30px;display:grid}.cover{background:#173342;border-radius:4px;flex:none;width:47px;height:47px;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-large{border-radius:5px;width:224px;height:224px;box-shadow:18px 22px 45px #00000042}.cover-fallback{width:100%;height:100%;color:var(--amber);text-align:center;background:radial-gradient(circle at 50% 40%,#245363,#102938 70%);flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.cover-fallback span{letter-spacing:.16em;font-size:10px;font-weight:700;line-height:1.4}.cover-fallback small{color:#f5f1e8a6;letter-spacing:.28em;font-size:8px}.cover-ring{pointer-events:none;border:1px solid #f4b94259;border-radius:3px;position:absolute;inset:7px}.song-kicker{color:var(--amber);margin-bottom:13px;font-size:11px}.song-info h2{letter-spacing:-.035em;margin:0 0 9px;font:500 clamp(28px,3vw,42px)/1.05 Fraunces,serif}.song-info p{color:var(--muted);margin:0;font-size:13px}.visualizer{opacity:.55;align-items:center;gap:3px;height:38px;margin-top:35px;display:flex}.visualizer i{width:3px;height:calc(7px + (var(--i) % 7) * 4px);background:var(--amber);transform-origin:50%;border-radius:4px;display:block}.visualizer.is-active i{animation:1.1s ease-in-out infinite alternate pulse;animation-delay:calc(var(--i) * -80ms)}@keyframes pulse{to{opacity:.6;transform:scaleY(.35)}}.progress-track{background:#294353;border-radius:5px;height:8px;position:relative;box-shadow:inset 0 0 0 1px #f5f1e81f,0 0 0 1px #08131f4d}.progress-track>div{background:var(--amber);border-radius:5px;min-width:3px;transition:width .45s linear;position:absolute;inset:0 auto 0 0;box-shadow:0 0 12px #f4b94273}.progress-track input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:-9px 0}.time-row{color:var(--muted);justify-content:space-between;margin-top:11px;font-size:10px;display:flex}@keyframes live-progress{0%{transform:translate(0)}to{transform:translate(210%)}}.signal-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr) 1.6fr;padding:21px 0;display:grid}.signal-item{border-right:1px solid var(--line);color:var(--amber);align-items:center;gap:13px;padding:0 28px;display:flex}.signal-item:first-child{padding-left:0}.signal-item:last-child{border:0}.signal-item div span,.signal-item div strong{display:block}.signal-item div span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:7px;font-size:10px}.signal-item div strong{font-size:13px;font-weight:500}.signal-next{color:var(--muted);justify-content:flex-end}.signal-next strong{white-space:nowrap;text-overflow:ellipsis;max-width:280px;color:var(--ivory);overflow:hidden}.content-grid{max-width:950px;padding:86px 0 0}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px;display:flex}.section-kicker{color:var(--muted);align-items:center;gap:7px;display:flex}.section-heading h2{letter-spacing:-.04em;margin:12px 0 0;font:500 38px/1.1 Fraunces,serif}.text-button{color:var(--amber);background:0 0;align-items:center;gap:5px;padding:8px 0;font-size:12px;display:flex}.schedule-list,.history-list{border-top:1px solid var(--line)}.schedule-row{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr 100px;align-items:center;gap:22px;min-height:91px;display:grid}.schedule-row.active{border-left:2px solid var(--amber);background:linear-gradient(90deg,#f4b94212,#0000);padding-left:18px}.schedule-time span{color:var(--amber);letter-spacing:.14em;font-size:9px;font-weight:700}.schedule-time strong{color:var(--muted);margin-top:7px;font-size:12px;display:block}.schedule-main{align-items:center;gap:14px;display:flex}.schedule-avatar{width:38px;height:38px;color:var(--amber);border:1px solid #f4b94257;border-radius:50%;place-items:center;display:grid}.muted-avatar{color:var(--muted);border-color:var(--line)}.schedule-main strong,.schedule-main span{display:block}.schedule-main strong{font-size:14px;font-weight:500}.schedule-main span{color:var(--muted);margin-top:5px;font-size:12px}.schedule-status{color:var(--coral);align-items:center;gap:9px;font-size:11px;display:flex}.schedule-status.muted{color:var(--muted)}.updated-label{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.updated-label .live-dot{width:5px;height:5px;box-shadow:none;background:#73cf9f}.history-section{padding-top:72px}.history-row{border-bottom:1px solid var(--line);align-items:center;gap:17px;min-height:77px;display:flex}.history-index{color:var(--muted);width:23px;font-size:11px}.history-row>div:nth-child(3){flex:1}.history-row strong,.history-row div span{display:block}.history-row strong{font-size:13px;font-weight:500}.history-row div span{color:var(--muted);margin-top:5px;font-size:11px}.history-time{color:var(--muted);font-size:11px}.empty-history{color:var(--muted);padding:28px 0;font-size:13px}.about-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:58px 1fr 220px;align-items:center;gap:22px;max-width:950px;margin:104px 0 30px;padding:32px;display:grid}.about-mark{width:46px;height:46px;color:var(--amber);background:#f4b9421c;border-radius:50%;place-items:center;display:grid}.about-section h2{margin:0 0 8px;font:500 26px Fraunces,serif}.about-section p{max-width:500px;color:var(--muted);margin:0;font-size:12px;line-height:1.7}.about-place{border-left:1px solid var(--line);color:var(--amber);gap:10px;padding-left:20px;font-size:11px;line-height:1.6;display:flex}.about-place strong{color:var(--muted);font-weight:400}.player-dock{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);background:#08131ff0;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:88px;padding:13px max(42px,50vw - 618px);display:grid;position:fixed;bottom:0;left:0;right:0}.dock-song{align-items:center;gap:12px;min-width:0;display:flex}.dock-song>div{min-width:0}.dock-song span,.dock-song strong,.dock-song small{display:block}.dock-song span{color:var(--muted);margin-bottom:5px;font-size:8px}.dock-song strong,.dock-song small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dock-song strong{font-size:12px;font-weight:500}.dock-song small{color:var(--muted);margin-top:4px;font-size:10px}.dock-controls{align-items:center;gap:9px;display:flex}.dock-play{background:var(--amber);color:#14202a;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.volume-control{justify-self:end;align-items:center;gap:8px;width:150px;display:flex}.volume-control input{accent-color:var(--amber);width:100%}.toast{z-index:20;background:var(--amber);color:#15222b;border-radius:5px;align-items:center;gap:8px;padding:13px 16px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:110px;right:25px;box-shadow:0 10px 30px #00000040}@media (width<=850px){.topbar{padding:0 22px}.topbar nav,.share-button{display:none}.menu-button{display:inline-grid}.brand strong{font-size:13px}main{padding:0 22px}.hero-grid{grid-template-columns:1fr;gap:48px;padding:62px 0 55px}.hero-grid h1{font-size:clamp(58px,17vw,88px)}.now-playing-panel{padding:22px}.now-playing-content{grid-template-columns:150px 1fr;gap:20px}.cover-large{width:150px;height:150px}.signal-strip{grid-template-columns:repeat(2,1fr);gap:20px 0}.signal-item{border:0;padding:0 15px}.signal-item:first-child{padding-left:0}.signal-next{justify-content:flex-start;padding-left:0}.about-section{grid-template-columns:48px 1fr}.about-place{border-left:0;grid-column:2;padding:0}.player-dock{grid-template-columns:1fr auto;padding:12px 22px}.volume-control,.dock-controls .icon-button{display:none}}@media (width<=520px){.hero-grid{padding-top:45px}.now-playing-content{grid-template-columns:1fr}.cover-large{width:100%;height:min(76vw,290px)}.visualizer{margin-top:22px}.section-heading{flex-direction:column;align-items:start}.section-heading h2{font-size:33px}.text-button{display:none}.schedule-row{grid-template-columns:73px 1fr;gap:12px;padding:14px 0}.schedule-row.active{padding-left:12px}.schedule-status{grid-column:2}.signal-strip{grid-template-columns:1fr 1fr}.signal-item{padding:0}.signal-item div strong{font-size:12px}.history-index{width:16px}.history-time{display:none}.about-section{margin-top:75px;padding:26px 0}.dock-song .cover{width:39px;height:39px}.dock-song strong{max-width:145px}.dock-play{width:40px;height:40px}}.progress-track{background:#294353;height:8px;box-shadow:inset 0 0 0 1px #f5f1e81f,0 0 0 1px #08131f4d}.progress-track>div{min-width:3px;transition:width .45s linear;box-shadow:0 0 12px #f4b94273}.progress-track.is-live>div{animation:2.2s ease-in-out infinite alternate live-progress;width:32%!important}