:root{color-scheme:dark;--bg:#080b16;--panel:#11162a;--line:#252c45;--accent:#d946ef;--text:#f8fafc;--muted:#9ca3af}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px system-ui,sans-serif}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1rem;gap:1rem;background:#080b16ee;border-bottom:1px solid var(--line)}nav{display:flex;gap:1rem}a{color:inherit;text-decoration:none}main{max-width:950px;margin:auto;padding:1rem}section{margin:0 0 2.5rem}.hero{padding:2rem 1.25rem;border-radius:1.5rem;background:linear-gradient(135deg,#c026d3,#4338ca)}h1{font-size:clamp(2rem,8vw,3.5rem);margin:.25rem 0}.eyebrow{font-weight:800;letter-spacing:.18em;font-size:.75rem}.button,button{border:0;border-radius:.75rem;padding:.75rem 1rem;background:var(--accent);color:white;font-weight:700;cursor:pointer}.button.light{display:inline-block;background:white;color:#111827}.secondary{background:#334155}.danger,.red{background:#dc2626}input{width:100%;padding:.9rem;border-radius:.8rem;border:1px solid var(--line);background:#0f1426;color:white;margin:.35rem 0 1rem}.grid{display:grid;gap:.75rem}.card,.panel{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel)}.panel{display:grid}.card small{display:block;color:var(--muted);margin-top:.3rem}.queue-group{margin:1.5rem 0}.queue.playing{border-color:#d946ef}.queue.completed{opacity:.65}.tip,.claim{white-space:nowrap;font-size:.78rem;padding:.4rem .55rem;border-radius:999px}.tip{background:#14532d}.claim{background:#713f12}.actions{display:flex;flex-wrap:wrap;gap:.4rem}.actions button,.actions .button{padding:.55rem .7rem;font-size:.8rem}.row{display:flex;align-items:center;gap:1rem}.spread{justify-content:space-between}.empty,.muted{color:var(--muted)}dialog{width:min(92vw,480px);border:1px solid var(--line);border-radius:1.2rem;background:var(--panel);color:white;padding:1.25rem}dialog::backdrop{background:#000b}.close{float:right;background:transparent;font-size:1.5rem}.check{display:flex;gap:.6rem;align-items:center}.check input{width:auto;margin:0}#toast{position:fixed;bottom:1rem;left:50%;transform:translate(-50%,150%);background:white;color:#111827;padding:.8rem 1.1rem;border-radius:.8rem;transition:.25s;z-index:10}#toast.show{transform:translate(-50%,0)}@media(min-width:700px){main{padding:2rem}.grid{grid-template-columns:repeat(2,1fr)}.hero{padding:3rem}.admin-card{align-items:center}}
.landing-grid{display:grid;gap:1rem}.landing-card{display:block;border:1px solid var(--line);border-radius:1.2rem;background:var(--panel);padding:1.25rem}.landing-card span{font-size:2rem}.landing-card h2{margin:.5rem 0}.landing-card p{color:var(--muted);margin-bottom:0}@media(min-width:700px){.landing-grid{grid-template-columns:repeat(2,1fr)}}