*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:#1a1a2e;color:#e0e0e0;min-height:100vh}button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-family:inherit}input{border:1px solid #333;border-radius:6px;padding:8px 12px;font-size:14px;font-family:inherit;background:#16213e;color:#e0e0e0}input:focus{outline:none;border-color:#e94560}.home[data-v-0b295ee6]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;position:relative}.auth-bar[data-v-0b295ee6]{position:absolute;top:16px;right:20px;display:flex;align-items:center;gap:16px;font-size:.85rem;color:#888}.auth-bar a[data-v-0b295ee6]{color:#e94560;text-decoration:none}.auth-bar a[data-v-0b295ee6]:hover{text-decoration:underline}.btn-link[data-v-0b295ee6]{background:none;color:#e94560;padding:0;font-size:.85rem}.btn-link[data-v-0b295ee6]:hover{text-decoration:underline}.title[data-v-0b295ee6]{font-size:3rem;color:#e94560;margin-bottom:8px}.subtitle[data-v-0b295ee6]{color:#888;margin-bottom:32px}.panels[data-v-0b295ee6]{display:flex;align-items:center;gap:32px}.panel[data-v-0b295ee6]{background:#16213e;border-radius:12px;padding:32px;text-align:center;width:280px}.panel h2[data-v-0b295ee6]{margin-bottom:8px;font-size:1.2rem}.panel p[data-v-0b295ee6]{color:#888;font-size:.9rem;margin-bottom:20px}.panel p.muted a[data-v-0b295ee6]{color:#e94560;text-decoration:none}.panel p.muted a[data-v-0b295ee6]:hover{text-decoration:underline}.divider[data-v-0b295ee6]{color:#555;font-size:.9rem}.join-form[data-v-0b295ee6]{display:flex;flex-direction:column;gap:8px}.join-form input[data-v-0b295ee6]{width:100%;text-align:center;letter-spacing:1px}.join-form input[placeholder="Session code"][data-v-0b295ee6]{text-transform:uppercase;letter-spacing:2px}.btn-primary[data-v-0b295ee6]{background:#e94560;color:#fff;font-weight:600}.btn-primary[data-v-0b295ee6]:hover:not(:disabled){background:#c73e54}.btn-primary[data-v-0b295ee6]:disabled{opacity:.5;cursor:not-allowed}.notice[data-v-0b295ee6]{color:#f0a500;margin-top:20px}.error[data-v-0b295ee6]{color:#e94560;margin-top:20px}@media(max-width:700px){.panels[data-v-0b295ee6]{flex-direction:column}}.track-player[data-v-034abcb1]{background:#16213e;border-radius:12px;padding:24px}.track-name[data-v-034abcb1]{font-size:1.1rem;font-weight:600;margin-bottom:16px;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls[data-v-034abcb1]{display:flex;justify-content:center;align-items:center;gap:12px;margin-bottom:16px}.repeat-btn[data-v-034abcb1]{background:#1a1a2e;color:#888;width:38px;height:38px;border-radius:50%;font-size:1.1rem;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s,color .15s}.repeat-btn[data-v-034abcb1]:hover{background:#0f3460;color:#ccc}.repeat-btn.active[data-v-034abcb1]{background:#e9456033;color:#e94560}.play-btn[data-v-034abcb1]{background:#e94560;color:#fff;font-weight:600;font-size:1rem;padding:10px 32px;border-radius:24px}.play-btn[data-v-034abcb1]:hover:not(:disabled){background:#c73e54}.play-btn[data-v-034abcb1]:disabled{opacity:.4;cursor:not-allowed}.play-status[data-v-034abcb1]{color:#888;font-size:.9rem;padding:10px 0}.seek-bar[data-v-034abcb1]{display:flex;align-items:center;gap:10px}.seek-bar input[type=range][data-v-034abcb1]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;border:none;padding:0}.seek-bar input[type=range][data-v-034abcb1]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#e94560;cursor:pointer}.seek-bar input[type=range][data-v-034abcb1]:disabled{opacity:.5}.seek-bar input[type=range][data-v-034abcb1]:disabled::-webkit-slider-thumb{cursor:default}.time[data-v-034abcb1]{font-size:.8rem;color:#888;min-width:40px;text-align:center}.volume-bar[data-v-034abcb1]{display:flex;align-items:center;gap:10px;margin-top:12px}.volume-bar input[type=range][data-v-034abcb1]{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;border:none;padding:0}.volume-bar input[type=range][data-v-034abcb1]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#aaa;cursor:pointer}.volume-label[data-v-034abcb1]{font-size:.75rem;color:#666;min-width:24px}.volume-pct[data-v-034abcb1]{font-size:.75rem;color:#666;min-width:32px;text-align:right}.track-list[data-v-8896d638]{background:#16213e;border-radius:12px;padding:20px}h3[data-v-8896d638]{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:12px}.empty[data-v-8896d638]{color:#555;font-size:.85rem}ul[data-v-8896d638]{list-style:none}li[data-v-8896d638]{padding:10px 12px;border-radius:6px;font-size:.9rem;color:#ccc;transition:background .15s;display:flex;align-items:center;justify-content:space-between;gap:12px}.track-name[data-v-8896d638]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta[data-v-8896d638]{display:flex;gap:8px;align-items:center;font-size:.75rem}.owner[data-v-8896d638]{color:#777}.badge.private[data-v-8896d638]{background:#e9456033;color:#e94560;padding:2px 6px;border-radius:4px;font-weight:500}li.active[data-v-8896d638]{background:#e9456026;color:#e94560;font-weight:600}li.clickable[data-v-8896d638]{cursor:pointer}li.clickable[data-v-8896d638]:hover{background:#ffffff0d}li.clickable.active[data-v-8896d638]:hover{background:#e9456033}.sfx-board[data-v-372d4b59]{background:#16213e;border-radius:12px;padding:20px}.header[data-v-372d4b59]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}h3[data-v-372d4b59]{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin:0}.volume-bar[data-v-372d4b59]{display:flex;align-items:center;gap:6px}.volume-bar input[type=range][data-v-372d4b59]{width:80px;height:4px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;border:none;padding:0}.volume-bar input[type=range][data-v-372d4b59]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#aaa;cursor:pointer}.volume-label[data-v-372d4b59]{font-size:.7rem;color:#666}.volume-pct[data-v-372d4b59]{font-size:.7rem;color:#666;min-width:28px;text-align:right}.empty[data-v-372d4b59]{color:#555;font-size:.85rem}.grid[data-v-372d4b59]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sfx-btn[data-v-372d4b59]{background:#0f3460;color:#e0e0e0;padding:12px 8px;border-radius:8px;font-size:.8rem;font-weight:500;text-align:center;word-break:break-word;transition:background .15s}.sfx-btn[data-v-372d4b59]:hover{background:#1a4a8a}.sfx-btn[data-v-372d4b59]:active{background:#e94560;transform:scale(.96)}.file-upload[data-v-efcfa668]{background:#16213e;border-radius:12px;padding:20px}h3[data-v-efcfa668]{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:12px}.login-hint[data-v-efcfa668]{color:#888;font-size:.85rem}.form[data-v-efcfa668]{display:flex;flex-direction:column;gap:10px}select[data-v-efcfa668]{background:#1a1a2e;color:#e0e0e0;border:1px solid #333;border-radius:6px;padding:8px;font-size:14px;font-family:inherit}.visibility[data-v-efcfa668]{display:flex;gap:16px;font-size:.85rem;color:#ccc}.visibility label[data-v-efcfa668]{display:flex;align-items:center;gap:6px;cursor:pointer}input[type=file][data-v-efcfa668]{font-size:.85rem;color:#aaa}input[type=file][data-v-efcfa668]::file-selector-button{background:#0f3460;color:#e0e0e0;border:none;border-radius:4px;padding:6px 12px;margin-right:10px;cursor:pointer;font-family:inherit}.upload-btn[data-v-efcfa668]{background:#0f3460;color:#e0e0e0;font-weight:500}.upload-btn[data-v-efcfa668]:hover:not(:disabled){background:#1a4a8a}.upload-btn[data-v-efcfa668]:disabled{opacity:.5}.message[data-v-efcfa668]{margin-top:10px;font-size:.8rem;color:#4ade80}.session-info[data-v-274c59e1]{display:flex;justify-content:space-between;align-items:center;background:#16213e;border-radius:10px;padding:14px 20px}.left[data-v-274c59e1]{display:flex;align-items:center;gap:12px}.code[data-v-274c59e1]{font-size:1.4rem;font-weight:700;letter-spacing:3px;color:#e94560}.badge[data-v-274c59e1]{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:3px 10px;border-radius:20px;letter-spacing:1px}.badge.dj[data-v-274c59e1]{background:#e94560;color:#fff}.badge.listener[data-v-274c59e1]{background:#333;color:#aaa}.right[data-v-274c59e1]{display:flex;align-items:center;gap:10px;color:#888;font-size:.85rem}.users-wrapper[data-v-274c59e1]{position:relative;cursor:default}.users-label[data-v-274c59e1]{padding:4px 0}.users-tooltip[data-v-274c59e1]{display:none;position:absolute;right:0;top:100%;margin-top:8px;background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:8px 12px;min-width:140px;z-index:10}.users-wrapper:hover .users-tooltip[data-v-274c59e1]{display:block}.tooltip-user[data-v-274c59e1]{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:.8rem;color:#ccc;white-space:nowrap}.tooltip-role[data-v-274c59e1]{font-size:.65rem;font-weight:600;text-transform:uppercase;padding:1px 6px;border-radius:4px;background:#333;color:#aaa;min-width:28px;text-align:center}.tooltip-role.dj[data-v-274c59e1]{background:#e94560;color:#fff}.status[data-v-274c59e1]{width:10px;height:10px;border-radius:50%;background:#555}.status.online[data-v-274c59e1]{background:#4ade80}.session[data-v-19b286dc]{max-width:1000px;margin:0 auto;padding:20px}.play-overlay[data-v-19b286dc]{position:fixed;inset:0;background:#0a0e1ed9;display:flex;align-items:center;justify-content:center;z-index:100;cursor:pointer}.play-overlay-btn[data-v-19b286dc]{background:#e94560;color:#fff;padding:16px 32px;border-radius:12px;font-size:1.2rem;font-weight:600;pointer-events:none}.main-content[data-v-19b286dc]{display:flex;gap:24px;margin-top:20px}.left-panel[data-v-19b286dc]{flex:1;display:flex;flex-direction:column;gap:20px}.right-panel[data-v-19b286dc]{width:320px;display:flex;flex-direction:column;gap:20px}@media(max-width:700px){.main-content[data-v-19b286dc]{flex-direction:column}.right-panel[data-v-19b286dc]{width:100%}}.auth-screen[data-v-c5c70350]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.title[data-v-c5c70350]{font-size:3rem;color:#e94560;margin-bottom:16px}h2[data-v-c5c70350]{margin-bottom:24px;color:#ccc}.form[data-v-c5c70350]{display:flex;flex-direction:column;gap:12px;width:280px;background:#16213e;padding:24px;border-radius:12px}.btn-primary[data-v-c5c70350]{background:#e94560;color:#fff;font-weight:600}.btn-primary[data-v-c5c70350]:hover:not(:disabled){background:#c73e54}.btn-primary[data-v-c5c70350]:disabled{opacity:.5;cursor:not-allowed}.error[data-v-c5c70350]{color:#e94560;margin-top:16px}.link[data-v-c5c70350]{margin-top:20px;color:#888;font-size:.9rem}.link a[data-v-c5c70350]{color:#e94560;text-decoration:none}.link a[data-v-c5c70350]:hover{text-decoration:underline}.auth-screen[data-v-c53365bb]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px}.title[data-v-c53365bb]{font-size:3rem;color:#e94560;margin-bottom:16px}h2[data-v-c53365bb]{margin-bottom:24px;color:#ccc}.form[data-v-c53365bb]{display:flex;flex-direction:column;gap:12px;width:280px;background:#16213e;padding:24px;border-radius:12px}.btn-primary[data-v-c53365bb]{background:#e94560;color:#fff;font-weight:600}.btn-primary[data-v-c53365bb]:hover:not(:disabled){background:#c73e54}.btn-primary[data-v-c53365bb]:disabled{opacity:.5;cursor:not-allowed}.error[data-v-c53365bb]{color:#e94560;margin-top:16px}.link[data-v-c53365bb]{margin-top:20px;color:#888;font-size:.9rem}.link a[data-v-c53365bb]{color:#e94560;text-decoration:none}.link a[data-v-c53365bb]:hover{text-decoration:underline}