:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#111;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}body{width:100%;min-height:100vh;background:#111;color:#fff;margin:0;padding:0;display:block;height:auto;min-height:100%;overflow-y:auto}html{height:auto;min-height:100%;overflow-y:auto}h1,button{all:unset}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#111;font-family:Arial,sans-serif;color:#fff}.app-container{width:100%;overflow-x:hidden;padding:0}.header{width:100%;padding:20px 40px;background:#000;display:flex;justify-content:space-between;align-items:center}.logo{height:120px;width:auto;filter:drop-shadow(0 0 10px #ff9900) drop-shadow(0 0 20px #ff9900) drop-shadow(0 0 40px #ff9900);transition:.3s ease}.logo:hover{filter:drop-shadow(0 0 20px #ff9900) drop-shadow(0 0 40px #ff9900);transform:scale(1.05)}.nav{display:flex;gap:25px}.nav a{color:#fff;text-decoration:none;font-weight:500}.nav a:hover{color:#f90}@media(max-width:768px){.nav{display:none}}.hero{width:100vw;margin-left:50%;transform:translate(-50%);text-align:center;padding:80px 20px;background-size:cover;background-position:center;background-repeat:no-repeat;transition:background-image .6s ease-in-out,background .6s ease-in-out,opacity .6s ease-in-out}.hero.fade{opacity:0}.hero h2{font-size:56px;font-weight:700;margin-bottom:15px}.hero p{font-size:22px;margin-bottom:25px}.cta{padding:14px 30px;background:#f90;border:none;color:#000;font-weight:700;cursor:pointer;border-radius:4px}.cta:hover{background:#ffb84d}@media(max-width:768px){.hero h2{font-size:36px}.hero p{font-size:18px}}.featured{width:100%;padding:60px 20px;text-align:center}.featured h3{font-size:32px;margin-bottom:30px}.cards{display:flex;justify-content:center;flex-wrap:wrap;gap:25px}.card{background:#222;padding:40px;width:260px;border-radius:10px;border:1px solid #333;transition:.3s}.card:hover{border-color:#f90;transform:translateY(-5px)}@media(max-width:768px){.card{width:90%}}.footer{width:100%;padding:25px;background:#000;text-align:center;margin-top:40px}.stations{padding:60px 20px;text-align:center}.station-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:30px}.station-card{background:#222;padding:30px;width:260px;border-radius:10px;border:1px solid #333;text-align:center;transition:.3s}.station-card:hover{border-color:#f90;transform:translateY(-5px)}.station-card img{width:120px;height:auto;margin-bottom:15px;filter:drop-shadow(0 0 10px #ff9900)}.station-card h4{margin-bottom:15px;font-size:20px}.station-card button{padding:10px 20px;background:#f90;border:none;color:#000;font-weight:700;cursor:pointer;border-radius:4px}.station-card button:hover{background:#ffb84d}.station-switcher{display:flex;justify-content:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.station-logo-btn{background:transparent;border:2px solid #333;padding:10px;border-radius:12px;cursor:pointer;transition:.3s ease}.station-logo-btn img{height:120px;width:auto;display:block;filter:drop-shadow(0 0 6px rgba(0,0,0,.5))}.station-logo-btn.active{border-color:var(--glow);filter:drop-shadow(0 0 18px var(--glow))}.station-logo-btn:hover{border-color:var(--glow);filter:drop-shadow(0 0 12px var(--glow))}.top-banner{width:100%;background:#000;padding:10px 0;border-top:2px solid var(--glow);border-bottom:2px solid var(--glow);filter:drop-shadow(0 0 10px var(--glow));overflow:hidden;position:relative;z-index:5}.marquee{width:100%;overflow:hidden;white-space:nowrap;position:relative}.marquee span{display:inline-block;padding-left:100%;animation:marquee 40s linear infinite;font-weight:700;color:#fff;font-size:16px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.showinfo-loaded,.showinfo-loading{display:inline;margin:0;padding:0}.live-badge{position:absolute;top:10px;left:10px;background:red;color:#fff;padding:6px 12px;font-size:12px;font-weight:700;border-radius:4px;letter-spacing:1px;z-index:10;animation:livePulse 1.4s infinite ease-in-out}@keyframes livePulse{0%{transform:scale(1);box-shadow:0 0 10px #ff0000b3}50%{transform:scale(1.12);box-shadow:0 0 18px red}to{transform:scale(1);box-shadow:0 0 10px #ff0000b3}}.live-card{border:2px solid var(--glow);box-shadow:0 0 20px var(--glow);animation:liveBorderPulse 1.8s infinite ease-in-out}@keyframes liveBorderPulse{0%{box-shadow:0 0 10px var(--glow)}50%{box-shadow:0 0 25px var(--glow)}to{box-shadow:0 0 10px var(--glow)}}.next-badge{position:absolute;bottom:10px;right:10px;background:#00eaff;color:#000;padding:6px 12px;font-size:12px;font-weight:700;border-radius:4px;box-shadow:0 0 10px #00eaffb3;letter-spacing:1px;z-index:10}:root{--glow-strength: 0}.hero-visualiser{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:95%;max-width:900px;height:120px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;opacity:.35;z-index:5}.hero-visualiser .bar{width:10px;height:10%;background:var(--glow);border-radius:14px;transition:height .08s linear,box-shadow .1s ease-out;box-shadow:0 0 calc(25px * var(--glow-strength)) var(--glow)}.hero-visualiser .bar:nth-child(1){margin-top:48px}.hero-visualiser .bar:nth-child(2){margin-top:44px}.hero-visualiser .bar:nth-child(3){margin-top:40px}.hero-visualiser .bar:nth-child(4){margin-top:36px}.hero-visualiser .bar:nth-child(5){margin-top:32px}.hero-visualiser .bar:nth-child(6){margin-top:28px}.hero-visualiser .bar:nth-child(7){margin-top:24px}.hero-visualiser .bar:nth-child(8){margin-top:20px}.hero-visualiser .bar:nth-child(9){margin-top:16px}.hero-visualiser .bar:nth-child(10){margin-top:12px}.hero-visualiser .bar:nth-child(11),.hero-visualiser .bar:nth-child(12),.hero-visualiser .bar:nth-child(13),.hero-visualiser .bar:nth-child(14),.hero-visualiser .bar:nth-child(15),.hero-visualiser .bar:nth-child(16),.hero-visualiser .bar:nth-child(17),.hero-visualiser .bar:nth-child(18),.hero-visualiser .bar:nth-child(19),.hero-visualiser .bar:nth-child(20){margin-top:8px}.hero-visualiser .bar:nth-child(21){margin-top:12px}.hero-visualiser .bar:nth-child(22){margin-top:16px}.hero-visualiser .bar:nth-child(23){margin-top:20px}.hero-visualiser .bar:nth-child(24){margin-top:24px}.hero-visualiser .bar:nth-child(25){margin-top:28px}.hero-visualiser .bar:nth-child(26){margin-top:32px}.hero-visualiser .bar:nth-child(27){margin-top:36px}.hero-visualiser .bar:nth-child(28){margin-top:40px}.hero-visualiser .bar:nth-child(29){margin-top:44px}.hero-visualiser .bar:nth-child(30){margin-top:48px}.hero-visualiser .bar:nth-child(31){margin-top:52px}.hero-visualiser .bar:nth-child(32){margin-top:56px}.music-submit{padding:0 20px;background:#111;color:#fff;text-align:center}.music-submit h3{font-size:28px;margin-bottom:10px}.music-submit p{opacity:.7;margin-bottom:30px}.music-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:15px}.music-form input,.music-form textarea{padding:12px 15px;border-radius:6px;border:none;background:#222;color:#fff}.music-form textarea{min-height:120px}.file-upload{background:#222;padding:12px 15px;border-radius:6px;cursor:pointer;text-align:left}.file-upload input{display:none}.music-form button{padding:14px;background:var(--glow);border:none;border-radius:6px;color:#000;font-weight:700;cursor:pointer;transition:.2s}.music-form button:hover{opacity:.8}.main-layout{display:flex;gap:2rem;align-items:flex-start;justify-content:center;width:100%;margin-top:2rem;padding:0 20px}.left-panel{flex:1;max-width:600px}.right-panel{flex:1;max-width:600px;display:flex;flex-direction:column;height:500px;overflow:hidden}@media(max-width:900px){.main-layout{flex-direction:column;align-items:center}.right-panel{width:100%;max-width:600px;height:500px}.left-panel{width:100%}}.show-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;width:100%;margin-top:20px}.show-card{position:relative;padding:40px;border-radius:10px;background-size:cover;background-position:center;overflow:hidden;min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}.live-badge{top:10px;left:10px}.next-badge{top:10px;right:10px}.show-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;width:100%;max-width:1200px;margin:0 auto;justify-items:center}.donate-btn{position:absolute;top:40px;right:40px;padding:14px 28px;background:var(--glow);color:#000;font-weight:700;border:none;border-radius:6px;cursor:pointer;font-size:18px;box-shadow:0 0 12px var(--glow),inset 0 0 6px var(--glow);transition:.25s ease;z-index:10}.donate-btn:hover{transform:scale(1.06);box-shadow:0 0 20px var(--glow),inset 0 0 10px var(--glow)}.manned-shows{width:100%;padding:60px 20px;text-align:center}.manned-shows h3{font-size:32px;margin-bottom:30px;color:var(--glow)}.manned-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;max-width:1200px;margin:0 auto}.manned-card{position:relative;height:260px;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;border:1px solid var(--glow);box-shadow:0 0 12px var(--glow),inset 0 0 6px var(--glow);transition:transform .3s ease}.manned-card:hover{transform:translateY(-6px)}.manned-info{position:absolute;bottom:0;width:100%;padding:20px;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease;z-index:2}.manned-info h4{margin-bottom:8px;font-size:20px;color:var(--glow)}.manned-hover{position:absolute;inset:0;padding:20px;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease;z-index:3}.manned-hover h4{margin-bottom:10px;font-size:22px;color:var(--glow)}.manned-hover p{font-size:14px;opacity:.85}.manned-card:hover .manned-hover{opacity:1}.manned-card:hover .manned-info{opacity:0}.popup-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999}.popup-content{background:#111;padding:30px;border-radius:12px;width:80%;max-width:700px;max-height:80vh;overflow-y:auto;position:relative;box-shadow:0 0 20px var(--glow)}.popup-close{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#fff;font-size:22px;cursor:pointer}.terms-checkbox{display:flex;align-items:center;gap:8px;margin-top:15px;font-size:.9rem;opacity:.9}.terms-checkbox input{transform:scale(1.2)}.terms-link{color:var(--glow);cursor:pointer;text-decoration:underline}.terms-link:hover{opacity:.8}.chat-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;overflow-y:auto}.live-player{margin-top:20px}.play-btn{padding:12px 25px;background:var(--glow);border:none;color:#000;font-weight:700;cursor:pointer;border-radius:4px;font-size:16px;transition:.3s ease}.play-btn:hover{background:var(--glow);filter:drop-shadow(0 0 10px var(--glow))}.now-playing-bar{width:100%;background:#000;padding:12px 20px;display:flex;justify-content:center;align-items:center;gap:20px;color:#fff;font-weight:700;border-top:2px solid var(--glow);border-bottom:2px solid var(--glow);filter:drop-shadow(0 0 10px var(--glow));text-align:center}.np-artwork{width:60px;height:60px;border-radius:6px;object-fit:cover;box-shadow:0 0 10px var(--glow)}.np-text{display:flex;flex-direction:column;align-items:center}.np-station{color:var(--glow);font-size:14px}.np-track{color:#fff;font-size:16px}.np-artist{color:#ccc;font-size:14px}.fade{opacity:0;transition:opacity .5s ease-in-out}.fade.show{opacity:1}:root{--chat-bg: rgba(0, 0, 0, .55);--chat-border: rgba(255, 255, 255, .08);--chat-muted: rgba(255, 255, 255, .45)}.chat-section{width:100%;max-width:600px;height:500px;display:flex;flex-direction:column;overflow:hidden;background:var(--chat-bg);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glow);box-shadow:0 0 12px var(--glow),inset 0 0 8px var(--glow)}.chat-header{padding:.75rem 1rem;background:#00000059;border-bottom:1px solid var(--chat-border);display:flex;justify-content:space-between;align-items:center}.chat-header h3{margin:0;font-size:.95rem;font-weight:700;color:var(--glow);text-transform:uppercase;letter-spacing:1px}.chat-user{display:flex;align-items:center;gap:.4rem}.chat-avatar{width:26px;height:26px;border-radius:50%;border:1px solid var(--glow);object-fit:cover}.msg-avatar{width:32px;height:32px}.chat-btn{background:var(--glow);border:none;color:#000;padding:.3rem .7rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:700;transition:.2s ease}.chat-btn:hover{filter:brightness(1.15)}.chat-messages{flex:1;min-height:0;overflow-y:auto;padding:.8rem 1rem;display:flex;flex-direction:column;gap:.4rem}.chat-message{display:flex;gap:.6rem;padding:.35rem .25rem;border-radius:4px;transition:background .15s ease}.chat-message:hover{background:#ffffff0f}.chat-message-content{display:flex;flex-direction:column;width:100%}.chat-name{font-size:.82rem;font-weight:700;color:var(--glow);display:flex;align-items:center;gap:.4rem}.chat-timestamp{font-size:.7rem;color:var(--chat-muted);margin-left:.3rem}.chat-badge{background:var(--glow);color:#000;padding:.1rem .35rem;border-radius:3px;font-size:.6rem;font-weight:700;text-transform:uppercase}.chat-text{font-size:.85rem;line-height:1.3;margin-top:.15rem;white-space:pre-wrap}.chat-delete{background:transparent;border:none;color:red;cursor:pointer;font-size:.85rem;opacity:.6;margin-left:auto}.chat-delete:hover{opacity:1}.chat-input-row{padding:.6rem;border-top:1px solid var(--chat-border);background:#00000059;display:flex;gap:.5rem}.chat-input-row input{flex:1;padding:.55rem;border-radius:4px;border:1px solid var(--chat-border);background:#00000073;color:#fff;font-size:.85rem}.chat-input-row input:focus{border-color:var(--glow);box-shadow:0 0 6px var(--glow)}.chat-input-row button{padding:.55rem 1rem;background:var(--glow);border:none;border-radius:4px;color:#000;font-weight:700;cursor:pointer;font-size:.85rem}.chat-input-row button:hover{filter:brightness(1.15)}