:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#12131a;--surface:#1c1d27;--fg:#f8f4e9;--muted:#b1acb9;--line:#353443;--accent:#e2ff78}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 0%,#30263b 0,transparent 48%),var(--bg);color:var(--fg);min-height:100vh}.shell{max-width:1180px;margin:auto;padding:30px 28px 50px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:23px}.brand{font-weight:850;font-size:32px;letter-spacing:-1.8px;text-decoration:none;color:var(--fg)}.brand span{color:var(--accent)}.badge,.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px}.badge{border:1px solid var(--line);border-radius:30px;padding:10px 14px;color:var(--muted)}.eyebrow{color:var(--accent)}.intro{padding:48px 0 18px}h1{font-size:clamp(38px,6.5vw,76px);letter-spacing:-3px;line-height:1.02;max-width:900px;margin:18px 0 20px}.intro p{color:var(--muted);font-size:17px;line-height:1.6}.panel{border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:25px;box-shadow:0 20px 50px #0002}h2{font-size:24px;letter-spacing:-.6px;margin:0 0 24px}h3{margin:30px 0 16px}.columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;align-items:start}.inline{display:flex;gap:10px;align-items:center}.inline input{flex:1;min-width:0}button,input,select{font:inherit;min-height:48px;border-radius:11px}input,select{background:#11121a;border:1px solid #484454;color:var(--fg);padding:12px 14px;width:100%}button{background:var(--accent);color:#18200e;border:0;font-weight:750;padding:12px 18px;cursor:pointer;white-space:nowrap}button:disabled{opacity:.5;cursor:default}button.secondary{background:#30313e;color:var(--fg);border:1px solid #494556}button.danger{background:#522a3d;color:#ffd9e9;border:1px solid #a15173}label{display:block;font-size:14px;color:var(--muted);margin:0 0 9px}form>input{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h2{margin:0}.dot{width:9px;height:9px;background:var(--accent);border-radius:50%}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.6}#message{color:#ffca91;min-height:24px;margin:10px 0 18px;line-height:1.5}.results{margin-top:24px}.song-row,.queue-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.song-row img{width:52px;height:52px;object-fit:cover;border-radius:9px;background:#32303d}.meta{min-width:0;flex:1}.meta strong,.meta small{display:block;overflow-wrap:anywhere}.meta strong{font-size:15px}.meta small{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.4}.meta .credit{color:#d3dba6}.add{min-width:48px;padding:0;font-size:27px}.queue-row.current{background:#e2ff780b;border-radius:10px;padding:14px 10px;border-color:#e2ff7840}.queue-icon{color:var(--accent);font-size:19px}.invite-panel{display:flex;flex-direction:column;gap:16px;align-items:stretch}.invite-panel h2{margin:0}.invite-panel label{margin:0}.invite-panel img{display:block;margin:4px auto;width:min(100%,320px);height:auto;background:white;border-radius:14px}.invite-panel a{color:var(--accent);text-align:center;min-height:44px;padding:10px;overflow-wrap:anywhere}.invite-panel p{margin:0}footer{color:var(--muted);font-size:12px;text-align:center;margin-top:45px;line-height:1.5}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:720px){.shell{padding:20px 17px 35px}.badge{font-size:9px;letter-spacing:1px;padding:8px}.brand{font-size:28px}.intro{padding-top:35px}h1{letter-spacing:-1.5px}.columns{grid-template-columns:1fr}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.inline button{padding:12px}header{gap:8px}}