:root{--bg: #0f0b1e;--surface: #1b1533;--surface-2: #261e47;--border: #3a2f66;--text: #f4f1ff;--muted: #a99fd1;--accent: #ff3d8b;--accent-2: #7c5cff;--ok: #3ddc97;--warn: #ffb547;--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button,.btn{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.6em 1.2em;background:var(--accent);color:#fff;font-weight:600;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.secondary,.btn.secondary{background:var(--surface-2);color:var(--text)}button.small{padding:.35em .9em;font-size:.85rem}.demo-banner{position:fixed;top:8px;left:50%;transform:translate(-50%);z-index:200;width:max-content;max-width:calc(100vw - 32px);padding:.35em .9em;border-radius:999px;background:var(--warn);color:#1b1533;font-size:.78rem;text-align:center;pointer-events:none;opacity:.92}.demo-banner code{font-size:.95em}body.guest.demo,body.entry.demo{padding-top:34px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);padding:.75em 1.25em;border-radius:var(--radius);max-width:calc(100vw - 32px);z-index:150;box-shadow:0 10px 30px #0006}.song-search .search input{width:100%;font:inherit;font-size:16px;padding:.8em 1em;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none}.song-search .search input:focus{border-color:var(--accent-2)}.switch{display:flex;align-items:center;gap:10px;margin:10px 2px 0;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.92rem;color:var(--muted)}.switch input{position:absolute;opacity:0;width:1px;height:1px}.switch .track{position:relative;flex:none;width:42px;height:24px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);transition:background .15s}.switch .thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--muted);transition:transform .15s,background .15s}.switch input:checked+.track{background:var(--accent);border-color:var(--accent)}.switch input:checked+.track .thumb{transform:translate(18px);background:#fff}.switch input:checked~.switch-label{color:var(--text)}.switch input:focus-visible+.track{outline:2px solid var(--accent-2);outline-offset:2px}.results{list-style:none;margin:10px 0 0;padding:0}.result{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:12px;background:var(--surface)}.result img{width:64px;height:36px;object-fit:cover;border-radius:6px;flex:none}.result .info{flex:1;min-width:0}.result .title{display:block;font-weight:600;overflow-wrap:anywhere}.result .artist{display:block;color:var(--muted);font-size:.88rem}.result button{flex:none;padding:.5em 1em;font-size:.9rem}.tag{display:inline-block;margin-right:6px;padding:0 .45em;border-radius:6px;background:#ff3d8b2e;color:var(--accent);font-size:.78rem;font-weight:600}.empty{color:var(--muted);padding:12px 4px;background:none!important;list-style:none}.yt-fallback{margin-top:14px;text-align:center}.yt-fallback[hidden]{display:none}.yt-fallback .results{text-align:left}dialog{width:min(92vw,400px);border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);padding:20px}dialog::backdrop{background:#0009}dialog h2{margin:0 0 4px}dialog p{margin:0 0 14px;color:var(--muted)}dialog input{width:100%;font:inherit;font-size:16px;padding:.75em 1em;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.field-label{display:block;font-size:.8rem;color:var(--muted);margin:12px 0 6px}.field-label:first-of-type{margin-top:0}.dialog-error{color:var(--accent);font-weight:600;margin:10px 0 0!important}.dialog-error[hidden],.name-field[hidden],.pw-field[hidden],.name-dialog-sub[hidden]{display:none}input[type=password].pw-input,.text-input{width:100%;font:inherit;font-size:16px;padding:.75em 1em;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none}.text-input:focus,.pw-input:focus{border-color:var(--accent-2)}.name-row{display:flex;gap:8px}.name-row input{flex:1;min-width:0;font:inherit;font-size:16px;padding:.75em 1em;border-radius:12px;border:1px solid var(--border);background:var(--bg);color:var(--text);outline:none}.name-row input:focus{border-color:var(--accent-2)}.name-row .dice{flex:none;padding:0 .8em;font-size:1.2rem;border-radius:12px}.dialog-actions{display:flex;flex-direction:row-reverse;justify-content:flex-start;gap:8px;margin-top:16px}.gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg)}.gate[hidden]{display:none}.gate-card{max-width:420px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px;line-height:1.6}.gate-card .btn{margin:6px 4px 0}