:root{
  --gold:#d9a441;--gold-light:#ffd978;--gold-soft:#ffe9b2;--ink:#05070b;--panel:rgba(5,8,13,.88);--panel2:rgba(9,13,20,.78);
  --text:#fff8e9;--muted:#c8c7c7;--danger:#ff747d;--success:#79e49a;--line:rgba(255,207,95,.32);--red:#ec2637;
}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;font-family:"Century Gothic","Trebuchet MS",Arial,sans-serif;color:var(--text);overflow-x:hidden;background:#05070b}
.site-scene{position:fixed;z-index:-5;inset:0;overflow:hidden;background:
radial-gradient(circle at 18% 64%,rgba(239,151,44,.13),transparent 24%),
radial-gradient(circle at 78% 20%,rgba(22,83,147,.22),transparent 28%),
linear-gradient(180deg,#03101f 0%,#07101a 38%,#160e0b 78%,#050608 100%)}
.site-scene:before{content:"";position:absolute;inset:0;background:
linear-gradient(110deg,transparent 0 55%,rgba(255,176,61,.055) 62%,transparent 69%),
radial-gradient(ellipse at 50% 108%,rgba(255,150,35,.13),transparent 52%);opacity:.9}
.site-scene:after{content:"";position:absolute;left:-5%;right:-5%;bottom:-3%;height:28%;background:
linear-gradient(to top,#020306 0%,rgba(2,3,6,.82) 40%,transparent 100%),
repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,178,55,.06) 43px 45px,transparent 46px 88px);clip-path:polygon(0 62%,5% 53%,8% 66%,13% 49%,17% 60%,22% 44%,28% 63%,34% 50%,39% 66%,44% 45%,49% 61%,55% 48%,61% 65%,68% 45%,74% 60%,80% 47%,86% 64%,92% 51%,100% 58%,100% 100%,0 100%)}
.site-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,230,178,.75) 0 1px,transparent 1.5px);background-size:97px 83px;opacity:.22}
.site-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.34}.site-glow-a{width:420px;height:420px;right:-120px;top:18%;background:#d88b2d}.site-glow-b{width:520px;height:520px;left:-220px;bottom:0;background:#183d70}.music-wave{position:absolute;color:rgba(255,192,57,.22);font-size:48px;letter-spacing:34px;white-space:nowrap;transform:rotate(-8deg);text-shadow:0 0 20px rgba(255,173,45,.25)}.wave-a{left:-3%;bottom:12%}.wave-b{right:-8%;bottom:4%;transform:rotate(7deg)}

.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;flex-wrap:wrap;background:linear-gradient(180deg,rgba(2,6,12,.88),rgba(2,6,12,.55));backdrop-filter:blur(16px);border-bottom:1px solid var(--line);box-shadow:0 12px 40px rgba(0,0,0,.28)}
.brand-hitbox{border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center}.logo{height:130px;width:auto;max-width:min(42vw,340px);object-fit:contain;filter:drop-shadow(0 12px 25px rgba(0,0,0,.25))}.logo-fallback{display:none;font-size:30px;color:white;letter-spacing:.5px}.logo-fallback strong{color:var(--gold-light)}.logo-fallback.show{display:inline-block}
.weather-row{display:flex;flex:1;justify-content:center;gap:10px;flex-wrap:wrap}.weather-card{min-width:106px;padding:8px 12px;text-align:center;background:linear-gradient(160deg,rgba(5,10,17,.92),rgba(14,17,22,.74));border:1px solid rgba(255,193,54,.58);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.12)}.weather-card .city{color:var(--gold-light);font-size:12px;font-weight:700}.weather-card .temp{margin-top:4px;font-size:19px;font-weight:700}
.top-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.datetime-box{min-width:184px;padding:9px 13px;text-align:right;background:linear-gradient(145deg,rgba(4,10,18,.96),rgba(9,13,18,.88));border:1px solid rgba(255,193,54,.62);box-shadow:0 0 24px rgba(255,171,45,.08);border-radius:12px}.site-time{color:var(--gold-light);font-size:22px;font-weight:800;letter-spacing:1px;font-variant-numeric:tabular-nums}.site-date{margin-top:2px;color:rgba(255,246,233,.76);font-size:11px;line-height:1.25}.hamburger{padding:8px 14px;color:var(--gold-light);font-size:22px;cursor:pointer;background:rgba(217,164,65,.12);border:1px solid var(--gold);border-radius:9px}
.side-panel{position:fixed;z-index:100;top:0;right:-340px;width:min(325px,88vw);height:100%;overflow-y:auto;padding:24px;background:linear-gradient(180deg,rgba(3,8,14,.985),rgba(12,9,10,.985));border-left:1px solid rgba(255,196,64,.62);transition:right .25s ease;box-shadow:-20px 0 60px rgba(0,0,0,.42)}.side-panel.open{right:0}.side-panel a{display:block;padding:12px 0;color:var(--text);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08)}.side-panel a:hover{color:var(--gold-light)}.side-panel h3{margin-top:26px;color:var(--gold-light)}.close-panel{float:right;padding:6px;color:var(--gold);font-size:20px;cursor:pointer;background:none;border:0}#weatherPanel{display:grid;gap:8px}.overlay{display:none;position:fixed;z-index:90;inset:0;background:rgba(0,0,0,.62)}.overlay.show{display:block}
main{width:min(720px,calc(100% - 28px));margin:0 auto;padding:28px 0}.section-title{text-align:center;color:var(--gold-light);letter-spacing:1.2px;text-shadow:0 5px 25px rgba(217,164,65,.15)}.now-playing,.request-form{margin-bottom:30px;padding:24px;background:linear-gradient(150deg,rgba(3,8,14,.94),rgba(11,13,14,.88));border:1px solid rgba(255,190,48,.58);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.20);backdrop-filter:blur(14px)}.now-playing{text-align:center}.live-dot{display:block;margin-bottom:8px;color:#ff6e78;font-weight:800}.live-dot.offline{color:#9f92a5}#npTitle{display:block;margin-bottom:5px;font-size:clamp(19px,3vw,25px)}#npGenre{color:var(--gold-light);font-size:13px}.request-form{text-align:left}.request-form label{display:block;margin:16px 0 7px;color:var(--gold-light);font-size:13px;font-weight:700}.request-form input,.request-form select{width:100%;padding:12px;color:var(--text);font-family:inherit;background:rgba(3,7,11,.90);border:1px solid rgba(255,193,54,.48);border-radius:9px;outline:none}.request-form input:focus,.request-form select:focus{border-color:var(--gold-light);box-shadow:0 0 0 3px rgba(217,164,65,.12)}.request-form select:disabled,.request-form input:disabled{opacity:.55}.request-form option:disabled{color:#8f8892}.request-form button,.admin-shell button{border:0;border-radius:9px;cursor:pointer;font-weight:800}.request-form button{width:100%;margin-top:20px;padding:14px;color:#1a1010;background:linear-gradient(180deg,var(--gold-light),var(--gold))}.request-form button:disabled{cursor:not-allowed;opacity:.5}.form-msg{min-height:20px;margin-top:14px;text-align:center;font-size:13px;line-height:1.45}.form-msg.error{color:var(--danger)}.form-msg.success{color:var(--success)}footer{padding:30px 20px 42px;text-align:center;color:rgba(255,246,233,.58);font-size:13px}footer h3{color:var(--gold-light)}
/* ADMIN */
.admin-modal{display:none;position:fixed;z-index:500;inset:0;padding:24px;background:rgba(6,2,8,.82);backdrop-filter:blur(10px);overflow-y:auto}.admin-modal.show{display:block}.admin-shell{position:relative;width:min(1080px,96vw);margin:20px auto;padding:24px;background:linear-gradient(145deg,#07111b,#0b0908);border:1px solid rgba(255,194,59,.62);border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.55)}.admin-close{position:absolute;right:16px;top:14px;padding:8px 11px;background:#33203a;color:#fff}.admin-help{color:var(--muted);font-size:13px}.admin-login-form{max-width:430px;display:grid;gap:12px}.admin-login-form input{padding:13px;border-radius:9px;border:1px solid rgba(246,207,125,.25);background:#0b060e;color:#fff}.admin-login-form button,.admin-head-actions button,#adminTestNewYear,.lock-btn,.admin-row-actions button,.admin-song-row button{padding:9px 12px;background:#3a2143;color:#fff}.admin-login-form button,#adminTestNewYear{background:linear-gradient(180deg,var(--gold-light),var(--gold));color:#1c1115}.admin-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-right:38px}.admin-head h2{margin-bottom:3px}.admin-head small{color:var(--muted)}.admin-head-actions{display:flex;gap:8px}.admin-card{margin-top:18px;padding:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:15px}.danger-card{border-color:rgba(255,122,133,.24)}.admin-section-title{display:flex;gap:12px;align-items:center;justify-content:space-between}.admin-section-title input,.admin-section-title select{padding:9px;border-radius:8px;background:#0b060e;border:1px solid #55405c;color:#fff}.admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.admin-mini-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:rgba(0,0,0,.2);border-radius:10px}.lock-btn.locked{background:#733344}.admin-request-row,.admin-song-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.admin-request-info{display:grid;gap:3px}.admin-request-info span,.admin-request-info small{color:var(--muted);font-size:12px}.admin-row-actions{display:flex;gap:7px;flex-wrap:wrap}.admin-row-actions .danger{background:#6b2534}.admin-song-list{max-height:480px;overflow:auto}.admin-song-row.disabled-song{opacity:.56}.admin-song-row span{min-width:0;overflow:hidden;text-overflow:ellipsis}.admin-song-row button{flex:0 0 auto}#adminCommandMsg{font-size:12px;color:var(--success)}
@media(max-width:760px){.topbar{padding:12px 14px}.logo{height:92px;max-width:55vw}.weather-row{order:3;width:100%;flex-basis:100%}.weather-card{flex:1 1 100px;min-width:92px}.top-actions{gap:8px}.datetime-box{min-width:132px;padding:7px 9px}.site-time{font-size:18px}.site-date{max-width:132px;font-size:9px}.now-playing,.request-form{padding:18px}.admin-modal{padding:8px}.admin-shell{padding:18px}.admin-head{align-items:flex-start;flex-direction:column}.admin-request-row,.admin-song-row{align-items:flex-start;flex-direction:column}.admin-row-actions{width:100%}.admin-row-actions button{flex:1}.admin-section-title{align-items:stretch;flex-direction:column}}

.radio-hero{margin:4px auto 22px;padding:26px 28px;text-align:center;background:linear-gradient(135deg,rgba(3,9,16,.88),rgba(17,12,7,.76));border:1px solid rgba(255,193,54,.48);border-radius:20px;box-shadow:0 24px 80px rgba(0,0,0,.30),inset 0 0 40px rgba(255,175,38,.035)}
.radio-hero .hero-kicker{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--gold-light)}.hero-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#ff3545;box-shadow:0 0 15px #ff3545}.radio-hero h1{margin:8px 0 5px;font-size:clamp(26px,4vw,42px);color:#fff;text-shadow:0 0 24px rgba(255,200,88,.12)}.radio-hero p{margin:0;color:var(--muted)}
.now-playing{position:relative;overflow:hidden}.now-playing:after{content:"";position:absolute;left:5%;right:5%;bottom:8px;height:3px;background:repeating-linear-gradient(90deg,var(--gold) 0 5px,transparent 5px 9px);opacity:.6;filter:drop-shadow(0 0 7px var(--gold))}.section-title{font-size:clamp(18px,3vw,25px)}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:4px 0 10px}.feature-strip>div,.feature-strip>a{min-height:84px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;text-decoration:none;color:#fff;background:linear-gradient(145deg,rgba(4,8,13,.94),rgba(15,12,9,.86));border:1px solid rgba(255,193,54,.48);border-radius:14px;box-shadow:0 16px 38px rgba(0,0,0,.20)}.feature-strip span{grid-row:1/3;font-size:30px;color:var(--gold-light)}.feature-strip strong{font-size:15px;color:var(--gold-light)}.feature-strip small{color:var(--muted)}
footer{border-top:1px solid rgba(255,193,54,.32);background:rgba(2,5,9,.55)}
.admin-shell{box-shadow:0 30px 100px rgba(0,0,0,.68),0 0 45px rgba(255,183,47,.08)}
@media(max-width:900px){.feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.feature-strip{grid-template-columns:1fr}.radio-hero{padding:20px 16px}.music-wave{font-size:32px;letter-spacing:18px}}