@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@1,600&display=swap');
:root{--bg:#080b0d;--panel:#111618;--panel2:#151b1e;--line:#252d30;--text:#f4f1ea;--muted:#8d9799;--accent:#d5ff47;--cyan:#69e1d4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}button,input{font:inherit}.player-page{min-height:100vh;background:radial-gradient(circle at 75% 30%,#183535 0,transparent 32%),radial-gradient(circle at 20% 80%,#222514 0,transparent 25%),#080b0d}.player-shell{width:min(1180px,calc(100% - 48px));min-height:100vh;margin:auto;display:flex;flex-direction:column}nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-weight:800}.brand-mark{width:36px;height:36px;border:1px solid #ffffff35;border-radius:50%;display:grid;place-items:center;font-family:serif;font-style:italic;color:var(--accent)}.live-pill,.status-chip{display:flex;align-items:center;gap:9px;color:#c7cecb;font-size:12px;letter-spacing:.14em}.live-pill i,.status-chip i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.hero{width:min(930px,100%);margin:auto;padding:70px 0}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.23em;margin-bottom:24px}.hero h1{font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.06em;margin:0;font-weight:700}.hero h1 em{font-family:'Playfair Display',serif;color:var(--cyan);font-weight:600}.hero>p{color:var(--muted);font-size:18px}.radio-card{margin-top:52px;display:flex;align-items:center;gap:24px;padding:18px;background:#111719dd;border:1px solid #ffffff18;border-radius:18px;box-shadow:0 30px 80px #0008;backdrop-filter:blur(18px)}.art{width:86px;height:86px;border-radius:12px;overflow:hidden;display:grid;place-items:center;position:relative;background:linear-gradient(135deg,#b4db38,#173b3b)}.orb{position:absolute;width:56px;height:56px;border-radius:50%;border:12px solid #0d1314aa;box-shadow:0 0 0 5px #d5ff4744}.bars,.equalizer{display:flex;align-items:center;gap:3px;height:24px;z-index:1}.bars i,.equalizer i{display:block;width:3px;background:#fff;border-radius:5px;animation:wave .8s ease-in-out infinite alternate}.bars i:nth-child(2),.equalizer i:nth-child(2){height:90%;animation-delay:.2s}.bars i:nth-child(3),.equalizer i:nth-child(3){height:45%;animation-delay:.4s}.bars i:nth-child(4),.equalizer i:nth-child(4){height:70%;animation-delay:.1s}.bars i:nth-child(5){height:35%;animation-delay:.3s}@keyframes wave{from{height:20%}to{height:100%}}.track-meta{display:flex;flex-direction:column;min-width:0;flex:1}.track-meta small,.panel-head span,.stats article>span{color:var(--accent);font-size:10px;letter-spacing:.18em}.track-meta strong{font-size:21px;margin:6px 0}.track-meta span{color:var(--muted);font-size:13px}.play{width:60px;height:60px;border:0;border-radius:50%;background:var(--accent);cursor:pointer;display:grid;place-items:center;transition:.2s}.play:hover{transform:scale(1.06)}.play span{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #111;margin-left:4px}.play.playing span{width:12px;height:16px;border:0;border-left:4px solid #111;border-right:4px solid #111;margin:0}.signal{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-top:18px}.signal div{height:1px;flex:1;background:var(--line)}.signal b{color:var(--text)}footer{display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding:24px 0;color:#667073;font-size:11px}
.admin-page{min-height:100vh;background:#0b0e10}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;border-right:1px solid var(--line);padding:28px 20px;display:flex;flex-direction:column;background:#0d1113}.sidebar .brand{padding:0 10px;margin-bottom:45px}.nav-label{font-size:9px;color:#596164;letter-spacing:.2em;padding:0 12px;margin-bottom:10px}.nav-item{border:0;background:none;color:#8e999b;padding:13px 14px;border-radius:9px;text-align:left;display:flex;gap:13px;width:100%;cursor:pointer;margin:2px 0}.nav-item:hover,.nav-item.active{background:#192022;color:#fff}.nav-item.active{box-shadow:inset 2px 0 var(--accent)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:20px;padding:12px}.sidebar-bottom a{color:var(--accent);font-size:12px;text-decoration:none}.sidebar-bottom small{color:#4f575a}.admin-main{margin-left:245px;min-height:100vh;padding:0 46px 60px}.admin-main>header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:38px}.admin-main h1{font-size:25px;margin:0 0 6px}.admin-main header p,.library-head p{color:var(--muted);font-size:12px;margin:0}.status-chip{background:#121918;padding:10px 14px;border:1px solid #26322b;border-radius:30px;color:#cfd7d3;letter-spacing:0}.tab-panel{display:none}.tab-panel.active{display:block}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.stats article,.panel{background:linear-gradient(145deg,#14191b,#101416);border:1px solid var(--line);border-radius:13px;padding:25px}.stats strong{font-size:38px;display:block;margin:13px 0 5px}.stats small,.muted{color:var(--muted);font-size:11px}.grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:18px;margin:7px 0}.panel p{color:var(--muted);font-size:12px}.on-air audio{width:100%;margin-top:22px;filter:invert(1) hue-rotate(180deg);height:34px}.equalizer i{background:var(--accent)}.copy-row{display:flex;margin-top:24px}.copy-row input{flex:1;min-width:0;background:#090c0d;border:1px solid var(--line);color:#aeb7b8;padding:13px;border-radius:8px 0 0 8px}.copy-row button,.secondary{border:0;background:var(--accent);color:#111;font-weight:700;padding:0 16px;cursor:pointer;border-radius:0 8px 8px 0}.library-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.library-head h2{margin:0 0 7px}.upload,.save{background:var(--accent);color:#101411;border:0;padding:12px 17px;border-radius:8px;font-size:12px;font-weight:800;cursor:pointer}.upload input{display:none}.file-panel{padding:0;overflow:hidden}.file-row{display:flex;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid var(--line)}.file-row:last-child{border:0}.file-icon{width:38px;height:38px;border-radius:8px;background:#202829;color:var(--accent);display:grid;place-items:center}.file-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.file-info strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-info span{font-size:10px;color:var(--muted)}.switch input{display:none}.switch i{display:block;width:36px;height:20px;background:#30383a;border-radius:20px;position:relative;cursor:pointer}.switch i:after{content:'';position:absolute;width:14px;height:14px;background:#849092;border-radius:50%;left:3px;top:3px;transition:.2s}.switch input:checked+i{background:#34431c}.switch input:checked+i:after{left:19px;background:var(--accent)}.delete{background:none;border:0;color:#697275;font-size:22px;cursor:pointer}.delete:hover{color:#ff7373}.empty{text-align:center;color:var(--muted);padding:60px}.secondary{border-radius:8px;padding:13px 18px;margin-top:18px}.settings-form{max-width:800px}.settings-form>h2{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:26px 0}.form-grid label{display:flex;flex-direction:column;gap:9px;color:#afb7b8;font-size:11px}.form-grid input:not([type=range]){background:#0a0e0f;color:#fff;border:1px solid var(--line);padding:12px;border-radius:7px;outline:none}.form-grid input:focus{border-color:#667826}.form-grid output{color:var(--accent)}input[type=range]{accent-color:var(--accent)}.save{float:right}.toast{position:fixed;right:28px;bottom:28px;background:#edf5e4;color:#16200b;padding:13px 20px;border-radius:8px;font-size:12px;font-weight:700;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:800px){.player-shell{width:calc(100% - 28px)}.hero{padding:40px 0}.radio-card{gap:13px}.art{width:64px;height:64px}.track-meta strong{font-size:15px}.play{width:50px;height:50px}footer{gap:10px}.sidebar{width:68px;padding:20px 9px}.sidebar .brand span:last-child,.nav-item span,.nav-label,.sidebar-bottom{display:none}.sidebar .brand{padding:6px;margin-bottom:30px}.nav-item{justify-content:center;font-size:18px}.admin-main{margin-left:68px;padding:0 18px 40px}.admin-main>header{height:98px}.admin-main header p{display:none}.stats,.grid,.form-grid{grid-template-columns:1fr}.library-head{align-items:flex-start;gap:18px}.upload{white-space:nowrap}}

/* ERM AIR identity */
.player-page{background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),radial-gradient(circle at 75% 30%,#183535 0,transparent 32%),radial-gradient(circle at 20% 80%,#222514 0,transparent 25%);background-size:72px 72px,72px 72px,auto,auto}
.brand-mark{width:48px;height:48px;border:1px solid #ffffff26;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.8;background:linear-gradient(145deg,#1b2325,#0c1011);box-shadow:inset 0 0 18px #d5ff470a,0 8px 30px #0005;transform:rotate(-3deg);font-family:Manrope,Arial,sans-serif;font-style:normal}
.brand-mark b{font-size:13px;letter-spacing:.05em;color:var(--text)}
.brand-mark i{font-size:9px;letter-spacing:.22em;color:var(--accent);font-style:normal;margin:5px 0 0 2px}
.brand-name{font-weight:800;letter-spacing:.11em;font-size:13px}
.admin-page .brand-mark{width:44px;height:44px;border-radius:12px}
.timer-card{position:relative}.timer-control{display:flex;gap:6px;margin-top:14px}.timer-control input{width:92px;min-width:0;background:#090c0d;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:8px}.timer-control button{flex:1;border:0;border-radius:7px;background:#29321e;color:var(--accent);font-size:10px;font-weight:800;cursor:pointer;padding:8px}.timer-control button:hover{background:var(--accent);color:#111}