:root{color-scheme:dark;--bg: rgba(6, 7, 9, .74);--panel: rgba(18, 20, 24, .88);--line: rgba(255, 255, 255, .1);--text: #f5f7fb;--muted: #9aa3af;--green: #59f0a9;--cyan: #5ad7ff;--amber: #ffb86c;--radius: 8px}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0;background:transparent;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{display:grid;place-items:center;padding:24px}.overlay-card{overflow:hidden;width:min(820px,100%);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 22px 80px #00000070}.overlay-card.is-compact{width:min(560px,100%)}.signal-bar{height:3px;background:linear-gradient(90deg,var(--green),var(--cyan),var(--amber));animation:shimmer 4s linear infinite}.overlay-body{display:grid;gap:14px;padding:18px}.eyebrow{color:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,p{margin:0}h1{overflow-wrap:anywhere;font-size:clamp(2rem,8vw,4.9rem);line-height:.95;letter-spacing:0}h2{font-size:clamp(1.3rem,4vw,2.4rem);line-height:1}p{color:var(--muted)}.meta-row,.queue-row{display:flex;align-items:center;gap:10px}.meta-row{flex-wrap:wrap}.meta-row span,.queue-rank{border-radius:999px;background:#59f0a91a;color:var(--green);font-size:.8rem;font-weight:800}.meta-row span{padding:7px 9px}.queue-list{display:grid;gap:8px}.queue-row{min-height:54px;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:#0607096b;animation:rise .45s ease both}.queue-rank{display:grid;width:32px;height:32px;place-items:center;flex:0 0 auto}.queue-copy{min-width:0}.queue-copy strong,.queue-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-copy span{margin-top:3px;color:var(--muted);font-size:.82rem}.player-frame{position:relative;display:grid;overflow:hidden;min-height:190px;place-items:center;border:1px dashed rgba(90,215,255,.36);border-radius:var(--radius);background:linear-gradient(135deg,rgba(90,215,255,.08),transparent),#0607096b}.player-frame iframe{width:100%;height:190px;border:0}.player-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#060709b8}.player-placeholder[hidden]{display:none}.pulse-dot{width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 28px #59f0a99e;animation:pulse 1.9s ease-in-out infinite}@keyframes shimmer{to{filter:hue-rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.45)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:560px){body{padding:12px}.overlay-body{padding:14px}}