:root{--bg:#060606;--panel:#111214;--panel2:#191b1e;--text:#f7f3ea;--muted:#aaa59c;--red:#e53935;--yellow:#ffca28;--green:#29c267;--line:rgba(255,255,255,.1);--radius:26px;--shadow:0 20px 70px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 85% 5%,rgba(229,57,53,.22),transparent 26rem),radial-gradient(circle at 0 60%,rgba(255,202,40,.1),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent)}button,input{font:inherit}[hidden]{display:none!important}.topbar{width:min(1180px,calc(100% - 2rem));margin:auto;padding:1.1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(135deg,var(--red),#9c1512);font-weight:950;font-style:italic;transform:skew(-5deg);box-shadow:0 0 30px rgba(229,57,53,.3)}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem}.live-pill{display:flex;align-items:center;gap:.55rem;padding:.6rem .8rem;border:1px solid var(--line);border-radius:99px;background:rgba(255,255,255,.04);font-size:.82rem}.live-pill i{width:8px;height:8px;background:var(--green);border-radius:50%;box-shadow:0 0 12px var(--green)}.guest-shell,.admin-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto 4rem;display:grid;gap:1rem}.panel,.gate-card{position:relative;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(155deg,rgba(255,255,255,.035),transparent 45%),rgba(17,18,20,.92);box-shadow:var(--shadow);padding:clamp(1.2rem,3vw,2rem);overflow:hidden}.hero{display:grid;grid-template-columns:1.45fr .55fr;gap:1rem;align-items:end;min-height:300px}.eyebrow{margin:0 0 .55rem;color:var(--yellow);font-size:.76rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.hero h1,.control-panel h1{margin:.1rem 0 .8rem;font-size:clamp(3rem,8vw,6.5rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase}.hero h1 em{color:var(--red);font-style:normal}.hero p:not(.eyebrow){max-width:42rem;color:var(--muted);font-size:1.05rem;line-height:1.6}.now-playing{padding:1.2rem;border-left:4px solid var(--red);background:rgba(0,0,0,.27);border-radius:0 18px 18px 0}.now-playing span,.now-playing strong,.now-playing small,.current-admin strong,.current-admin small{display:block}.now-playing span{color:var(--yellow);text-transform:uppercase;font-size:.7rem;font-weight:900;letter-spacing:.14em}.now-playing strong{margin:.45rem 0 .2rem;font-size:1.3rem}.now-playing small{color:var(--muted)}.search-form{display:grid;gap:.6rem}.search-form label,.stack label span{font-size:.78rem;color:var(--yellow);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.search-row,.seed-form{display:flex;gap:.7rem}.search-row input,.seed-form input,.stack input{min-width:0;flex:1;padding:1rem 1.1rem;border-radius:16px;border:1px solid var(--line);background:#08090a;color:var(--text);outline:none}.search-row input:focus,.seed-form input:focus,.stack input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,202,40,.12)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;padding:.9rem 1.1rem;font-weight:900;cursor:pointer;text-decoration:none;color:inherit}.button.primary{background:linear-gradient(135deg,var(--yellow),#f39a1f);color:#17130a}.button.secondary{background:#282a2e;border:1px solid var(--line)}.button.danger{background:linear-gradient(135deg,var(--red),#9f1e1b)}.button.small{padding:.65rem .8rem;border-radius:12px;font-size:.78rem}.button:disabled{opacity:.6;cursor:wait}.notice{margin-top:1rem;padding:.85rem 1rem;border-radius:14px;background:rgba(255,202,40,.1);border:1px solid rgba(255,202,40,.2)}.notice.error{background:rgba(229,57,53,.14);border-color:rgba(229,57,53,.35)}.notice.success{background:rgba(41,194,103,.14);border-color:rgba(41,194,103,.35)}.track-results,.queue-list,.fallback-list{display:grid;gap:.65rem;margin-top:1rem}.track-results{grid-template-columns:repeat(2,minmax(0,1fr))}.track-card,.queue-item,.mini-track{display:flex;align-items:center;gap:.8rem;min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.035)}.track-card img,.queue-item img,.mini-track img{width:58px;height:58px;object-fit:cover;border-radius:12px;background:#222}.track-card div,.queue-item div,.mini-track div{flex:1;min-width:0}.track-card strong,.track-card small,.queue-item strong,.queue-item small,.mini-track strong,.mini-track small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card small,.queue-item small,.mini-track small{margin-top:.25rem;color:var(--muted);font-size:.8rem}.queue-item.playing{border-color:rgba(41,194,103,.55);box-shadow:inset 4px 0 var(--green)}.queue-item>span{color:var(--yellow);font-size:.76rem;font-weight:900;text-transform:uppercase}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.section-heading h1,.section-heading h2{margin:0;font-size:clamp(1.7rem,4vw,2.6rem);text-transform:uppercase;letter-spacing:-.04em}.section-heading>span{color:var(--muted);font-size:.8rem}.empty-state{color:var(--muted);line-height:1.6}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-grid>.panel:last-child{grid-column:1/-1}.control-panel h1{font-size:clamp(2.5rem,6vw,5rem)}.current-admin{margin:1rem 0;padding:1rem;border-radius:16px;background:#08090a}.current-admin strong{font-size:1.4rem}.current-admin small{color:var(--muted);margin-top:.3rem}.control-buttons{display:flex;flex-wrap:wrap;gap:.7rem}.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#27292c;color:#fff;font-size:1.3rem;cursor:pointer}.seed-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.seed{border:1px solid rgba(255,202,40,.25);background:rgba(255,202,40,.08);color:var(--text);padding:.65rem .8rem;border-radius:99px;cursor:pointer}.seed b{color:var(--yellow)}.gate-shell{min-height:100vh;display:grid;place-items:center;padding:1rem}.gate-card{width:min(480px,100%)}.gate-card h1{margin:.2rem 0;font-size:clamp(3rem,15vw,5rem);text-transform:uppercase;letter-spacing:-.07em}.gate-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.stack{display:grid;gap:1rem;margin-top:1.2rem}.stack label{display:grid;gap:.5rem}footer{width:min(1180px,calc(100% - 2rem));margin:0 auto 2rem;padding:1rem 0;color:var(--muted);display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line)}footer span{color:var(--text);font-weight:800}
@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:0}.track-results,.admin-grid{grid-template-columns:1fr}.admin-grid>.panel:last-child{grid-column:auto}.search-row,.seed-form{flex-direction:column}.search-row .button,.seed-form .button{width:100%}.track-card .button{padding:.55rem;font-size:.7rem}.topbar{align-items:flex-start}.live-pill{font-size:0;width:38px;height:38px;justify-content:center;padding:0}.hero h1{font-size:clamp(2.8rem,17vw,5rem)}footer{display:grid}.panel{border-radius:20px;padding:1rem}}