:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#fff;background:#030814;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.radio-app{color:#fff;background:linear-gradient(#26040e9e,#0c0207c7),url(/radio-background.png) 50%/cover no-repeat fixed;min-height:100vh;position:relative;overflow-x:hidden}.radio-app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 30%,#690a2333,#0000 45%);position:fixed;inset:0}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);background:#030814d1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;height:76px;padding:0 28px;display:flex;position:relative}.brand{align-items:center;gap:13px;display:flex}.brand-logo-image{object-fit:contain;filter:drop-shadow(0 0 12px #e6b43c47);width:52px;height:52px}.brand-name{align-items:baseline;gap:7px;font-size:15px;display:flex}.brand-name strong{color:#fff;letter-spacing:.3px;font-weight:800}.brand-name span{color:#ffffff8c}.settings-button{color:#ffffffbf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;width:42px;height:42px;font-size:20px;transition:transform .2s,background .2s,color .2s}.settings-button:hover{color:#f3c75f;background:#ffc1071f;transform:rotate(25deg)}.main-content{z-index:2;width:min(1100px,100% - 32px);margin:0 auto;padding:50px 0 120px;position:relative}.hero{text-align:center;background:radial-gradient(circle at 50% 42%,#5b081e24,#0000 62%);flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:30px;display:flex;position:relative}.main-logo{justify-content:center;align-items:center;width:min(330px,80vw);height:200px;margin-bottom:12px;display:flex;position:relative}.main-logo:before{content:"";border:1px solid #e0af4347;border-radius:50%;width:230px;height:230px;animation:4s ease-in-out infinite pulse-ring;position:absolute;box-shadow:0 0 40px #e0af4314,inset 0 0 35px #e0af430a}.main-logo img{z-index:2;aspect-ratio:1;object-fit:cover;filter:drop-shadow(0 0 20px #ffbe3c40);background:#020712;border:3px solid #e0af43eb;border-radius:50%;width:260px;max-width:85vw;height:260px;position:relative;box-shadow:0 0 0 8px #e0af4312,0 0 28px #e0af4340,0 18px 50px #0000008c}@keyframes pulse-ring{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.04)}}.on-air{color:#f77;letter-spacing:2px;background:#d223231a;border:1px solid #ff464640;border-radius:30px;align-items:center;gap:9px;padding:8px 17px;font-size:12px;font-weight:800;display:flex}.status-dot{background:#ff4e4e;border-radius:50%;width:8px;height:8px;animation:1.4s infinite on-air-blink;box-shadow:0 0 10px #ff4646e6}@keyframes on-air-blink{0%,to{opacity:1}50%{opacity:.35}}.slogan{color:#ffffffa8;letter-spacing:.3px;margin-top:20px;font-size:15px;font-style:italic}.main-play{color:#080b12;cursor:pointer;background:radial-gradient(circle,#e4b94f 0%,#b98520 60%,#75500d 100%);border:2px solid #f2c254e6;border-radius:50%;width:88px;height:88px;margin-top:26px;font-size:27px;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:0 0 0 8px #daa93612,0 0 35px #daa93638}.main-play:hover{transform:scale(1.06);box-shadow:0 0 0 10px #daa93614,0 0 50px #daa93659}.main-play.playing{box-shadow:0 0 0 10px #daa93614,0 0 55px #daa93661}.play-label{letter-spacing:2px;color:#ffffff8c;margin-top:10px;font-size:10px;font-weight:800}.player-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#300510f0,#120309f5);border:1px solid #e0af4338;border-radius:22px;padding:30px;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000059}.player-card:before{content:"";background:linear-gradient(90deg,#0000,#e0af43b3,#0000);width:84%;height:1px;position:absolute;top:0;left:8%}.section-title{color:#dcae43;letter-spacing:2px;font-size:11px;font-weight:900}.auto-dj{color:#ffffff7a;letter-spacing:1.5px;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex;position:absolute;top:26px;right:30px}.auto-dj span{background:#4bc982;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #4bc982b3}.song-info{text-align:center;margin-top:24px}.song-info h1{text-overflow:ellipsis;white-space:nowrap;color:#fff;max-width:850px;margin:0 auto;font-size:clamp(20px,4vw,32px);font-weight:800;overflow:hidden}.song-info p{color:#ffffff85;margin-top:8px;font-size:14px}.vu-container{justify-content:center;align-items:center;height:85px;margin-top:20px;display:flex;overflow:hidden}.vu-bars{justify-content:center;align-items:center;gap:4px;width:100%;height:70px;display:flex}.vu-bars span{opacity:.35;background:linear-gradient(#e5bd59,#735116);border-radius:4px;width:5px;height:8px;transition:height .2s,opacity .2s}.vu-bars span:nth-child(3n){height:17px}.vu-bars span:nth-child(4n){height:25px}.vu-bars span:nth-child(5n){height:34px}.vu-bars span:nth-child(7n){height:44px}.vu-bars span.vu-active{opacity:1;animation:.7s ease-in-out infinite alternate equalizer}@keyframes equalizer{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.live-info{color:#ffffff6e;letter-spacing:1.3px;justify-content:center;align-items:center;gap:12px;padding-top:8px;font-size:10px;font-weight:700;display:flex}.live-info span:nth-child(2){color:#dcae43}.controls{align-items:center;gap:12px;max-width:500px;margin:28px auto 0;display:flex}.small-play,.volume-button{color:#e0b04c;cursor:pointer;background:#e0af4314;border:1px solid #e0af4340;border-radius:50%;flex-shrink:0;width:42px;height:42px;transition:background .2s,transform .2s,box-shadow .2s}.small-play:hover,.volume-button:hover{background:#dcae4329;transform:scale(1.04);box-shadow:0 0 18px #dcae432e}.volume-range{appearance:none;background:linear-gradient(90deg, #d9a93e 0%, #d9a93e var(--volume,80%), #ffffff1f var(--volume,80%), #ffffff1f 100%);cursor:pointer;border-radius:10px;flex:1;height:4px}.volume-range::-webkit-slider-thumb{appearance:none;background:#e0b04c;border:2px solid #101725;border-radius:50%;width:15px;height:15px;box-shadow:0 0 10px #e0b04c73}.volume-range::-moz-range-thumb{background:#e0b04c;border:2px solid #101725;border-radius:50%;width:15px;height:15px}.volume-value{color:#ffffff8c;text-align:right;min-width:40px;font-size:11px}.error-message{color:#ff9292;text-align:center;background:#b423231f;border:1px solid #ff505033;border-radius:12px;margin-top:18px;padding:13px 18px;font-size:13px}.info-section{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px;display:grid}.info-card{-webkit-backdrop-filter:blur(12px);background:#070f1db3;border:1px solid #e0af431f;border-radius:17px;align-items:center;gap:15px;padding:20px;transition:transform .2s,border-color .2s,background .2s,box-shadow .2s;display:flex}.info-card:hover{background:#0e192ed1;border-color:#dcae434d;transform:translateY(-3px);box-shadow:0 10px 30px #00000038}.info-icon{color:#ddb04b;background:#dcae431a;border:1px solid #dcae431f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.info-card div{flex-direction:column;gap:5px;display:flex}.info-card strong{color:#fff;font-size:13px}.info-card small{color:#ffffff6e;font-size:11px}.bottom-nav{z-index:100;-webkit-backdrop-filter:blur(20px);background:#040a16e0;border:1px solid #e0af4329;border-radius:22px;justify-content:center;align-items:center;gap:4px;padding:7px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #00000073,0 0 30px #e0af430a}.bottom-nav button{color:#ffffff6b;cursor:pointer;background:0 0;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:78px;height:54px;transition:background .2s,color .2s,transform .2s;display:flex}.bottom-nav button span{font-size:17px}.bottom-nav button small{font-size:9px;font-weight:700}.bottom-nav button:hover{color:#e0b04c;background:#dcae4314;transform:translateY(-1px)}.radio-app:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 22%,#00000029 72%,#00000057 100%);position:fixed;inset:0}.hero,.player-card,.info-section{z-index:2;position:relative}.main-logo img{display:block}@media (width<=800px){.main-content{width:min(100% - 24px,680px);padding-top:30px}.info-section{grid-template-columns:1fr}.info-card{padding:17px}.player-card{padding:24px 20px}}@media (width<=560px){.topbar{height:68px;padding:0 16px}.brand-logo-image{width:43px;height:43px}.brand-name{font-size:13px}.brand-name span{display:none}.main-content{width:calc(100% - 20px);padding-top:15px;padding-bottom:105px}.hero{min-height:380px;padding:20px 10px}.main-logo{height:240px}.main-logo img{width:220px;height:220px}.main-logo:before{width:235px;height:235px}.slogan{font-size:13px}.main-play{width:78px;height:78px;font-size:23px}.player-card{border-radius:18px;padding:22px 15px}.auto-dj{font-size:8px;top:22px;right:17px}.section-title{font-size:9px}.song-info h1{font-size:19px}.song-info p{font-size:12px}.vu-container{height:65px}.vu-bars{gap:3px}.vu-bars span{width:3px}.live-info{flex-wrap:wrap;gap:7px;font-size:8px}.controls{gap:8px}.small-play,.volume-button{width:38px;height:38px}.bottom-nav{border-radius:19px;width:calc(100% - 18px);bottom:9px}.bottom-nav button{flex:1;min-width:0;height:52px}.bottom-nav button span{font-size:16px}.bottom-nav button small{font-size:8px}}@media (width<=380px){.bottom-nav button small{font-size:7px}.bottom-nav button span{font-size:14px}.main-logo{height:210px}.main-logo img{width:190px;height:190px}.main-logo:before{width:205px;height:205px}}@media (width>=801px){.hero{min-height:455px}.main-logo{height:320px}.main-logo img{object-fit:contain;width:300px;height:300px}.main-logo:before{display:none}}.radio-app{isolation:isolate}.player-card,.info-card,.bottom-nav{will-change:transform}.main-play,.small-play,.volume-button,.settings-button{-webkit-tap-highlight-color:transparent}button{font-family:inherit}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #e0af43d9}.hero-message{text-align:center;margin-top:12px}.hero-eyebrow{color:#d4af37;letter-spacing:3px;text-transform:uppercase;opacity:.95;margin-bottom:10px;font-size:.78rem;font-weight:700;display:inline-block}.hero-message .slogan{color:#fffdf5;letter-spacing:.5px;margin:0;font-size:1.35rem;font-weight:500}.hero-description{color:#fffdf5ad;letter-spacing:.4px;margin:8px 0 0;font-size:.92rem}.hero-tag{color:#d4af37;letter-spacing:2px;justify-content:center;align-items:center;gap:12px;margin-top:22px;font-size:.72rem;font-weight:700;display:flex}.hero-tag span{background:linear-gradient(90deg,#0000,#d4af37);width:28px;height:1px;display:block}.hero-tag span:last-child{background:linear-gradient(90deg,#d4af37,#0000)}.main-play{color:#fffdf5;background:radial-gradient(circle,#6a0d23 0%,#4a0919 65%,#25050d 100%)}.main-play.playing{background:radial-gradient(circle,#7a102a 0%,#560a1d 65%,#2a050f 100%)}.info-card{background:linear-gradient(145deg,#300510b8,#120309d1);border:1px solid #d4af3729;box-shadow:0 12px 35px #0000002e}.info-card:hover{background:linear-gradient(145deg,#460717d1,#18030be6);border-color:#d4af3757;box-shadow:0 14px 38px #00000047,0 0 22px #d4af370f}.info-icon{color:#d4af37;background:#d4af3717;border:1px solid #d4af3729;box-shadow:inset 0 0 14px #d4af3708}.info-card strong{color:#fffdf5}.info-card small{color:#fffdf580}.bottom-nav{background:linear-gradient(145deg,#22040ceb,#0a0206f0);border-color:#d4af372e;box-shadow:0 15px 50px #00000080,0 0 30px #d4af370a}.bottom-nav button:hover{color:#d4af37;background:#d4af3714}.bottom-nav button.active{color:#d4af37;background:#6a0d2361;box-shadow:inset 0 0 18px #d4af370d}@media (width<=600px){.hero-message .slogan{font-size:1.15rem}.hero-description{font-size:.84rem}.hero-tag{letter-spacing:1.5px;font-size:.65rem}.info-card{padding:17px}}