:root{--bg:#09090d;--side:#0f0f15;--card:#15151d;--line:#ffffff10;--txt:#f6f6f8;--muted:#92929e;--p:#7c3aed;--p2:#a855f7;--green:#22c55e;--red:#ef4444}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font:13px Inter,system-ui,Arial}.hide{display:none!important}button,input{font:inherit}button{cursor:pointer}#side{position:fixed;inset:0 auto 0 0;width:255px;background:var(--side);border-right:1px solid var(--line);z-index:20;display:flex;flex-direction:column}.brand{height:78px;padding:17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.brand strong,.brand small{display:block}.brand strong{font-size:14px}.brand small{color:var(--muted);font-size:9px;margin-top:3px}.vlogo{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--p),var(--p2));display:grid;place-items:center;font-weight:900;font-size:20px}.station{margin:15px;padding:10px;border:1px solid var(--line);border-radius:11px;display:flex;gap:9px;align-items:center}.station>span{width:37px;height:37px;border-radius:9px;background:var(--p);display:grid;place-items:center;font-weight:900}.station div{flex:1;min-width:0}.station small{display:block;color:var(--muted);font-size:8px}.station strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.station i,#conn{width:8px;height:8px;border-radius:50%;background:var(--red);display:block}.station i.on,#conn.on{background:var(--green);box-shadow:0 0 0 4px #22c55e14}nav{padding:0 10px;overflow:auto;flex:1}nav label{display:block;color:#555562;font-size:8px;font-weight:800;letter-spacing:1.2px;margin:17px 9px 6px}nav a{display:block;padding:10px;border-radius:8px;color:#92929e;font-size:11px;cursor:pointer}nav a:hover,nav a.active{color:white;background:#7c3aed16}nav a.active{box-shadow:inset 3px 0 var(--p)}.sidefoot{border-top:1px solid var(--line);padding:14px;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px}.sidefoot i{width:7px;height:7px;border-radius:50%;background:var(--green)}.sidefoot span{flex:1}.sidefoot button{background:none;border:0;color:white}main{margin-left:255px;padding-bottom:70px}main>header{height:78px;position:sticky;top:0;z-index:10;background:#09090ddd;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}main>header small{color:var(--muted);font-size:9px}main>header h1{font-size:19px;margin:4px 0}.headright{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.headright button,#hamb{width:35px;height:35px;border:1px solid var(--line);background:#ffffff05;color:white;border-radius:8px}#hamb{display:none}.content{max-width:1550px;margin:auto;padding:25px}.hero{padding:25px;border:1px solid var(--line);border-radius:15px;background:radial-gradient(circle at 85%,#7c3aed25,transparent 35%);display:flex;justify-content:space-between;align-items:center}.hero small,.pagehead small,.card header small,.settings>small{color:#b18cff;font-size:8px;font-weight:900;letter-spacing:1px}.hero h2{margin:6px 0;font-size:25px}.hero p,.pagehead p{color:var(--muted);font-size:11px}.live{font-size:9px;background:#22c55e12;color:#86efac;padding:9px 12px;border-radius:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0}.stats article{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;align-items:center;gap:12px}.stats article i{width:40px;height:40px;border-radius:10px;background:#7c3aed18;color:#c4b5fd;display:grid;place-items:center;font-style:normal}.stats small{display:block;color:var(--muted);font-size:9px}.stats strong{font-size:20px;display:block;margin-top:3px}.cols{display:grid;grid-template-columns:1.6fr .75fr;gap:14px;margin-bottom:14px}.cols.bottom{grid-template-columns:1fr 1fr}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card header{padding:16px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card header h3{margin:4px 0 0;font-size:13px}.now header button,#play,#miniPlay{width:38px;height:38px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--p),var(--p2));color:white}.nowbody{padding:20px;display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:center}.nowbody>img{width:180px;height:180px;object-fit:cover;border-radius:12px;background:#111}.nowbody h2{font-size:22px;margin:7px 0}.nowbody h3{font-size:13px;color:var(--muted);font-weight:500;margin:0}.bar{height:4px;background:#ffffff0d;border-radius:5px;margin-top:30px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--p),var(--p2))}.times{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;margin-top:5px}.actiongrid{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.actiongrid button{min-height:85px;border:1px solid var(--line);border-radius:10px;background:#ffffff03;color:#c4b5fd;font-size:18px}.actiongrid span{display:block;color:#aaa;font-size:8px;margin-top:7px}.listitem{display:flex;gap:9px;align-items:center;padding:10px 17px;border-bottom:1px solid #ffffff06}.listitem img{width:38px;height:38px;border-radius:7px;object-fit:cover}.listitem div{min-width:0;flex:1}.listitem b,.listitem span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.listitem b{font-size:10px}.listitem span{font-size:8px;color:var(--muted);margin-top:2px}.pagehead{margin-bottom:16px}.pagehead h2{font-size:25px;margin:5px 0}.infogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.info{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:16px}.info small{color:var(--muted);font-size:8px}.info b{display:block;margin-top:6px;font-size:11px}.explorer{min-height:450px}.toolbar{padding:12px;display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line)}.toolbar button,.upload{border:1px solid var(--line);background:#ffffff05;color:white;border-radius:8px;padding:9px;font-size:9px}.upload input{display:none}.toolbar span{color:var(--muted);font-size:9px;margin-left:5px}.files{padding:17px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.file{padding:15px;border:1px solid var(--line);border-radius:10px;background:#ffffff02;cursor:pointer;min-height:90px}.file:hover{border-color:#7c3aed55}.file b{font-size:10px;display:block;word-break:break-word}.file small{display:block;color:var(--muted);font-size:8px;margin-top:6px}.plist{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.playlist{background:var(--card);border:1px solid var(--line);border-radius:11px;padding:18px}.playlist b{font-size:11px}.playlist small{display:block;color:var(--muted);margin-top:6px;font-size:8px}.placeholder{height:430px;border:1px solid var(--line);border-radius:14px;background:var(--card);display:grid;place-items:center;align-content:center;color:#b18cff;font-size:35px}.placeholder h2{font-size:20px;color:white;margin:15px 0 4px}.placeholder p{color:var(--muted);font-size:10px}.settings{padding:25px}.settings h2{margin:7px 0}.settings p{color:var(--muted);font-size:11px}.warn{padding:12px;border:1px solid #f59e0b22;background:#f59e0b10;color:#fcd34d;border-radius:9px;font-size:9px}footer{position:fixed;left:255px;right:0;bottom:0;height:70px;background:#111118f5;border-top:1px solid var(--line);z-index:15;display:flex;align-items:center;padding:0 20px;gap:14px}.mini{display:flex;gap:9px;align-items:center;width:30%;min-width:0}.mini img{width:43px;height:43px;border-radius:7px;object-fit:cover}.mini div{min-width:0}.mini b,.mini span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini b{font-size:10px}.mini span{font-size:8px;color:var(--muted)}footer input{width:90px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#7c3aed28,transparent 45%),var(--bg)}.loginbox{width:min(400px,100%);background:var(--card);border:1px solid var(--line);padding:34px;border-radius:20px}.loginbox h1{font-size:27px;margin:9px 0}.loginbox p,.loginbox small{color:var(--muted);font-size:10px}.loginbox form{margin-top:22px}.loginbox input{width:100%;margin:6px 0;padding:13px;border:1px solid var(--line);background:#0b0b10;color:white;border-radius:9px}.loginbox button{width:100%;margin-top:9px;padding:13px;border:0;border-radius:9px;background:linear-gradient(135deg,var(--p),var(--p2));color:white;font-weight:700}.loginbox b{display:block;color:#fca5a5;font-size:9px;margin-top:10px}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.cols{grid-template-columns:1fr}.infogrid{grid-template-columns:1fr 1fr}}@media(max-width:750px){#side{transform:translateX(-100%);transition:.2s}#side.open{transform:none}main{margin:0}main>header{padding:0 14px}#hamb{display:block;margin-right:10px}.headright span{display:none}.content{padding:14px}.hero{align-items:flex-start;gap:12px;flex-direction:column}.nowbody{grid-template-columns:1fr}.nowbody>img{width:100%;height:auto;aspect-ratio:1}.cols.bottom{grid-template-columns:1fr}.infogrid{grid-template-columns:1fr}footer{left:0;padding:0 10px}.mini{width:55%}footer input{width:65px}}@media(max-width:450px){.stats{grid-template-columns:1fr}.mini{width:65%}.mini-listeners{display:none}}