:root{--bg-color: #111111;--bg-panel: #1a1a1a;--bg-card: #252525;--bg-input: #333333;--text-main: #ffffff;--text-muted: #aaaaaa;--accent-primary: #ff8c00;--accent-secondary: #ffd700;--accent-success: #1DB954;--accent-danger: #E22134;--border-color: #333333;--border-light: #555555;--font-main: "Roboto", sans-serif;--font-display: "Orbitron", sans-serif;--shadow-color: #ff8c00;--glow-color: rgba(255, 140, 0, .5)}[data-theme=light]{--bg-color: #f3f4f6;--bg-panel: #ffffff;--bg-card: #ffffff;--bg-input: #f9fafb;--text-main: #111827;--text-muted: #6b7280;--accent-primary: #d97706;--accent-secondary: #b45309;--accent-success: #059669;--accent-danger: #dc2626;--border-color: #e5e7eb;--border-light: #d1d5db;--shadow-color: transparent;--glow-color: rgba(0, 0, 0, .1)}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);transition:background-color .3s ease,color .3s ease}.btn{display:inline-flex;justify-content:center;align-items:center;padding:12px 20px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-weight:700;font-size:14px;text-transform:uppercase;transition:all .2s ease;color:var(--text-main);background:var(--bg-input);font-family:var(--font-main);text-decoration:none;line-height:1.2;box-sizing:border-box}.btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--accent-primary);color:#000;box-shadow:0 0 10px #ff8c004d;border:none}.btn-primary:hover{box-shadow:0 0 15px #ff8c0080}.btn-success{background:var(--accent-success);color:#fff;border:none}.btn-danger{background:var(--accent-danger);color:#fff;border:none}.btn-outline{background:transparent;border:1px solid var(--border-light);color:var(--text-muted)}.btn-outline:hover{border-color:var(--text-main);color:var(--text-main)}.btn-small{padding:6px 12px;font-size:12px}.input-std{width:100%;padding:12px;background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-main);border-radius:6px;box-sizing:border-box;font-size:16px;font-family:var(--font-main);transition:border-color .3s}.input-std:focus{outline:none;border-color:var(--accent-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin-top:0;margin-bottom:.5em;line-height:1.2}h1{color:var(--accent-primary);font-size:2em;text-shadow:0 0 10px var(--shadow-color)}h2{color:var(--accent-primary);font-size:1.5em}h3{color:var(--accent-secondary);font-size:1.25em}*{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--bg-color)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:5px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.toast-container{position:fixed;top:20px;right:20px;z-index:99999;pointer-events:none;width:320px;max-width:calc(100vw - 40px)}.toast-list{display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:all;cursor:pointer;border-left:3px solid transparent;box-shadow:0 8px 24px #00000080;font-size:14px;line-height:1.4}.toast--success{background:#123c1ef2;border-color:#1db954;color:#e8f9ee}.toast--error{background:#3c0a0af2;border-color:#e22134;color:#fde8e8}.toast--warning{background:#372805f2;border-color:#ff8c00;color:#fff3e0}.toast--info{background:#14141ef2;border-color:#4a7abf;color:#dde8f8}.toast-icon{flex-shrink:0;font-size:15px;margin-top:1px}.toast-msg{flex:1}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;opacity:.5;cursor:pointer;font-size:12px;padding:0;line-height:1}.toast-close:hover{opacity:1}.toast-slide-enter-active{transition:all .28s cubic-bezier(.25,1,.5,1)}.toast-slide-leave-active{transition:all .2s ease-in}.toast-slide-enter-from{opacity:0;transform:translate(60px)}.toast-slide-leave-to{opacity:0;transform:translate(60px);max-height:0;margin:0;padding-top:0;padding-bottom:0}.theme-toggle{position:fixed;top:10px;left:10px;z-index:9999;background:var(--bg-panel);color:var(--accent-primary);border:1px solid var(--accent-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;transition:opacity .5s ease,transform .2s;box-shadow:0 2px 10px #0000004d}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle.hidden{opacity:0;pointer-events:none}.home-wrap[data-v-05b9b64e]{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px;box-sizing:border-box;position:relative;overflow:hidden}.home-bg-glow[data-v-05b9b64e]{position:fixed;inset:0;background:radial-gradient(ellipse 100% 70% at 50% 10%,rgba(255,140,0,.08) 0%,transparent 65%);pointer-events:none;z-index:0}.home-step[data-v-05b9b64e]{width:100%;max-width:440px;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.step-enter-active[data-v-05b9b64e],.step-leave-active[data-v-05b9b64e]{transition:opacity .22s ease,transform .22s ease}.step-enter-from[data-v-05b9b64e]{opacity:0;transform:translate(24px)}.step-leave-to[data-v-05b9b64e]{opacity:0;transform:translate(-24px)}.home-hero[data-v-05b9b64e]{text-align:center;margin-bottom:32px}.home-hero--compact[data-v-05b9b64e]{margin-bottom:20px}.home-logo[data-v-05b9b64e]{font-family:var(--font-display);font-size:36px;letter-spacing:6px;color:var(--accent-primary);text-shadow:0 0 20px rgba(255,140,0,.6),0 0 40px rgba(255,140,0,.25);line-height:1;margin-bottom:8px}.home-tagline[data-v-05b9b64e]{font-family:var(--font-display);font-size:11px;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase}.home-prompt[data-v-05b9b64e]{font-family:var(--font-display);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin:0 0 20px}.role-cards[data-v-05b9b64e]{width:100%;display:flex;flex-direction:column;gap:12px}.role-card[data-v-05b9b64e]{width:100%;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;text-align:left;transition:all .18s ease;color:var(--text-main);font-family:var(--font-main)}.role-card[data-v-05b9b64e]:hover{transform:translate(4px)}.role-card--guest[data-v-05b9b64e]{border-color:#ff8c004d}.role-card--guest[data-v-05b9b64e]:hover{background:#ff8c0012;border-color:#ff8c0099;box-shadow:0 0 20px #ff8c001f}.role-card--host[data-v-05b9b64e]{border-color:#ffd70040}.role-card--host[data-v-05b9b64e]:hover{background:#ffd7000f;border-color:#ffd70080;box-shadow:0 0 20px #ffd7001a}.role-card--jukebox[data-v-05b9b64e]{border-color:#6478a040}.role-card--jukebox[data-v-05b9b64e]:hover{background:#6478a00f;border-color:#6478a066;box-shadow:0 0 20px #6478a01a}.role-card-icon[data-v-05b9b64e]{font-size:30px;flex-shrink:0;width:44px;text-align:center}.role-card-body[data-v-05b9b64e]{flex:1;overflow:hidden}.role-card-name[data-v-05b9b64e]{font-family:var(--font-display);font-size:15px;letter-spacing:1px;margin-bottom:3px}.role-card--guest .role-card-name[data-v-05b9b64e]{color:var(--accent-primary)}.role-card--host .role-card-name[data-v-05b9b64e]{color:var(--accent-secondary)}.role-card--jukebox .role-card-name[data-v-05b9b64e]{color:#89b}.role-card-desc[data-v-05b9b64e]{font-size:13px;color:var(--text-muted);line-height:1.3}.role-card-arrow[data-v-05b9b64e]{font-size:22px;color:var(--text-muted);flex-shrink:0;transition:transform .18s}.role-card:hover .role-card-arrow[data-v-05b9b64e]{transform:translate(4px)}.back-btn[data-v-05b9b64e]{align-self:flex-start;background:none;border:none;color:var(--text-muted);font-family:var(--font-display);font-size:13px;letter-spacing:1px;cursor:pointer;padding:0;margin-bottom:16px;transition:color .15s}.back-btn[data-v-05b9b64e]:hover{color:var(--accent-primary)}.entry-card[data-v-05b9b64e]{width:100%;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,140,0,.2);border-radius:18px;padding:28px 24px;box-sizing:border-box;box-shadow:0 0 30px #0006}.entry-role-badge[data-v-05b9b64e]{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:11px;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:24px}.badge--guest[data-v-05b9b64e]{background:#ff8c001f;border:1px solid rgba(255,140,0,.35);color:var(--accent-primary)}.badge--host[data-v-05b9b64e]{background:#ffd7001a;border:1px solid rgba(255,215,0,.3);color:var(--accent-secondary)}.badge--jukebox[data-v-05b9b64e]{background:#6478a01a;border:1px solid rgba(100,120,160,.3);color:#89b}.field-label[data-v-05b9b64e]{display:block;font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.field-hint[data-v-05b9b64e]{font-family:var(--font-main);font-size:11px;letter-spacing:0;text-transform:none;opacity:.7}.entry-input[data-v-05b9b64e]{width:100%;padding:14px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);color:var(--text-main);font-size:17px;font-family:var(--font-main);font-weight:700;border-radius:10px;box-sizing:border-box;text-align:center;transition:border-color .2s,box-shadow .2s;letter-spacing:1px}.entry-input[data-v-05b9b64e]:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 12px #ff8c0033}.entry-input[data-v-05b9b64e]::placeholder{color:var(--text-muted);font-weight:400;letter-spacing:0}.entry-input--code[data-v-05b9b64e]{font-family:monospace;font-size:18px;letter-spacing:2px}.code-display-row[data-v-05b9b64e]{display:flex;gap:10px;align-items:center}.code-display[data-v-05b9b64e]{flex:1;padding:14px 16px;background:#ff8c000f;border:1px solid rgba(255,140,0,.35);border-radius:10px;text-align:center}.code-display--empty[data-v-05b9b64e]{background:#0003;border-color:#ffffff14}.code-value[data-v-05b9b64e]{font-family:var(--font-display);font-size:20px;letter-spacing:3px;color:var(--accent-primary);text-shadow:0 0 10px rgba(255,140,0,.4)}.code-display--empty .code-value[data-v-05b9b64e]{color:var(--text-muted);text-shadow:none}.code-refresh-btn[data-v-05b9b64e]{flex-shrink:0;width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);border-radius:10px;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;transition:all .15s}.code-refresh-btn[data-v-05b9b64e]:hover:not(:disabled){background:#ff8c001a;border-color:#ff8c0066;color:var(--accent-primary)}.code-refresh-btn[data-v-05b9b64e]:disabled{opacity:.3;cursor:not-allowed}.code-hint[data-v-05b9b64e]{font-size:12px;color:var(--text-muted);text-align:center;margin:10px 0 0}.entry-error[data-v-05b9b64e]{margin-top:12px;color:var(--accent-danger);font-size:13px;text-align:center}.entry-btn[data-v-05b9b64e]{margin-top:24px;width:100%;padding:15px;border:none;border-radius:30px;font-family:var(--font-display);font-size:14px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:all .2s}.entry-btn[data-v-05b9b64e]:disabled{opacity:.4;cursor:not-allowed}.entry-btn--guest[data-v-05b9b64e]{background:var(--accent-primary);color:#000;box-shadow:0 0 20px #ff8c0059}.entry-btn--guest[data-v-05b9b64e]:hover:not(:disabled){box-shadow:0 0 28px #ff8c008c;filter:brightness(1.08)}.entry-btn--host[data-v-05b9b64e]{background:transparent;color:var(--accent-secondary);border:2px solid var(--accent-secondary);box-shadow:0 0 12px #ffd70026}.entry-btn--host[data-v-05b9b64e]:hover:not(:disabled){background:#ffd7001a;box-shadow:0 0 20px #ffd7004d}.entry-btn--jukebox[data-v-05b9b64e]{background:#6478a026;color:#89b;border:1px solid rgba(100,120,160,.4)}.entry-btn--jukebox[data-v-05b9b64e]:hover:not(:disabled){background:#6478a040}.song-search-component[data-v-e0cedaf6]{width:100%;font-family:var(--font-main)}.search-bar[data-v-e0cedaf6]{display:flex;gap:10px;margin-bottom:10px}.status-text[data-v-e0cedaf6]{color:var(--accent-primary);margin-bottom:10px;font-size:14px}.status-text.error[data-v-e0cedaf6]{color:var(--accent-danger)}.results-list[data-v-e0cedaf6]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;max-height:300px;overflow-y:auto;margin-bottom:20px}.result-item[data-v-e0cedaf6]{display:flex;align-items:center;padding:10px;border-bottom:1px solid var(--border-color);cursor:pointer}.result-item[data-v-e0cedaf6]:last-child{border-bottom:none}.result-item[data-v-e0cedaf6]:hover{background:#ffffff0d}.result-item img[data-v-e0cedaf6]{width:40px;height:40px;border-radius:4px;margin-right:10px;object-fit:cover}.result-info[data-v-e0cedaf6]{flex:1;overflow:hidden}.result-name[data-v-e0cedaf6]{font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-artist[data-v-e0cedaf6]{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-add[data-v-e0cedaf6]{color:var(--accent-success);font-weight:700;font-size:20px;margin-left:10px}.result-duration[data-v-e0cedaf6]{font-size:12px;color:var(--text-muted);font-family:monospace;margin-right:5px;margin-top:2px}.show-more-btn[data-v-e0cedaf6]{width:calc(100% - 20px);margin:10px;border-style:dashed;color:var(--accent-secondary);background:transparent;cursor:pointer}.queue-list-component[data-v-481bedc6]{width:100%;font-family:var(--font-main)}.empty-msg[data-v-481bedc6]{color:var(--text-muted);text-align:center;padding:20px;font-size:14px}.genre-header[data-v-481bedc6]{background:#ff8c001a;border-bottom:1px solid var(--accent-primary);padding:8px 12px;margin:15px 0 5px;color:var(--accent-primary);font-weight:700;text-transform:uppercase;font-size:13px;display:flex;justify-content:space-between;align-items:center}.track-item[data-v-481bedc6]{display:flex;align-items:center;background:var(--bg-card);background:#ffffff08;border:1px solid var(--border-color);padding:8px;border-radius:8px;margin-bottom:5px;border-left:3px solid var(--accent-primary)}.track-item.first-item[data-v-481bedc6],.track-item.voted-track[data-v-481bedc6]{border-left-color:var(--accent-success)}.track-item.own-track[data-v-481bedc6]{background:#ffd7000d;border-right:3px solid var(--accent-secondary)}.track-cover[data-v-481bedc6]{width:40px;height:40px;border-radius:4px;margin-right:10px;object-fit:cover}.track-info[data-v-481bedc6]{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-name[data-v-481bedc6]{font-weight:700;color:var(--text-main);font-size:14px}.track-artist[data-v-481bedc6]{font-size:12px;color:var(--text-muted)}.track-actions[data-v-481bedc6]{display:flex;align-items:center;gap:8px;margin-left:10px}.btn-small[data-v-481bedc6]{background:transparent;border:1px solid var(--border-light);color:var(--text-muted);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px}.btn-opt[data-v-481bedc6]{font-size:16px;line-height:1}.btn-opt[data-v-481bedc6]:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-move-up[data-v-481bedc6]:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.btn-vote[data-v-481bedc6]{background:transparent;border:2px solid var(--border-light);color:var(--border-light);border-radius:50%;width:30px;height:30px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.voted-track .btn-vote[data-v-481bedc6]{border-color:var(--accent-success);color:var(--accent-success)}.votes-count[data-v-481bedc6]{color:var(--accent-primary);font-weight:700;font-size:14px}.vote-badge[data-v-481bedc6]{background:var(--accent-success);color:var(--text-main);font-size:10px;padding:1px 5px;border-radius:4px;margin-left:5px;vertical-align:middle}.vote-badge-display[data-v-481bedc6]{color:var(--accent-success);font-weight:700;font-size:13px}.own-badge[data-v-481bedc6]{color:var(--accent-secondary);font-size:10px;margin-left:5px}.current-track-card[data-v-de32b5d2]{background:#ffffff0d;border:1px solid var(--border-light);border-left:4px solid var(--accent-primary);border-radius:8px;padding:15px;margin-bottom:20px;box-shadow:0 4px 10px #0000004d}.track-cover[data-v-de32b5d2]{width:50px;height:50px;border-radius:6px;object-fit:cover}.guest-container[data-v-3b35e9d3]{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);min-height:100vh;padding:20px 18px 40px;max-width:560px;margin:0 auto;position:relative}.guest-bg-glow[data-v-3b35e9d3]{position:fixed;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(255,140,0,.07) 0%,transparent 65%);pointer-events:none;z-index:0}.offline-banner[data-v-3b35e9d3]{background:#e2213426;border:1px solid var(--accent-danger);color:var(--accent-danger);text-align:center;padding:10px 14px;border-radius:10px;margin-bottom:16px;font-size:13px;font-weight:700;animation:pulse-offline-3b35e9d3 2s infinite;position:relative;z-index:1}@keyframes pulse-offline-3b35e9d3{0%,to{opacity:.7}50%{opacity:1}}.guest-header[data-v-3b35e9d3]{text-align:center;padding:20px 0 18px;position:relative;z-index:1}.guest-logo[data-v-3b35e9d3]{font-family:var(--font-display);font-size:28px;letter-spacing:5px;color:var(--accent-primary);text-shadow:0 0 15px rgba(255,140,0,.6),0 0 30px rgba(255,140,0,.3);line-height:1;margin-bottom:4px}.guest-tagline[data-v-3b35e9d3]{font-family:var(--font-display);font-size:11px;letter-spacing:3px;color:var(--text-muted);text-transform:uppercase;margin-bottom:10px}.guest-genre-chip[data-v-3b35e9d3]{display:inline-block;background:#ff8c001a;border:1px solid rgba(255,140,0,.35);color:var(--accent-primary);font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:3px 12px;border-radius:12px}.now-playing-wrap[data-v-3b35e9d3]{position:relative;z-index:1;margin-bottom:4px}.guest-search[data-v-3b35e9d3]{position:relative;z-index:1;margin-bottom:16px}.guest-search[data-v-3b35e9d3] .search-bar{background:#140f05b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,140,0,.3);border-radius:40px;padding:5px 5px 5px 18px;display:flex;gap:0;transition:border-color .2s}.guest-search[data-v-3b35e9d3] .search-bar:focus-within{border-color:#ff8c00b3;box-shadow:0 0 12px #ff8c0026}.guest-search[data-v-3b35e9d3] .input-std{background:transparent;border:none;border-radius:0;font-size:15px;padding:10px 4px;color:var(--text-main);box-shadow:none}.guest-search[data-v-3b35e9d3] .input-std:focus{outline:none;border:none;box-shadow:none}.guest-search[data-v-3b35e9d3] .btn-success{border-radius:30px;padding:8px 18px;font-size:13px}.guest-search[data-v-3b35e9d3] .results-list{border-radius:16px;border-color:#ff8c0033;margin-top:8px;box-shadow:0 12px 30px #000000b3;background:#140f05f7}.guest-search[data-v-3b35e9d3] .result-item:hover{background:#ff8c000f}.status-toast[data-v-3b35e9d3]{position:relative;z-index:1;text-align:center;font-family:var(--font-display);font-size:11px;letter-spacing:1px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:14px;display:inline-block;width:100%;box-sizing:border-box}.toast-success[data-v-3b35e9d3]{color:var(--accent-success);background:#1db95414;border:1px solid rgba(29,185,84,.3)}.toast-info[data-v-3b35e9d3]{color:var(--accent-primary);background:#ff8c0014;border:1px solid rgba(255,140,0,.3)}.toast-enter-active[data-v-3b35e9d3],.toast-leave-active[data-v-3b35e9d3]{transition:opacity .3s,transform .3s}.toast-enter-from[data-v-3b35e9d3],.toast-leave-to[data-v-3b35e9d3]{opacity:0;transform:translateY(-8px)}.locked-track-card[data-v-3b35e9d3]{position:relative;z-index:1;margin-bottom:16px;background:#0f230fb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(29,185,84,.35);border-left:3px solid var(--accent-success);padding:12px 15px;border-radius:12px;box-shadow:0 0 15px #1db95414}.locked-label[data-v-3b35e9d3]{display:block;color:var(--accent-success);font-family:var(--font-display);font-size:10px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px;opacity:.9}.locked-body[data-v-3b35e9d3]{display:flex;align-items:center;gap:10px}.locked-info[data-v-3b35e9d3]{overflow:hidden}.locked-name[data-v-3b35e9d3]{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.locked-artist[data-v-3b35e9d3]{color:var(--text-muted);font-size:12px}.vote-btn[data-v-3b35e9d3]{position:relative;z-index:1;width:100%;margin-bottom:20px;padding:14px;font-size:14px;font-family:var(--font-display);letter-spacing:1px;border-radius:30px;background:#e221341f;border:1px solid rgba(226,33,52,.5);color:var(--accent-danger);cursor:pointer;transition:all .2s;text-transform:uppercase}.vote-btn[data-v-3b35e9d3]:hover{background:#e2213433;box-shadow:0 0 15px #e2213433}.vote-btn--active[data-v-3b35e9d3]{background:#e2213433;border-color:var(--accent-danger);box-shadow:0 0 12px #e2213440}.queue-section-header[data-v-3b35e9d3]{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,140,0,.25)}.queue-section-title[data-v-3b35e9d3]{font-family:var(--font-display);color:var(--accent-primary);font-size:12px;letter-spacing:3px;text-transform:uppercase;margin:0;text-shadow:0 0 8px rgba(255,140,0,.3)}.queue-count-badge[data-v-3b35e9d3]{background:#ff8c001f;border:1px solid rgba(255,140,0,.3);color:var(--accent-primary);font-family:var(--font-display);font-size:11px;padding:1px 8px;border-radius:10px}.popup-notification[data-v-3b35e9d3]{position:fixed;top:20px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1db954f2,#128039f2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:14px 22px;border-radius:20px;box-shadow:0 12px 30px #000c,0 0 20px #1db95440;z-index:9999;text-align:center;width:85%;max-width:340px;border:1px solid rgba(255,215,0,.35);display:flex;align-items:center;gap:12px}.notification-icon[data-v-3b35e9d3]{font-size:26px;flex-shrink:0}.notification-title[data-v-3b35e9d3]{display:block;font-weight:700;font-size:14px}.notification-song[data-v-3b35e9d3]{font-size:12px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.notification-enter-active[data-v-3b35e9d3]{animation:notification-in-3b35e9d3 .4s cubic-bezier(.25,1,.5,1)}.notification-leave-active[data-v-3b35e9d3]{animation:notification-in-3b35e9d3 .3s cubic-bezier(.5,0,.75,0) reverse}@keyframes notification-in-3b35e9d3{0%{transform:translate(-50%) translateY(-60px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.modal-overlay[data-v-3b35e9d3]{position:fixed;inset:0;background:#000000e0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.tutorial-overlay[data-v-3b35e9d3]{z-index:10000}.modal-content[data-v-3b35e9d3]{background:linear-gradient(160deg,#1e1405fa,#1a1a1afa);padding:22px;border-radius:16px;border:1px solid rgba(255,140,0,.35);border-top:2px solid var(--accent-primary);width:92%;max-width:420px;box-shadow:0 0 30px #ff8c0026,0 20px 40px #0009;box-sizing:border-box}.modal-tutorial[data-v-3b35e9d3]{max-width:460px}.modal-header[data-v-3b35e9d3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-title[data-v-3b35e9d3]{margin:0;font-family:var(--font-display);font-size:1em;letter-spacing:1px;color:var(--accent-primary)}.tutorial-title[data-v-3b35e9d3]{margin-top:0;color:var(--accent-primary);font-size:1.4em;text-shadow:0 0 10px rgba(255,140,0,.4)}.tutorial-intro[data-v-3b35e9d3]{margin-bottom:15px;font-size:14px;color:var(--text-muted)}.tutorial-list[data-v-3b35e9d3]{text-align:left;padding-left:20px;line-height:1.6;font-size:14px;color:var(--text-main)}.tutorial-list li[data-v-3b35e9d3]{margin-bottom:10px}.tutorial-btn[data-v-3b35e9d3]{width:100%;margin-top:18px;padding:12px;font-size:15px;border-radius:30px}.now-playing-label[data-v-3b35e9d3]{font-size:13px;color:var(--text-muted);margin-bottom:16px;padding:8px 12px;background:#ffffff08;border-radius:8px;border:1px solid var(--border-color)}.genre-highlight[data-v-3b35e9d3]{color:var(--accent-success)}.vote-section[data-v-3b35e9d3]{margin-bottom:14px;background:#ffffff08;padding:14px;border-radius:10px;border:1px solid var(--border-color)}.vote-section[data-v-3b35e9d3]:last-child{margin-bottom:0}.vote-section-title[data-v-3b35e9d3]{margin-top:0;margin-bottom:4px;font-size:.95em}.vote-section-title--danger[data-v-3b35e9d3]{color:var(--accent-danger)}.vote-section-title--secondary[data-v-3b35e9d3]{color:var(--accent-secondary)}.vote-section-desc[data-v-3b35e9d3]{font-size:12px;color:var(--text-muted);margin-bottom:10px}.btn-block-full[data-v-3b35e9d3]{width:100%;box-sizing:border-box}.btn.voted[data-v-3b35e9d3]{background:#e221341a;border-color:var(--accent-danger);color:var(--accent-danger)}.vote-counter[data-v-3b35e9d3]{margin-left:6px;opacity:.8;font-size:.9em}.rtv-locked-msg[data-v-3b35e9d3]{width:100%;background:#ffffff0a;border:1px dashed rgba(255,255,255,.15);color:var(--text-muted);padding:10px;border-radius:8px;text-align:center;font-size:13px;box-sizing:border-box}.empty-genres-msg[data-v-3b35e9d3]{color:var(--text-muted);font-size:13px;text-align:center}.genre-item[data-v-3b35e9d3]{display:flex;justify-content:space-between;align-items:center;background:#ff8c0012;border:1px solid rgba(255,140,0,.2);padding:10px 12px;border-radius:8px;margin-bottom:7px}.genre-item-name[data-v-3b35e9d3]{color:var(--accent-secondary);font-size:14px}.genre-actions[data-v-3b35e9d3]{display:flex;gap:10px;align-items:center}.genre-vote-count[data-v-3b35e9d3]{font-size:13px;color:var(--accent-primary);font-family:var(--font-display)}.genre-vote-btn[data-v-3b35e9d3]{background:transparent;border:1px solid rgba(255,140,0,.4);color:var(--accent-primary);padding:4px 10px;border-radius:6px;font-weight:700;cursor:pointer;font-size:14px;transition:all .15s}.genre-vote-btn[data-v-3b35e9d3]:hover{background:#ff8c0026}.genre-vote-btn.voted-genre[data-v-3b35e9d3]{background:#1db95426;border-color:var(--accent-success);color:var(--accent-success)}.host-container[data-v-ed44e0ed]{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);min-height:100vh;padding:20px;max-width:800px;margin:0 auto}.no-margin[data-v-ed44e0ed]{margin:0}.no-margin-top[data-v-ed44e0ed]{margin-top:0}.flex-1[data-v-ed44e0ed]{flex:1}.btn-full[data-v-ed44e0ed]{width:100%}.overlay-fullscreen[data-v-ed44e0ed],.modal-overlay[data-v-ed44e0ed]{position:fixed;top:0;left:0;width:100%;height:100%;background:#1a0b00f2;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-card[data-v-ed44e0ed]{background:var(--bg-panel);padding:40px;border-radius:12px;border:1px solid var(--accent-primary);box-shadow:0 0 30px #ff8c004d;width:90%;max-width:380px;text-align:center}.auth-card-icon[data-v-ed44e0ed]{font-size:40px;margin-bottom:15px}.auth-card-title[data-v-ed44e0ed]{margin:0 0 10px;font-size:1.5em;color:var(--accent-primary)}.auth-card-hint[data-v-ed44e0ed]{color:var(--text-muted);font-size:14px;margin-bottom:20px}.auth-submit[data-v-ed44e0ed]{margin-top:12px;margin-bottom:15px}.reset-hint[data-v-ed44e0ed]{font-size:11px;color:var(--text-muted);margin:0}.host-header[data-v-ed44e0ed]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--accent-primary);padding-bottom:15px;margin-bottom:20px;flex-wrap:wrap;gap:10px}.header-buttons[data-v-ed44e0ed]{display:flex;gap:10px;flex-wrap:wrap}.suggestions-btn[data-v-ed44e0ed]{position:relative}.suggestions-active[data-v-ed44e0ed]{background:#ff8c0033;color:var(--accent-primary);border:1px solid var(--accent-primary)}.volume-control[data-v-ed44e0ed]{display:flex;align-items:center;gap:10px;margin-bottom:20px;background:#ffffff0d;padding:10px 15px;border-radius:8px;border:1px solid var(--border-light)}.volume-icon[data-v-ed44e0ed]{font-size:1.2em}.volume-slider[data-v-ed44e0ed]{flex:1}.locked-track-section[data-v-ed44e0ed]{margin-bottom:20px;padding:15px;background:#1db9541a;border:1px solid var(--accent-success);border-radius:8px}.locked-track-label[data-v-ed44e0ed]{margin:0 0 5px;color:var(--accent-success);font-size:12px;text-transform:uppercase}.locked-track-body[data-v-ed44e0ed]{display:flex;align-items:center;gap:15px}.locked-track-cover[data-v-ed44e0ed]{width:40px;height:40px;border-radius:4px;object-fit:cover}.locked-track-name[data-v-ed44e0ed]{font-weight:700;font-size:15px;color:var(--text-main)}.locked-track-artist[data-v-ed44e0ed]{font-size:13px;color:var(--text-muted)}.section-header[data-v-ed44e0ed]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--accent-primary);padding-bottom:5px;margin-bottom:15px}.history-section-header[data-v-ed44e0ed]{margin-top:30px;border-bottom-color:var(--border-light)}.history-title[data-v-ed44e0ed]{color:var(--text-muted);font-size:1.1em}.history-list[data-v-ed44e0ed]{list-style:none;padding:0;margin:0;opacity:.6}.history-empty[data-v-ed44e0ed]{color:gray;padding:10px 0;list-style:none;font-size:14px}.history-item[data-v-ed44e0ed]{border-bottom:1px solid var(--border-color);padding:8px 0;color:var(--text-muted);font-size:14px}.modal-content[data-v-ed44e0ed]{background:var(--bg-panel);padding:25px;border-radius:12px;border:1px solid var(--accent-primary);width:90%;max-width:400px;box-shadow:0 0 30px #ff8c004d}.modal-scrollable[data-v-ed44e0ed]{max-height:80vh;overflow-y:auto}.modal-narrow[data-v-ed44e0ed]{max-width:350px}.modal-medium[data-v-ed44e0ed]{max-width:400px}.modal-wide[data-v-ed44e0ed]{width:95%;max-width:500px}.modal-centered[data-v-ed44e0ed]{text-align:center}.modal-header[data-v-ed44e0ed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-header-mb[data-v-ed44e0ed]{margin-bottom:20px}.modal-hint[data-v-ed44e0ed]{font-size:12px;color:var(--text-muted);margin-bottom:10px}.modal-input[data-v-ed44e0ed]{margin-top:15px}.modal-actions[data-v-ed44e0ed]{display:flex;gap:10px;margin-top:15px}.modal-actions-mb[data-v-ed44e0ed]{display:flex;gap:10px;margin-bottom:15px}.modal-actions-col[data-v-ed44e0ed]{display:flex;flex-direction:column;gap:10px;margin-top:20px}.badge[data-v-ed44e0ed]{background:var(--accent-danger);color:var(--text-main);border-radius:50%;padding:2px 6px;font-size:10px;position:absolute;top:-8px;right:-8px;font-weight:700;border:2px solid #1a0b00}.genre-badge[data-v-ed44e0ed]{display:inline-block;background:#ff8c001a;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:4px 8px;border-radius:4px;margin:2px;cursor:pointer;font-size:12px}.db-scroll-area[data-v-ed44e0ed]{max-height:30vh;overflow-y:auto;margin-bottom:20px;padding-right:5px}.db-section-title[data-v-ed44e0ed]{margin:0 0 10px;color:var(--accent-secondary);border-bottom:1px solid var(--border-color);padding-bottom:5px}.db-item[data-v-ed44e0ed]{display:flex;align-items:center;background:#ffffff05;border-bottom:1px solid var(--border-color);padding:8px;margin-bottom:2px}.db-col[data-v-ed44e0ed]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.db-name[data-v-ed44e0ed]{width:50%;color:#ddd}.db-val[data-v-ed44e0ed]{width:30%;text-align:right;color:var(--accent-primary);font-size:11px;margin-right:10px}.db-actions[data-v-ed44e0ed]{width:20%;text-align:right}.db-empty[data-v-ed44e0ed]{color:gray;font-size:12px}.db-btn[data-v-ed44e0ed]{padding:2px 6px}.layout-toggles[data-v-ed44e0ed]{display:flex;flex-direction:column;gap:15px;color:var(--accent-secondary)}.layout-toggle[data-v-ed44e0ed]{display:flex;justify-content:space-between;cursor:pointer;border-bottom:1px solid var(--accent-primary);padding-bottom:10px}.layout-toggle.no-border[data-v-ed44e0ed]{border-bottom:none}.layout-range[data-v-ed44e0ed]{display:flex;flex-direction:column;gap:5px;margin-top:-10px;margin-bottom:10px;padding-left:25px}.range-label[data-v-ed44e0ed]{font-size:12px;color:var(--text-muted)}.suggestions-empty[data-v-ed44e0ed]{color:gray;text-align:center}.suggestion-item[data-v-ed44e0ed]{padding:12px;background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;margin-bottom:10px;border-left:4px solid var(--accent-primary);display:flex;align-items:center;justify-content:space-between}.suggestion-info[data-v-ed44e0ed]{flex:1;overflow:hidden;margin-right:10px}.suggestion-artist-row[data-v-ed44e0ed]{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.suggestion-artist[data-v-ed44e0ed]{color:var(--text-main);font-size:15px}.suggestion-genre-label[data-v-ed44e0ed]{color:var(--text-muted);font-size:12px;display:block;margin-top:2px}.suggestion-genre-name[data-v-ed44e0ed]{color:var(--accent-primary)}.lastfm-badge[data-v-ed44e0ed]{display:inline-block;background:#d51007;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:4px;text-decoration:none;letter-spacing:.5px;flex-shrink:0;opacity:.9;transition:opacity .2s}.lastfm-badge[data-v-ed44e0ed]:hover{opacity:1}.suggestion-actions[data-v-ed44e0ed]{display:flex;gap:5px}.btn-accept[data-v-ed44e0ed]{border-color:var(--accent-success);color:var(--accent-success)}.btn-edit-genre[data-v-ed44e0ed]{border-color:var(--accent-primary);color:var(--accent-primary)}.save-tags-artist[data-v-ed44e0ed]{margin-bottom:5px}.tags-preview[data-v-ed44e0ed]{color:var(--text-muted);font-size:13px;margin:10px 0;padding:10px;background:#00000080;border-radius:6px;border:1px solid var(--accent-primary)}.save-tags-question[data-v-ed44e0ed]{font-size:14px}.save-tags-genre[data-v-ed44e0ed]{color:var(--accent-primary)}.track-action-title[data-v-ed44e0ed]{color:var(--accent-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:1.1em}.btn-edit-track[data-v-ed44e0ed]{border:1px solid var(--accent-primary);color:var(--accent-primary);width:100%;margin-bottom:10px}.settings-group[data-v-ed44e0ed]{margin-bottom:20px}.settings-group-mt[data-v-ed44e0ed]{margin-top:0}.rtv-section[data-v-ed44e0ed]{background:#140a00d9;border:1px solid var(--accent-danger);padding:15px;border-radius:8px;border-left:4px solid var(--accent-danger);box-shadow:0 0 5px var(--accent-danger)}.settings-group-title[data-v-ed44e0ed]{margin:0 0 10px;color:var(--accent-danger)}.settings-row[data-v-ed44e0ed]{display:flex;justify-content:space-between;margin-bottom:5px}.settings-row-mt[data-v-ed44e0ed]{margin-top:15px}.settings-label[data-v-ed44e0ed]{font-size:14px;color:var(--accent-secondary)}.settings-range[data-v-ed44e0ed]{width:100%}.settings-votes-info[data-v-ed44e0ed]{font-size:12px;color:var(--text-muted);margin-top:5px;text-align:right}.votes-count[data-v-ed44e0ed]{color:var(--accent-danger)}.settings-btn[data-v-ed44e0ed]{margin-bottom:10px}.settings-grid[data-v-ed44e0ed]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-btn[data-v-ed44e0ed]{border-color:#ff8c0080;color:var(--accent-primary)}.invite-url-box[data-v-ed44e0ed]{background:#00000059;border:1px solid var(--border-light);border-radius:8px;padding:10px 12px;margin-bottom:12px;word-break:break-all;font-size:12px;color:var(--text-muted);text-align:left;font-family:monospace}.invite-copy-btn[data-v-ed44e0ed]{margin-bottom:20px}.invite-qr-wrap[data-v-ed44e0ed]{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:4px;border-top:1px solid var(--border-color)}.invite-qr-img[data-v-ed44e0ed]{width:160px;height:160px;border:2px solid rgba(255,215,0,.4);border-radius:10px;display:block}.invite-qr-hint[data-v-ed44e0ed]{font-size:11px;color:var(--text-muted);margin:0;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase}.login-section[data-v-ed44e0ed]{text-align:center;padding:40px 0}.current-playing-section[data-v-ed44e0ed]{margin-bottom:20px;padding:15px;background:#140a00d9;border:1px solid var(--accent-primary);border-radius:8px;border-left:4px solid var(--accent-primary);box-shadow:0 0 5px var(--accent-primary)}.jukebox-container[data-v-046121bb]{width:100vw;max-width:100vw;height:100vh;padding:0;margin:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background-color:var(--bg-color);font-family:var(--font-main);position:relative}.jukebox-bg-glow[data-v-046121bb]{position:fixed;inset:0;background:radial-gradient(ellipse 80% 60% at calc(50% + var(--offset-x, 0px)) 50%,rgba(255,140,0,.06) 0%,transparent 70%);pointer-events:none;z-index:0;transition:background .4s ease}.jukebox-container.scanlines[data-v-046121bb]:before{content:"";position:fixed;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:500}.waiting-msg[data-v-046121bb]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px;z-index:10}.waiting-icon[data-v-046121bb]{font-size:48px;animation:waiting-pulse-046121bb 2s ease-in-out infinite}.waiting-msg span[data-v-046121bb]:last-child{color:var(--accent-primary);font-size:18px;font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 15px var(--accent-primary);animation:waiting-pulse-046121bb 2s ease-in-out infinite}@keyframes waiting-pulse-046121bb{0%,to{opacity:.5}50%{opacity:1}}.jukebox-sidebar[data-v-046121bb]{position:absolute;left:30px;top:30px;bottom:30px;width:320px;display:flex;flex-direction:column;background:linear-gradient(160deg,#1e1405f7,#1a1a1af7);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,140,0,.4);border-top:2px solid var(--accent-primary);border-radius:16px;box-shadow:0 0 20px #ff8c0026,inset 0 1px #ffffff0d;z-index:50;padding:20px;box-sizing:border-box}.sidebar-title[data-v-046121bb]{color:var(--accent-primary);margin-top:0;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid rgba(255,140,0,.3);font-family:var(--font-display);font-size:calc(1em * var(--sidebar-scale));letter-spacing:2px;text-transform:uppercase;text-shadow:0 0 8px rgba(255,140,0,.5)}.jukebox-sidebar h4[data-v-046121bb]{color:var(--accent-success);margin:0 0 10px;text-align:left;font-size:calc(1em * var(--sidebar-scale))}.locked-track-sidebar[data-v-046121bb]{margin-top:12px;padding:10px 12px;background:#1db95414;border:1px solid rgba(29,185,84,.4);border-left:3px solid var(--accent-success);border-radius:8px}.locked-label[data-v-046121bb]{display:block;color:var(--accent-success);font-size:calc(11px * var(--sidebar-scale));text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-weight:700}.locked-row[data-v-046121bb]{display:flex;align-items:center;gap:10px}.locked-cover[data-v-046121bb]{width:calc(30px * var(--sidebar-scale));height:calc(30px * var(--sidebar-scale));border-radius:4px;object-fit:cover;flex-shrink:0}.locked-name[data-v-046121bb]{font-weight:700;font-size:calc(13px * var(--sidebar-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-main)}.display-voting-section[data-v-046121bb]{border-top:1px solid rgba(255,140,0,.2);padding-top:15px;margin-top:auto}.voting-title[data-v-046121bb]{color:var(--accent-secondary)!important;font-size:calc(.9em * var(--sidebar-scale))!important;margin-bottom:12px!important;letter-spacing:1px}.rtv-header[data-v-046121bb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:calc(12px * var(--sidebar-scale));color:var(--text-muted)}.rtv-status[data-v-046121bb]{color:var(--accent-danger);font-weight:700;font-size:calc(13px * var(--sidebar-scale));background:#e2213426;padding:calc(2px * var(--sidebar-scale)) calc(8px * var(--sidebar-scale));border-radius:10px;border:1px solid rgba(226,33,52,.5);font-family:var(--font-display)}.display-genre-votes[data-v-046121bb]{display:flex;flex-direction:column;gap:5px}.genre-vote-item[data-v-046121bb]{display:flex;justify-content:space-between;align-items:center;background:#ff8c0012;padding:calc(6px * var(--sidebar-scale)) calc(10px * var(--sidebar-scale));border-radius:6px;border:1px solid rgba(255,140,0,.25);transition:background .2s}.genre-vote-item[data-v-046121bb]:hover{background:#ff8c001f}.genre-name[data-v-046121bb]{color:var(--accent-secondary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:calc(170px * var(--sidebar-scale));font-size:calc(12px * var(--sidebar-scale))}.genre-vote-count[data-v-046121bb]{color:var(--accent-primary);font-weight:700;font-size:calc(12px * var(--sidebar-scale));font-family:var(--font-display)}.empty-msg[data-v-046121bb]{font-size:calc(12px * var(--sidebar-scale));color:var(--text-muted);text-align:center}.jukebox-sidebar[data-v-046121bb] .track-item{font-size:calc(13px * var(--sidebar-scale));padding:calc(6px * var(--sidebar-scale)) calc(8px * var(--sidebar-scale));border-radius:6px}.jukebox-sidebar[data-v-046121bb] .track-name{font-size:calc(13px * var(--sidebar-scale))}.jukebox-sidebar[data-v-046121bb] .track-artist{font-size:calc(11px * var(--sidebar-scale))}.jukebox-sidebar[data-v-046121bb] .track-cover{width:calc(36px * var(--sidebar-scale));height:calc(36px * var(--sidebar-scale))}.neon-coverflow[data-v-046121bb]{display:flex;justify-content:center;align-items:center;perspective:1400px;width:100%;min-height:560px;margin-top:-40px;margin-left:var(--offset-x);transition:margin-left .4s cubic-bezier(.25,1,.5,1);position:relative;z-index:10}.cover-side[data-v-046121bb]{display:flex;position:relative;width:200px;height:200px;transform-style:preserve-3d}.left-covers[data-v-046121bb]{transform:rotateY(42deg);margin-right:-85px}.right-covers[data-v-046121bb]{transform:rotateY(-42deg);margin-left:-85px}.cover-side img[data-v-046121bb]{position:absolute;width:185px;height:185px;object-fit:cover;border-radius:8px;border:1px solid rgba(255,215,0,.3);box-shadow:0 0 20px #ffd70033}.left-covers img[data-v-046121bb]:nth-child(3){transform:translateZ(-110px) translate(-110px);opacity:.15}.left-covers img[data-v-046121bb]:nth-child(2){transform:translateZ(-55px) translate(-55px);opacity:.45}.left-covers img[data-v-046121bb]:nth-child(1){transform:translateZ(0) translate(0);opacity:.75}.right-covers img[data-v-046121bb]:nth-child(1){transform:translateZ(0) translate(0);opacity:.75}.right-covers img[data-v-046121bb]:nth-child(2){transform:translateZ(-55px) translate(55px);opacity:.45}.right-covers img[data-v-046121bb]:nth-child(3){transform:translateZ(-110px) translate(110px);opacity:.15}.cover-center[data-v-046121bb]{z-index:10;text-align:center;width:360px;transform:translateZ(60px)}.center-img-wrapper[data-v-046121bb]{position:relative;display:inline-block;margin-bottom:5px}.center-img[data-v-046121bb]{width:360px;height:360px;object-fit:cover;border-radius:14px;border:2px solid var(--accent-primary);box-shadow:0 0 40px #ff8c0080,0 0 80px #ff8c0033,0 25px 50px #000000b3;display:block;background:var(--bg-color)}.center-img-placeholder[data-v-046121bb]{opacity:.3}.center-img-reflection[data-v-046121bb]{position:absolute;bottom:-28px;left:5%;right:5%;height:30px;background:var(--accent-primary);filter:blur(14px);opacity:.2;border-radius:50%}.neon-fallback-label[data-v-046121bb]{color:var(--accent-primary);font-size:11px;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 8px var(--shadow-color);margin:10px 0 4px;font-family:var(--font-display);opacity:.8}.track-info-center[data-v-046121bb]{min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:8px;margin-top:10px;gap:4px}.neon-title[data-v-046121bb]{font-size:26px;font-weight:700;font-family:var(--font-display);color:var(--text-main);text-shadow:0 0 12px rgba(255,140,0,.6),0 0 24px rgba(255,140,0,.3);line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:.5px}.neon-artist[data-v-046121bb]{font-size:16px;color:var(--accent-secondary);text-shadow:0 0 10px rgba(255,215,0,.4);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;letter-spacing:1px}.genre-chip[data-v-046121bb]{display:inline-block;background:#ff8c001f;border:1px solid rgba(255,140,0,.4);color:var(--accent-primary);font-size:11px;font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;padding:3px 10px;border-radius:12px;margin-top:4px}.progress-wrapper[data-v-046121bb]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:10px}.progress-time[data-v-046121bb]{font-size:12px;color:var(--accent-primary);width:42px;font-weight:700;font-family:var(--font-display);opacity:.8}.progress-container[data-v-046121bb]{flex:1;height:4px;background:#ffffff14;border-radius:4px;margin:0 10px;overflow:hidden}.progress-bar[data-v-046121bb]{height:100%;background:linear-gradient(90deg,#ff8c00,gold);box-shadow:0 0 8px var(--accent-primary);border-radius:4px;transition:width 2s linear}@keyframes pulse-beat-046121bb{0%{box-shadow:0 0 40px #ff8c0080,0 0 80px #ff8c0033,0 25px 50px #000000b3;transform:scale(1)}50%{box-shadow:0 0 50px #ff8c00a6,0 0 100px #ff8c004d,0 25px 50px #000000b3;transform:scale(1.012)}to{box-shadow:0 0 40px #ff8c0080,0 0 80px #ff8c0033,0 25px 50px #000000b3;transform:scale(1)}}.visualizer-pulse[data-v-046121bb]{animation:pulse-beat-046121bb .8s ease-in-out infinite}.guest-search-container[data-v-046121bb]{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:90%;max-width:560px;text-align:center;z-index:20}.guest-search-container[data-v-046121bb] .search-bar{background:#140f05d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,140,0,.35);border-radius:40px;padding:6px 6px 6px 18px;display:flex;gap:0}.guest-search-container[data-v-046121bb] .input-std{background:transparent;border:none;border-radius:0;font-size:15px;padding:10px 4px;color:var(--text-main);box-shadow:none}.guest-search-container[data-v-046121bb] .input-std:focus{outline:none;border:none;box-shadow:none}.guest-search-container[data-v-046121bb] .btn-success{border-radius:30px;padding:8px 20px;font-size:13px}.guest-search-container[data-v-046121bb] .results-list{border-radius:16px;border-color:#ff8c0040;margin-top:8px;box-shadow:0 10px 30px #0009}.searching-msg[data-v-046121bb]{color:var(--accent-primary);font-size:13px;margin-top:8px;font-family:var(--font-display);letter-spacing:1px;animation:waiting-pulse-046121bb 1s ease-in-out infinite}.qr-container[data-v-046121bb]{position:fixed;bottom:28px;right:28px;z-index:100}.qr-card[data-v-046121bb]{background:#140f05e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,215,0,.35);border-radius:14px;padding:calc(12px * var(--qr-scale));text-align:center;width:calc(var(--current-qr-size, 120px) + calc(24px * var(--qr-scale)));box-sizing:border-box;box-shadow:0 0 20px #ffd7001a,0 8px 24px #00000080}.qr-label[data-v-046121bb]{color:var(--accent-secondary);font-size:calc(10px * var(--qr-scale));margin:0 0 calc(8px * var(--qr-scale)) 0;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;opacity:.85;display:block;word-break:break-word;white-space:normal}.qr-code-img[data-v-046121bb]{border:2px solid rgba(255,215,0,.5);border-radius:10px;display:block;margin:0 auto;box-shadow:0 0 12px #ffd70033}.web-player-btn[data-v-046121bb]{position:fixed;top:18px;right:18px;background:#0a0802bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,140,0,.4);color:var(--accent-primary);padding:8px 18px;border-radius:20px;cursor:pointer;z-index:200;font-size:12px;font-weight:700;font-family:var(--font-display);letter-spacing:1px;transition:all .2s}.web-player-btn[data-v-046121bb]:hover{background:var(--accent-primary);color:#000;box-shadow:0 0 15px #ff8c0066}@media(max-height:800px){.neon-coverflow[data-v-046121bb]{transform:scale(.85);margin-top:-70px}.guest-search-container[data-v-046121bb]{bottom:12px}}@media(max-height:650px){.neon-coverflow[data-v-046121bb]{transform:scale(.68);margin-top:-100px}}.admin-wrapper[data-v-ec5fcff4]{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-main);min-height:100vh;padding:20px;box-sizing:border-box}.container[data-v-ec5fcff4]{max-width:1000px;margin:0 auto}.header-section[data-v-ec5fcff4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.login-overlay[data-v-ec5fcff4]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:100;display:flex;justify-content:center;align-items:center;flex-direction:column}.section[data-v-ec5fcff4]{background:var(--bg-panel);padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 4px 10px #00000080}.section-desc[data-v-ec5fcff4]{color:var(--text-muted);font-size:14px;margin-bottom:15px}.stats-grid[data-v-ec5fcff4]{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat-card[data-v-ec5fcff4]{background:var(--bg-card);padding:15px;border-radius:8px;text-align:center;box-shadow:0 2px 5px #0000004d}.stat-val[data-v-ec5fcff4]{font-size:24px;font-weight:700;color:var(--accent-success);font-family:var(--font-display)}.table-scroll[data-v-ec5fcff4]{overflow-y:auto}.admin-table[data-v-ec5fcff4]{width:100%;border-collapse:collapse;margin-top:10px;font-size:14px}.admin-table th[data-v-ec5fcff4],.admin-table td[data-v-ec5fcff4]{text-align:left;padding:12px;border-bottom:1px solid var(--border-color)}.admin-table th[data-v-ec5fcff4]{color:var(--accent-success);font-weight:700;position:sticky;top:0;background:var(--bg-panel);z-index:10}.admin-table tr[data-v-ec5fcff4]:hover{background:var(--bg-card)}.badge[data-v-ec5fcff4]{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.badge-ok[data-v-ec5fcff4]{background:var(--accent-success);color:#000}.actions[data-v-ec5fcff4]{display:flex;gap:5px}.radio-label[data-v-ec5fcff4]{margin-right:15px;color:var(--text-main);cursor:pointer}.edit-form[data-v-ec5fcff4]{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.form-group[data-v-ec5fcff4]{flex:1;min-width:200px}.form-group label[data-v-ec5fcff4]{display:block;font-size:12px;color:var(--text-muted);margin-bottom:5px}.form-actions[data-v-ec5fcff4]{display:flex;gap:5px}.import-bar[data-v-ec5fcff4]{display:flex;gap:10px;margin-bottom:15px}.playlist-genre-input[data-v-ec5fcff4]{width:100%;padding:8px;box-sizing:border-box;background:#0000004d;border:1px solid var(--border-light);color:var(--accent-secondary);border-radius:4px}.db-header[data-v-ec5fcff4]{display:flex;justify-content:space-between;align-items:center}.mode-indicator[data-v-ec5fcff4]{font-size:.6em;color:var(--text-muted);font-weight:400}.saved-row[data-v-ec5fcff4]{background-color:#1db9541a!important;transition:background-color .3s ease}