:root{--cols:10;--rows:8;--tile-gap:6px;--anim-duration:7000;--c0:#264653;--c1:#2a9d8f;--c2:#e9c46a;--c3:#f4a261;--c4:#e76f51}
::-webkit-scrollbar {width: 0;}
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');html,body{height:100%;margin:0;font-family:'Roboto',sans-serif;background:#111;overflow:auto;color:#fff}
 .tile-grid{position:fixed;inset:0;display:grid;gap:var(--tile-gap);padding:var(--tile-gap);grid-template-columns:repeat(var(--cols),1fr);grid-auto-rows:calc((100vh - (var(--rows)-1)*var(--tile-gap)) / var(--rows));transform:translateZ(0);z-index:0}
 .tile{border-radius:6px;will-change:background-color;background-color:#000}
 .center-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:480px;margin:0 auto;padding:20px;border-radius:24px;border: 1px solid #ffffff1f;background:#4d4d4d57;backdrop-filter:blur(15px) saturate(150%);-webkit-backdrop-filter:blur(15px) saturate(150%);box-shadow:0 8px 32px rgba(0,0,0,0.5);text-align:center;margin-top:20px}
 .center-container img.logo{max-width:90%;height:auto;margin-bottom:0}
 .center-container img.play{max-width:180px;cursor:pointer;margin-bottom:80px;transition:transform .3s ease}
 .center-container img.play:hover{transform:scale(1.1)}
 .station-switcher{display:flex;gap:12px;margin-bottom:30px}
 .station-switcher button{padding:8px 16px;border:none;border-radius:20px;background:rgba(255,255,255,0.15);color:#fff;cursor:pointer;transition:background .3s ease;font-size:14px}
 .station-switcher button.active{background:rgba(255,255,255,0.35)}
 .center-container .text{font-size:19px;font-weight:300;line-height:1.6;opacity:0.9;margin-bottom:20px;margin-top:10px}
 #spectrum-container{width:100%;height:1px;margin:0 10px 21px 0;background-color:rgba(255,255,255,0.3);position:relative;left:7px;overflow:hidden;border-radius:1px}
 #spectrum-line{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,var(--c0),var(--c1),var(--c2),var(--c3),var(--c4));background-size:300% 100%;transform:scaleX(0);transform-origin:center;transition:transform 0.1s ease-out;will-change:transform,background-position}
 .social-links{display:flex;justify-content:space-around;align-items:center;width:100%;margin-top:12px;margin-bottom:12px}
 .social-links a img{max-width:40px;transition:transform .3s ease}
 .social-links a img:hover{transform:scale(1.2)}
 @media(max-width:600px){.center-container{padding:10px;max-width:80%}
.center-container img.logo{max-width:90%}
.center-container img.play{max-width:140px}
.center-container .text{font-size:16px}
}