:root{--blue: #1a3280;--blue-mid: #294998;--yellow: #ffc800;--yellow-light: #F3EC6A;--glass-bg: rgba(255, 255, 255, .18);--glass-border: rgba(255, 255, 255, .35);--text-primary: #0f2060;--text-secondary: rgba(26, 50, 128, .65);--shadow-blue: rgba(26, 50, 128, .35);--cms-accent: #ffc800;--cms-bg-from: #ffe566;--cms-bg-to: #ffd700}html{height:-webkit-fill-available}body{margin:0;padding:0;width:100%;height:100dvh;min-height:-webkit-fill-available;overflow:hidden;overscroll-behavior:none;font-family:DM Sans,sans-serif;color:var(--text-primary);background-color:var(--yellow)}#root{width:100%;height:100%;display:flex;flex-direction:column}.app-container{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}#bg-layer{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse 80% 60% at 10% 10%,var(--cms-bg-from, #ffe566) 0%,transparent 70%),radial-gradient(ellipse 60% 50% at 90% 90%,var(--cms-bg-to, #ffd700) 0%,transparent 60%),radial-gradient(ellipse 70% 70% at 50% 50%,var(--yellow) 0%,#f5b800 100%);animation:bgPulse 10s ease-in-out infinite alternate;transition:background 1.5s ease}@keyframes bgPulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.05);filter:brightness(1.1) saturate(1.1)}}#bg-layer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");opacity:.35;pointer-events:none}.top-bar-container{position:absolute;top:24px;left:24px;z-index:10;display:flex;align-items:center;gap:14px}.app-logo{width:clamp(140px,15vw,220px);height:auto;filter:drop-shadow(0 4px 12px rgba(26,50,128,.15));transition:transform .3s ease}.app-logo:hover{transform:scale(1.02)}#installBtn{display:none;width:38px;height:38px;background:var(--glass-bg);border-radius:50%;justify-content:center;align-items:center;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);transition:background .2s,transform .2s}#installBtn:hover{background:#ffffff4d;transform:scale(1.08)}.install-icon{width:20px;height:20px;fill:var(--blue)}@media (max-width:480px){.top-bar-container{top:16px;left:16px}.app-logo{width:150px}}.player-box{width:92%;max-width:380px;position:relative;z-index:1;background:var(--glass-bg);border-radius:40px;border:1px solid var(--glass-border);backdrop-filter:blur(30px) saturate(1.6);-webkit-backdrop-filter:blur(30px) saturate(1.6);box-shadow:0 20px 60px var(--shadow-blue),0 1px #fff9 inset,0 -1px #1a32801a inset;padding:24px 24px 32px;box-sizing:border-box;transform:translateZ(0);transition:all .5s cubic-bezier(.23,1,.32,1)}.cover{width:100%;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:#1a2a5a;position:relative;box-shadow:0 16px 48px #1a328073,0 2px #ffffff40 inset;isolation:isolate;transform:translateZ(0)}.cover img{width:100%;height:100%;object-fit:cover;display:block;opacity:1;transition:opacity .3s ease-out}.on-air-badge{position:absolute;top:16px;right:16px;background:#1a3280bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:6px 12px;display:flex;align-items:center;gap:8px;z-index:5}.on-air-badge span{font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;color:#fff;letter-spacing:.12em;text-transform:uppercase}.on-air-dot{width:8px;height:8px;border-radius:50%;background:#ff3c3c;box-shadow:0 0 10px #ff3c3c;animation:dotPulse 1.6s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.track-info{margin-top:24px;padding:0 8px}.title-container{width:100%;overflow:hidden;white-space:nowrap;position:relative;height:42px;display:flex;justify-content:center}.title{font-family:Syne,sans-serif;font-size:26px;font-weight:800;color:var(--text-primary);display:block;flex-shrink:0;text-align:center;line-height:42px;letter-spacing:-.03em;white-space:nowrap}.scroll-active{display:inline-block;width:auto;text-align:left;padding-left:0;padding-right:50px;animation:scrollTitleCustom var(--scroll-duration, 15s) ease-in-out infinite}@keyframes scrollTitleCustom{0%,15%{transform:translate(0)}45%,65%{transform:translate(var(--scroll-dist, 0))}90%,to{transform:translate(0)}}.artist-container{width:100%;overflow:hidden;white-space:nowrap;position:relative;height:24px;display:flex;justify-content:center}.artist{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:var(--text-secondary);display:block;flex-shrink:0;text-align:center;line-height:24px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.controls{display:flex;justify-content:center;align-items:center;margin:32px 0 24px}.play-btn{width:84px;height:84px;border-radius:50%;background:var(--blue);box-shadow:0 12px 32px #1a328066,0 1px #ffffff26 inset;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;-webkit-tap-highlight-color:transparent;position:relative}.play-btn:hover{transform:scale(1.08);box-shadow:0 16px 40px #1a328080}.play-btn:active{transform:scale(.95)}.play-btn svg{width:32px;height:32px;fill:var(--yellow);filter:drop-shadow(0 1px 3px rgba(0,0,0,.3))}.is-playing-container .play-btn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid rgba(26,50,128,.15);animation:playRing 2s ease-in-out infinite}@keyframes playRing{0%{top:-6px;right:-6px;bottom:-6px;left:-6px;opacity:.7}to{top:-22px;right:-22px;bottom:-22px;left:-22px;opacity:0}}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(26,50,128,.1),transparent);margin:0 8px 20px}.volume-box{display:flex;align-items:center;gap:16px;padding:0 12px}.vol-icon{width:20px;height:20px;fill:var(--blue-mid);opacity:.5;flex-shrink:0;transition:opacity .2s,transform .2s}#muteBtn{cursor:pointer;display:flex;align-items:center}#muteBtn:hover .vol-icon{opacity:1;transform:scale(1.1)}input[type=range]{-webkit-appearance:none;width:100%;background:transparent;height:28px;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:#1a32801a;border-radius:10px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--blue);margin-top:-7px;box-shadow:0 2px 8px #1a32804d;transition:transform .15s}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.2)}@media (min-width: 768px){.player-box{max-width:780px;display:flex;flex-direction:row;gap:40px;padding:30px;align-items:center}.cover{width:300px;height:300px;flex-shrink:0;box-shadow:0 24px 64px #1a32804d}.player-content-side{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;height:100%}.track-info{margin-top:0;text-align:left;padding:0;overflow:hidden}.title-container{height:52px;justify-content:flex-start}.title{text-align:left;font-size:36px;line-height:52px}.artist-container{justify-content:flex-start}.artist{text-align:left;font-size:16px;margin-top:0;opacity:.7}.controls{margin:32px 0;justify-content:flex-start}.play-btn{width:88px;height:88px}.divider{display:none}.volume-box{margin-top:20px;padding:0;width:100%;max-width:260px}}@media (min-width: 1024px){.player-box{max-width:820px;padding:36px;gap:48px}.cover{width:340px;height:340px}.title{font-size:44px}}@media (max-width: 400px){.player-box{padding:20px 20px 24px}.title{font-size:22px}.play-btn{width:72px;height:72px}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.player-box:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 80px var(--shadow-blue),0 1px #fff9 inset}.cover img{transition:all .75s cubic-bezier(.4,0,.2,1);filter:blur(0) brightness(1)}.cover img.is-changing{opacity:0;filter:blur(16px) brightness(1.3);transform:scale(.94)}}body.tv-mode{overflow:hidden}body.tv-mode .volume-box,body.tv-mode #installBtn,body.tv-mode .divider,body.tv-mode .on-air-badge{display:none!important}body.tv-mode #bg-layer{background:radial-gradient(ellipse 90% 80% at 15% 50%,var(--cms-bg-from, #ffe566) 0%,transparent 55%),radial-gradient(ellipse 70% 70% at 85% 50%,var(--cms-bg-to, #ffd700) 0%,transparent 55%),var(--yellow)!important;animation:tvBgShift 12s ease-in-out infinite alternate!important}@keyframes tvBgShift{0%{filter:brightness(1) saturate(1)}to{filter:brightness(1.08) saturate(1.15)}}body.tv-mode #bg-layer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--cover-url);background-size:cover;background-position:center;opacity:.08;filter:blur(40px) saturate(2);transition:background-image 1s ease}body.tv-mode{--sa-h: 6vw;--sa-v: 6vh}.tv-safe-area{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center}.new-layout{display:flex;align-items:center;justify-content:center;gap:60px;width:90%;max-width:1200px;margin:0 auto;height:100%}body.tv-mode .player-box{width:100%;max-width:100%;height:100vh;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(60px,7vw,120px);padding-top:calc(var(--sa-v) + clamp(60px,7vh,110px));padding-bottom:calc(var(--sa-v) + clamp(52px,7vh,90px));padding-left:var(--sa-h);padding-right:var(--sa-h);box-sizing:border-box;background:none;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border-radius:0;animation:none!important}body.tv-mode .cover{flex-shrink:0;width:clamp(160px,20vh,300px);height:clamp(160px,20vh,300px);aspect-ratio:1/1;border-radius:clamp(12px,1.4vh,22px);box-shadow:0 clamp(10px,1.5vh,28px) clamp(20px,3vh,56px) #1a328073,0 0 0 1px #fff3}body.tv-mode .cover img{transition:all 1s cubic-bezier(.4,0,.2,1)}body.tv-mode .cover img.is-changing{opacity:0;filter:blur(20px);transform:scale(.95)}body.tv-mode .track-info{flex:1;min-width:0;text-align:left;margin:0}body.tv-mode .title-container{height:auto;overflow:visible;white-space:normal;margin-bottom:clamp(6px,1vh,14px)}body.tv-mode .title{font-family:Syne,sans-serif;font-size:clamp(24px,3.2vw,58px);font-weight:800;line-height:1.05;color:var(--blue);text-align:left;white-space:normal;width:100%;letter-spacing:-.03em;display:block}body.tv-mode .title.scroll-active{animation:none;padding-left:0;white-space:normal}body.tv-mode .artist{font-family:DM Sans,sans-serif;font-size:clamp(12px,1.3vw,24px);font-weight:500;color:var(--text-secondary);text-align:left;margin-top:clamp(2px,.5vh,8px);letter-spacing:.08em;text-transform:uppercase}body.tv-mode .artist:before{content:"";display:block;width:clamp(28px,3vw,52px);height:2px;background:var(--blue);opacity:.3;border-radius:2px;margin-bottom:clamp(6px,.9vh,14px)}body.tv-mode .controls{justify-content:flex-start;margin:clamp(18px,2.5vh,40px) 0 0}body.tv-mode .play-btn{width:clamp(52px,6vh,84px);height:clamp(52px,6vh,84px);box-shadow:0 clamp(6px,1vh,14px) clamp(14px,2vh,28px) #1a328080;transition:transform .2s cubic-bezier(.34,1.56,.64,1),opacity .4s ease,box-shadow .2s}body.tv-mode .play-btn svg{width:clamp(18px,2.2vh,32px);height:clamp(18px,2.2vh,32px)}body.tv-mode.is-playing .play-btn{opacity:0;pointer-events:none}body.tv-mode .player-box:hover .play-btn{opacity:1;pointer-events:auto}body.tv-mode .on-air-badge{display:flex!important;top:auto;bottom:clamp(10px,1.4vh,18px);right:clamp(10px,1.4vh,18px);padding:clamp(4px,.6vh,8px) clamp(10px,1.1vh,16px);gap:6px}body.tv-mode .on-air-badge span{font-size:clamp(10px,1vh,15px)}body.tv-mode .on-air-dot{width:clamp(6px,.8vh,10px);height:clamp(6px,.8vh,10px)}#tv-promo{display:none;position:fixed;left:0;right:0;bottom:0;height:52vh;z-index:50;pointer-events:none;flex-direction:row;align-items:stretch}body.tv-mode #tv-promo.active{display:flex}#tv-promo .promo-side{width:clamp(8px,1.2vw,18px);background:var(--yellow);flex-shrink:0;position:relative;overflow:hidden}#tv-promo .promo-side:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:sideShimmer 2.8s ease-in-out infinite}@keyframes sideShimmer{0%,to{transform:translateY(-100%)}50%{transform:translateY(100%)}}#tv-promo .promo-panel{flex:1;background:linear-gradient(112deg,#0a164cf7,#142a6ef2,#081240fa);position:relative;overflow:hidden;display:flex;flex-direction:row;align-items:center;padding-left:clamp(44px,6vw,120px);padding-right:clamp(44px,6vw,120px);padding-top:clamp(20px,2.5vh,44px);padding-bottom:clamp(20px,2.5vh,44px);gap:clamp(28px,4vw,80px)}#tv-promo .promo-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,200,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,200,0,.045) 1px,transparent 1px);background-size:clamp(36px,4.5vw,72px) clamp(36px,4.5vw,72px)}#tv-promo .promo-panel:after{content:"";position:absolute;pointer-events:none;right:-8vw;top:50%;transform:translateY(-50%);width:clamp(240px,42vw,680px);height:clamp(240px,42vw,680px);border-radius:50%;background:radial-gradient(circle,rgba(255,200,0,.1) 0%,transparent 65%)}#tv-promo .promo-content{flex:1;min-width:0;position:relative;z-index:3}#tv-promo .promo-tag{display:inline-flex;align-items:center;font-family:DM Sans,sans-serif;font-size:clamp(13px,1.5vw,26px);font-weight:700;color:var(--blue);background:var(--yellow);letter-spacing:.16em;text-transform:uppercase;padding:clamp(6px,.7vh,13px) clamp(18px,1.8vw,34px);border-radius:100px;margin-bottom:clamp(14px,1.8vh,30px);opacity:0;animation:promoTagIn .55s .08s cubic-bezier(.22,1,.36,1) forwards}@keyframes promoTagIn{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}#tv-promo .promo-title{font-family:Syne,sans-serif;font-size:clamp(42px,6.5vw,120px);font-weight:800;color:#fff;line-height:.97;letter-spacing:-.035em;margin-bottom:clamp(10px,1.4vh,22px);clip-path:inset(0 100% 0 0);animation:promoTitleReveal .85s .22s cubic-bezier(.77,0,.18,1) forwards}@keyframes promoTitleReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}#tv-promo .promo-line{display:block;height:clamp(3px,.4vh,6px);background:linear-gradient(90deg,var(--yellow),transparent);border-radius:3px;width:0;margin-bottom:clamp(12px,1.6vh,26px);animation:promoLineGrow .65s .5s cubic-bezier(.77,0,.18,1) forwards}@keyframes promoLineGrow{0%{width:0;opacity:0}to{width:clamp(80px,14vw,260px);opacity:1}}#tv-promo .promo-desc{font-family:DM Sans,sans-serif;font-size:clamp(18px,2.3vw,42px);font-weight:400;color:#ffffffc7;line-height:1.4;opacity:0;transform:translateY(16px);animation:promoFadeUp .65s .62s cubic-bezier(.22,1,.36,1) forwards}@keyframes promoFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#tv-promo .promo-cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(18px,2.8vh,44px);padding:clamp(13px,1.6vh,26px) clamp(28px,3vw,56px);background:var(--yellow);color:var(--blue);font-family:Syne,sans-serif;font-size:clamp(16px,1.9vw,34px);font-weight:800;border-radius:100px;letter-spacing:.04em;opacity:0;transform:translateY(12px);animation:promoFadeUp .55s .82s cubic-bezier(.22,1,.36,1) forwards;box-shadow:0 clamp(8px,1.2vh,20px) clamp(20px,3vw,48px) #ffc80052}#tv-promo .promo-cta:after{content:"→";font-size:1.1em}#tv-promo .promo-image-wrap{flex-shrink:0;width:clamp(140px,26vw,460px);height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;opacity:0;animation:promoImgIn .9s .45s cubic-bezier(.22,1,.36,1) forwards}@keyframes promoImgIn{0%{opacity:0;transform:scale(.88) translate(28px)}to{opacity:1;transform:scale(1) translate(0)}}#tv-promo .promo-image-wrap img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 clamp(8px,1.5vw,24px) clamp(16px,3vw,52px) rgba(0,0,0,.6))}#tv-promo .promo-image-wrap.no-img{display:none}#tv-promo.is-leaving{animation:promoLeave .55s cubic-bezier(.55,0,1,.45) forwards}@keyframes promoLeave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(5vh)}}#tv-clock{display:none;position:fixed;top:var(--sa-v, 6vh);right:var(--sa-h, 6vw);z-index:20;text-align:right;pointer-events:none}body.tv-mode #tv-clock{display:block}#tv-clock .clock-time{font-family:Syne,sans-serif;font-size:clamp(38px,5vw,90px);font-weight:800;color:var(--blue);letter-spacing:-.02em;line-height:1;text-shadow:0 2px 14px rgba(26,50,128,.18)}#tv-clock .clock-date{font-family:DM Sans,sans-serif;font-size:clamp(13px,1.4vw,26px);font-weight:600;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-top:5px}#tv-ticker{display:none;position:fixed;bottom:var(--sa-v, 6vh);left:var(--sa-h, 6vw);right:var(--sa-h, 6vw);height:clamp(56px,7.5vh,100px);background:var(--blue);border-radius:clamp(12px,1.5vw,24px);z-index:200;overflow:hidden;align-items:center}body.tv-mode #tv-ticker{display:flex}#tv-ticker .ticker-label{flex-shrink:0;padding:0 clamp(24px,3vw,54px);font-family:Syne,sans-serif;font-size:clamp(15px,1.7vw,30px);font-weight:800;color:var(--yellow);letter-spacing:.12em;text-transform:uppercase;border-right:2px solid rgba(255,200,0,.3);white-space:nowrap}#tv-ticker .ticker-track{flex:1;overflow:hidden;height:100%;display:flex;align-items:center}#tv-ticker .ticker-inner{display:inline-flex;align-items:center;gap:clamp(48px,6vw,120px);white-space:nowrap;will-change:transform}#tv-ticker .ticker-item{font-family:DM Sans,sans-serif;font-size:clamp(17px,2vw,36px);font-weight:500;color:#ffffffed;letter-spacing:.02em}#tv-ticker .ticker-item strong{color:var(--yellow);font-weight:700}#tv-ticker .ticker-dot{width:7px;height:7px;border-radius:50%;background:#ffc80073;flex-shrink:0}body.tv-mode .top-bar-container{top:var(--sa-v);left:var(--sa-h)}body.tv-mode .app-logo{width:clamp(160px,14vw,300px)}body.tv-mode.is-playing .player-box:hover .play-btn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid rgba(26,50,128,.2);animation:playRing 2s ease-in-out infinite}@media (min-width:3000px){body.tv-mode{--sa-h: 160px;--sa-v: 90px}body.tv-mode .player-box{gap:180px}}.new-layout{display:flex;align-items:center;justify-content:center;gap:60px;width:90%;max-width:1200px;margin:0 auto}.weather-widget{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border:1px solid var(--glass-border);border-radius:32px;padding:30px;width:320px;color:var(--blue);box-shadow:0 8px 40px var(--shadow-blue);display:flex;flex-direction:column;align-items:center;gap:12px}.weather-city{font-family:Syne,sans-serif;font-size:24px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.weather-main{display:flex;align-items:center;gap:20px}.weather-icon{font-size:64px}.weather-temp{font-family:Syne,sans-serif;font-size:48px;font-weight:800}.weather-label{font-size:18px;font-weight:600;opacity:.8}.weather-details{display:flex;width:100%;justify-content:space-around;margin-top:10px;padding-top:15px;border-top:1px solid rgba(26,50,128,.1);font-size:14px;font-weight:500}@media (max-width: 800px){.new-layout{flex-direction:column;gap:30px}}.cms-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:DM Sans,sans-serif}.cms-card{background:#fff;border-radius:24px;padding:32px;box-shadow:0 12px 48px #0000000d;margin-bottom:24px}.cms-title{font-family:Syne,sans-serif;font-size:24px;font-weight:800;color:var(--blue);margin-bottom:24px}.metadata-fade{animation:metadataEntry .8s cubic-bezier(.22,1,.36,1) both}@keyframes metadataEntry{0%{opacity:0;transform:translateY(12px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.cover img.metadata-fade{animation:coverEntry 1s cubic-bezier(.22,1,.36,1) both}@keyframes coverEntry{0%{opacity:.5;transform:scale(.95) rotate(-2deg);filter:brightness(1.2) blur(4px)}to{opacity:1;transform:scale(1) rotate(0);filter:brightness(1) blur(0)}}