:root{--bg:#050505;--panel:#111;--red:#ff003c;--red2:#ff2b5f;--text:#fff;--muted:#bdbdbd;--green:#00ff88;--yellow:#ffd34d}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#26000a 0,#050505 45%,#000 100%);color:var(--text);min-height:100vh}.wrap{max-width:980px;margin:0 auto;padding:24px}.hero{text-align:center;padding:32px 16px}.badge{display:inline-block;border:1px solid var(--red);color:#fff;padding:8px 14px;border-radius:999px;text-shadow:0 0 10px var(--red);box-shadow:0 0 18px rgba(255,0,60,.5)}h1{font-size:clamp(38px,8vw,82px);margin:18px 0 8px;text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 0 10px #fff,0 0 22px var(--red),0 0 44px var(--red)}.tagline{color:var(--muted);font-size:20px}.card{background:rgba(10,10,10,.86);border:1px solid rgba(255,0,60,.45);border-radius:24px;box-shadow:0 0 30px rgba(255,0,60,.22),inset 0 0 22px rgba(255,0,60,.08);padding:24px;margin:18px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.full{grid-column:1/-1}label{display:block;margin:0 0 7px;color:#fff;font-weight:bold}input,textarea,select{width:100%;background:#060606;border:1px solid #3a3a3a;color:#fff;padding:14px 14px;border-radius:14px;font-size:16px;outline:none}input:focus,textarea:focus{border-color:var(--red);box-shadow:0 0 12px rgba(255,0,60,.6)}button,.btn{display:inline-block;border:0;border-radius:14px;padding:14px 20px;background:linear-gradient(135deg,var(--red),#8f001f);color:#fff;font-weight:bold;text-decoration:none;cursor:pointer;box-shadow:0 0 18px rgba(255,0,60,.5);font-size:16px}button:hover,.btn:hover{filter:brightness(1.15)}.notice{padding:14px;border-radius:14px;margin-top:14px;display:none}.success{display:block;background:rgba(0,255,136,.12);border:1px solid var(--green);color:#d7ffe9}.error{display:block;background:rgba(255,0,60,.12);border:1px solid var(--red);color:#ffd9e1}.queue-item{border-bottom:1px solid rgba(255,255,255,.1);padding:14px 0}.queue-item:last-child{border-bottom:0}.song{font-size:20px;font-weight:bold}.meta{color:var(--muted);font-size:14px;margin-top:5px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.small{font-size:13px;padding:8px 10px;border-radius:10px}.played{background:linear-gradient(135deg,#00a95d,#006e3e)}.reject{background:linear-gradient(135deg,#666,#333)}.footer{text-align:center;color:#888;padding:30px}.mic{font-size:52px;filter:drop-shadow(0 0 10px var(--red))}@media(max-width:700px){.grid{grid-template-columns:1fr}.wrap{padding:14px}.card{padding:18px}}.overlay-body{background:transparent;min-height:auto}.overlay{font-family:Arial,Helvetica,sans-serif;background:rgba(0,0,0,.62);border:2px solid var(--red);border-radius:18px;padding:18px 22px;color:#fff;box-shadow:0 0 22px rgba(255,0,60,.85)}.overlay-title{font-size:18px;color:var(--red2);font-weight:bold;letter-spacing:1px}.overlay-song{font-size:28px;font-weight:bold;margin-top:5px;text-shadow:0 0 10px var(--red)}.overlay-meta{font-size:16px;color:#ddd;margin-top:4px}.login{max-width:430px;margin:8vh auto}