.file-transfer-panel[data-v-457f6622]{background:0 0;flex-direction:column;gap:12px;padding:16px;display:flex}.panel-header[data-v-457f6622]{justify-content:space-between;align-items:center;display:flex}.panel-header h3[data-v-457f6622]{color:var(--accent-primary);margin:0;font-size:14px}.btn-close[data-v-457f6622]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.progress-view[data-v-457f6622]{flex-direction:column;gap:8px;display:flex}.status-row[data-v-457f6622]{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.status-text[data-v-457f6622]{white-space:nowrap;text-overflow:ellipsis;max-width:75%;overflow:hidden}.progress-text[data-v-457f6622]{font-variant-numeric:tabular-nums;color:var(--accent-primary);font-weight:600}.progress-track[data-v-457f6622]{border-radius:var(--radius-full);background:#ffffff1a;width:100%;height:4px;overflow:hidden}.progress-fill[data-v-457f6622]{background:var(--accent-primary);height:100%;box-shadow:0 0 8px var(--accent-glow);transition:width .3s}.meta-row[data-v-457f6622]{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.pipeline-badge[data-v-457f6622]{color:var(--accent-primary);border-radius:var(--radius-full);background:#e11d481a;padding:2px 6px;font-size:10px}.buffer-status[data-v-457f6622]{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.buffer-dot[data-v-457f6622]{background:#fbbf24;border-radius:50%;width:8px;height:8px;animation:1s infinite blink-457f6622}.buffer-dot.ready[data-v-457f6622]{background:#22c55e;animation:none}@keyframes blink-457f6622{0%,to{opacity:1}50%{opacity:.3}}.idle-hint[data-v-457f6622]{color:var(--text-muted);font-size:12px;line-height:1.5}.idle-hint p[data-v-457f6622]{margin:0}.chat-panel[data-v-0037781f]{background:var(--bg-surface);will-change:transform;border-left:none;flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-tabs[data-v-0037781f]{border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);display:none;position:relative}.tab-btn[data-v-0037781f]{color:var(--text-muted);font-family:var(--font-heading);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 4px;font-size:13px;font-weight:500;display:flex;position:relative}.tab-btn[data-v-0037781f]:after{content:"";background:var(--accent-primary);height:2px;transition:transform var(--transition-normal);transform-origin:50%;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.tab-btn[data-v-0037781f]:hover{color:var(--text-secondary)}.tab-btn.active[data-v-0037781f]{color:var(--accent-primary)}.tab-btn.active[data-v-0037781f]:after{transform:scaleX(1)}.badge[data-v-0037781f]{background:var(--bg-tertiary);color:var(--text-primary);border-radius:10px;padding:2px 6px;font-size:11px}.tab-content[data-v-0037781f]{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-list[data-v-0037781f]{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border-focus) transparent;flex:1;padding:12px;overflow-y:auto}.messages-list[data-v-0037781f]::-webkit-scrollbar{width:6px}.playlist-list[data-v-0037781f]::-webkit-scrollbar{width:6px}.messages-list[data-v-0037781f]::-webkit-scrollbar-track{background:0 0}.playlist-list[data-v-0037781f]::-webkit-scrollbar-track{background:0 0}.messages-list[data-v-0037781f]::-webkit-scrollbar-thumb{background-color:var(--border-focus);border-radius:var(--radius-full)}.playlist-list[data-v-0037781f]::-webkit-scrollbar-thumb{background-color:var(--border-focus);border-radius:var(--radius-full)}.messages-wrapper[data-v-0037781f]{flex-direction:column;gap:12px;display:flex}.message-item[data-v-0037781f]{flex-direction:column;align-items:flex-start;max-width:90%;display:flex}.message-item.is-me[data-v-0037781f]{align-self:flex-end;align-items:flex-end}.message-meta[data-v-0037781f]{color:var(--text-muted);margin-bottom:4px;margin-left:4px;font-size:11px}.message-bubble[data-v-0037781f]{background:var(--bg-tertiary);box-shadow:var(--shadow-sm);border-radius:12px 12px 12px 4px;flex-direction:column;gap:4px;padding:8px 12px;display:flex;position:relative}.message-item.is-me .message-bubble[data-v-0037781f]{background:var(--accent-primary);color:#fff;border-bottom-right-radius:4px;border-bottom-left-radius:12px}.message-text[data-v-0037781f]{word-break:break-word;font-size:14px;line-height:1.4}.message-time[data-v-0037781f]{opacity:.6;align-self:flex-end;font-size:10px}.playlist-list[data-v-0037781f]{scrollbar-width:thin;scrollbar-color:var(--border-focus) transparent;flex:1;padding:10px;overflow-y:auto}.playlist-wrapper[data-v-0037781f]{flex-direction:column;gap:8px;display:flex}.playlist-item[data-v-0037781f]{border-radius:var(--radius-md);border-bottom:1px solid var(--border-subtle);transition:all var(--transition-fast);background:0 0;align-items:center;gap:10px;padding:10px 12px;display:flex}.playlist-item.is-clickable[data-v-0037781f]{cursor:pointer}.playlist-item.is-clickable[data-v-0037781f]:hover:not(.is-playing){background:var(--bg-surface-hover);transform:translate(4px)}.playlist-item.is-playing[data-v-0037781f]{border-left:3px solid var(--accent-primary);background:#e11d4814;box-shadow:inset 0 0 20px #e11d480a}.playlist-item.is-playing .pl-title[data-v-0037781f]{color:var(--accent-primary)}.pl-status[data-v-0037781f]{width:28px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.is-playing .pl-status[data-v-0037781f]{color:var(--accent-primary)}.equalizer[data-v-0037781f]{align-items:flex-end;gap:2px;height:14px;display:flex}.eq-bar[data-v-0037781f]{background:var(--accent-primary);border-radius:1px;width:3px;animation:1.2s ease-in-out infinite eq-bounce-0037781f}.eq-bar[data-v-0037781f]:first-child{height:60%;animation-delay:0s}.eq-bar[data-v-0037781f]:nth-child(2){height:100%;animation-delay:.2s}.eq-bar[data-v-0037781f]:nth-child(3){height:40%;animation-delay:.4s}@keyframes eq-bounce-0037781f{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.pl-info[data-v-0037781f]{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pl-title[data-v-0037781f]{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);font-size:13px;font-weight:500;overflow:hidden}.pl-meta[data-v-0037781f]{align-items:center;gap:8px;margin-top:3px;display:flex}.pl-addedby[data-v-0037781f]{color:var(--text-secondary);font-size:11px}.pl-status-badge[data-v-0037781f]{border-radius:var(--radius-full);letter-spacing:.3px;white-space:nowrap;padding:1px 6px;font-size:10px;font-weight:500}.pl-status-badge.playing[data-v-0037781f]{color:var(--accent-primary);background:#e11d481a}.pl-status-badge.queued[data-v-0037781f]{color:var(--text-muted);background:var(--bg-tertiary)}.btn-remove[data-v-0037781f]{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;font-size:18px;display:flex}.btn-remove[data-v-0037781f]:hover{color:#ef4444;background:#ef44441a}.playlist-file-upload[data-v-0037781f]{padding:6px 10px 10px}.btn-upload-file[data-v-0037781f]{width:100%;color:var(--text-secondary);border:1px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast);background:0 0;padding:8px;font-size:12px}.btn-upload-file[data-v-0037781f]:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#e11d480d}.guest-requests[data-v-0037781f]{background:#22c55e0d;border-bottom:1px solid #22c55e33;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.request-header[data-v-0037781f]{color:#22c55e;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.request-item[data-v-0037781f]{background:var(--bg-tertiary);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.req-info[data-v-0037781f]{flex-direction:column;display:flex;overflow:hidden}.req-title[data-v-0037781f]{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.req-author[data-v-0037781f]{color:var(--text-muted);font-size:11px}.req-actions[data-v-0037781f]{gap:4px;display:flex}.btn-icon[data-v-0037781f]{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.btn-icon.accept[data-v-0037781f]{color:#22c55e}.btn-icon.accept[data-v-0037781f]:hover{background:#22c55e33}.btn-icon.reject[data-v-0037781f]{color:#ef4444}.btn-icon.reject[data-v-0037781f]:hover{background:#ef444433}.chat-input-area[data-v-0037781f],.playlist-input-area[data-v-0037781f]{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-input[data-v-0037781f]{background:var(--bg-tertiary);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-full);font-family:var(--font-body);transition:all var(--transition-fast);outline:none;flex:1;padding:10px 14px;font-size:14px}.chat-input[data-v-0037781f]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.send-btn[data-v-0037781f]{background:var(--accent-primary);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.send-btn[data-v-0037781f]:disabled{opacity:.5;cursor:not-allowed}.send-btn[data-v-0037781f]:not(:disabled):hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-glow);transform:scale(1.05)}.spinner-small[data-v-0037781f]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin-0037781f}.empty-state[data-v-0037781f]{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-icon[data-v-0037781f]{opacity:.5;font-size:32px}.msg-enter-active[data-v-0037781f],.msg-leave-active[data-v-0037781f]{transition:all .3s cubic-bezier(.25,.8,.25,1)}.msg-enter-from[data-v-0037781f]{opacity:0;transform:translateY(10px)scale(.95)}.msg-leave-to[data-v-0037781f]{opacity:0;transform:translate(-20px)}.typing-indicator[data-v-0037781f]{color:var(--text-muted);padding:8px 12px;font-size:12px;font-style:italic;animation:1.5s infinite pulse-0037781f}@keyframes pulse-0037781f{0%,to{opacity:.5}50%{opacity:1}}@keyframes spin-0037781f{to{transform:rotate(360deg)}}.latency-indicator[data-v-0037781f]{border-radius:50%;width:10px;height:10px;margin-right:8px}.latency-indicator.good[data-v-0037781f]{background-color:#10b981;box-shadow:0 0 8px #10b981}.latency-indicator.warn[data-v-0037781f]{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b}.latency-indicator.bad[data-v-0037781f]{background-color:#ef4444;box-shadow:0 0 8px #ef4444}.peer-latency[data-v-0037781f]{color:var(--text-secondary);align-items:center;font-family:monospace;font-size:14px;display:flex}.network-peer-item[data-v-0037781f]{border:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;display:flex}.peer-info[data-v-0037781f]{align-items:center;gap:12px;display:flex}.peer-avatar[data-v-0037781f]{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.network-header[data-v-0037781f]{text-align:center;margin-bottom:20px}.network-header h3[data-v-0037781f]{color:var(--text-primary);margin-bottom:4px}.network-header p[data-v-0037781f]{color:var(--text-muted);font-size:12px}@media (width>=768px){.panel-tabs[data-v-0037781f]{display:flex}.chat-panel[data-v-0037781f]{border-left:1px solid var(--border-default)}.tab-btn[data-v-0037781f]{gap:8px;padding:16px 8px;font-size:14px}.messages-list[data-v-0037781f]{padding:20px}.message-item[data-v-0037781f]{max-width:85%}.chat-input-area[data-v-0037781f],.playlist-input-area[data-v-0037781f]{gap:12px;padding:16px}.chat-input[data-v-0037781f]{padding:12px 16px}.send-btn[data-v-0037781f]{width:44px;height:44px}.playlist-list[data-v-0037781f]{padding:16px}.playlist-item[data-v-0037781f]{gap:16px;padding:12px 16px}.pl-title[data-v-0037781f]{font-size:14px}.btn-upload-file[data-v-0037781f]{padding:10px;font-size:13px}.playlist-file-upload[data-v-0037781f]{padding:8px 16px 16px}}