.header-chat{position:relative}.header-chat-backdrop{position:fixed;inset:0;z-index:999}.header-chat-btn{position:relative;padding:4px 10px;border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:16px;border-radius:6px}.header-chat-btn:hover{color:var(--text);background:var(--bg-hover)}.header-chat-badge{position:absolute;top:-2px;right:-2px;min-width:16px;height:16px;padding:0 4px;background:var(--danger);color:var(--text);font-size:10px;border-radius:8px;display:flex;align-items:center;justify-content:center}.header-chat-dropdown{position:absolute;top:100%;right:0;margin-top:8px;z-index:1000;overflow:visible;width:520px;max-height:520px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px #0006;display:flex;flex-direction:column}.header-chat-body{display:flex;flex:1;min-height:320px;overflow:hidden}.header-chat-sidebar{width:140px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column}.header-chat-conversations{flex:1;overflow-y:auto;padding:8px 0}.header-chat-conv-item{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:8px 12px;border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:12px;text-align:left;transition:background .2s}.header-chat-conv-item:hover{background:var(--bg-elevated);color:var(--text)}.header-chat-conv-item.active{background:var(--bg-active);color:var(--accent)}.chat-avatar{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--text);border-radius:50%;flex-shrink:0;font-weight:600;overflow:hidden}.chat-avatar-img{border-radius:50%;object-fit:cover;flex-shrink:0;display:block}.avatar-menu-capabilities{padding:6px 10px;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:4px}.avatar-menu-profile{padding:8px 10px 6px;border-bottom:1px solid var(--border)}.avatar-menu-name{font-size:13px;color:var(--text);font-weight:600}.avatar-menu-email{font-size:11px;color:var(--text-muted);margin-top:2px}.cap-tag{font-size:10px;background:var(--bg-active);color:var(--accent);padding:2px 6px;border-radius:4px}.header-chat-share-btn{padding:6px 10px;border:none;background:var(--bg-elevated);color:var(--text);border-radius:6px;cursor:pointer;font-size:14px}.conv-row{display:flex;align-items:center;gap:8px;width:100%}.conv-avatars{display:flex;align-items:center;flex-shrink:0;gap:2px}.conv-avatar-btn{padding:0;border:none;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.conv-avatar-btn:hover{opacity:.9}.conv-avatars .chat-avatar,.conv-avatars .chat-avatar-img{margin-left:-6px;min-width:24px;min-height:24px}.conv-avatars>*:first-child{margin-left:0}.conv-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.header-chat-conv-item .conv-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.header-chat-conv-item .conv-meta{font-size:10px;color:var(--text-dim);margin-top:2px}.header-chat-join-row{display:flex;gap:6px;padding:8px;border-top:1px solid var(--border)}.header-chat-join-input{flex:1;min-width:0;padding:6px 10px;font-size:11px;border:1px solid var(--border);border-radius:6px;background:var(--bg-page);color:var(--text)}.header-chat-join-input::placeholder{color:var(--text-dim)}.header-chat-join-input:focus{outline:none;border-color:var(--accent)}.header-chat-join-btn{padding:6px 12px;font-size:11px;border:none;background:var(--accent);color:var(--text);border-radius:6px;cursor:pointer;flex-shrink:0}.header-chat-join-btn:hover:not(:disabled){background:var(--accent-hover)}.header-chat-join-btn:disabled{opacity:.5;cursor:not-allowed}.header-chat-new{padding:8px 12px;border:none;background:var(--bg-hover);color:var(--accent);cursor:pointer;font-size:12px;margin:8px;border-radius:6px}.header-chat-new:hover{background:var(--bg-elevated)}.header-chat-new:disabled{opacity:.6;cursor:not-allowed}.header-chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.header-chat-error{margin:8px 12px 0;padding:6px 8px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:var(--danger);font-size:12px;border-radius:6px}.header-chat-header{padding:12px;border-bottom:1px solid var(--border)}.header-chat-participants{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.header-chat-avatar-btn{display:flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid var(--border);border-radius:20px;background:var(--bg-page);color:var(--text);cursor:pointer;font-size:12px;transition:background .2s}.header-chat-avatar-btn:hover{background:var(--bg-elevated);border-color:var(--accent)}.header-chat-avatar-btn .participant-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-chat-session-hint{font-size:11px;color:var(--text-dim);margin-top:6px}.header-chat-session{display:flex;gap:6px;margin-top:8px}.header-chat-session input{flex:1;padding:6px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-page);color:var(--text)}.header-chat-session button{padding:6px 10px;font-size:12px;border-radius:6px;border:none;cursor:pointer;background:var(--bg-elevated);color:var(--text)}.header-chat-session .btn-join{background:var(--accent);color:var(--text)}.header-chat-session .btn-leave{background:var(--text-dim);color:var(--text)}.header-chat-session .btn-rename{background:var(--bg-elevated);color:var(--text)}.header-chat-messages{flex:1;min-height:200px;max-height:280px;overflow-y:auto;padding:12px}.header-chat-empty{color:var(--text-dim);font-size:13px;text-align:center;padding:24px}.header-chat-msg{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;font-size:13px}.header-chat-msg .msg-avatar-btn{padding:0;border:none;background:none;cursor:pointer;flex-shrink:0;width:26px;height:26px;min-width:26px;min-height:26px;display:flex;align-items:center;justify-content:center}.header-chat-msg .msg-avatar-btn:hover{opacity:.9}.header-chat-msg.self .msg-avatar-btn{cursor:default}.header-chat-msg .msg-body{flex:1;min-width:0;padding:8px 10px;background:var(--bg-page);border-radius:8px}.header-chat-msg.self .msg-body{background:var(--bg-active)}.header-chat-msg .msg-from{font-size:11px;color:var(--text-muted);display:block;margin-bottom:4px}.msg-reply-quote{border-left:2px solid var(--accent);background:#1f4f8759;padding:4px 8px;border-radius:4px;margin-bottom:6px;display:flex;flex-direction:column;gap:2px}.msg-reply-from{font-size:10px;color:var(--accent)}.msg-reply-preview{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-rich-text{white-space:pre-wrap;word-break:break-word}.msg-text-block{display:block}.msg-code-block{margin-top:6px;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--bg-page)}.msg-code-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;border-bottom:1px solid var(--border);font-size:11px;color:var(--text-muted)}.msg-code-head button{border:1px solid var(--border);background:var(--bg-elevated);color:var(--text-muted);border-radius:4px;font-size:11px;padding:2px 8px;cursor:pointer}.msg-code-head button:hover{background:var(--bg-hover)}.msg-code-block pre{margin:0;padding:8px 10px;overflow-x:auto;font-size:12px;line-height:1.45;color:var(--text)}.msg-code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.msg-actions{display:flex;justify-content:flex-end;margin-top:6px}.msg-reply-btn{border:none;background:transparent;color:var(--accent);font-size:11px;cursor:pointer;padding:0}.msg-reply-btn:hover{text-decoration:underline}.header-chat-msg img{max-width:100%;max-height:120px;border-radius:6px}.header-chat-msg video{max-width:100%;max-height:120px;border-radius:6px}.header-chat-msg audio{width:100%;margin-top:4px}.header-chat-input{display:flex;gap:6px;padding:12px;border-top:1px solid var(--border)}.header-chat-replying{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-top:1px solid var(--border);background:#1f4f8740;font-size:12px;color:var(--text-muted)}.header-chat-replying button{border:none;background:transparent;color:var(--accent);cursor:pointer;font-size:12px}.header-chat-input input[type=text]{flex:1;padding:8px 12px;font-size:13px;border-radius:6px;border:1px solid var(--border);background:var(--bg-page);color:var(--text)}.header-chat-input .btn-send{padding:8px 14px;background:var(--accent);color:var(--text);border:none;border-radius:6px;cursor:pointer;font-size:13px}.header-chat-input .btn-voice{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);cursor:pointer}.header-chat-input .btn-voice.active{background:var(--danger);border-color:var(--danger);color:var(--text)}.header-chat-stt-draft{padding:6px 12px 10px;font-size:12px;color:var(--text-muted);border-top:1px dashed var(--border)}.header-chat-stt-draft .stt-interim{opacity:.8}.header-chat-stt-live{padding:6px 12px 10px;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:4px}.header-chat-stt-item{display:flex;gap:8px;font-size:11px;color:var(--accent)}.header-chat-stt-item span:last-child{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-chat-avatar-menu{position:fixed;z-index:1001;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:140px;box-shadow:0 8px 24px #0006}.header-chat-avatar-menu button{display:block;width:100%;padding:8px 12px;border:none;background:none;color:var(--text);cursor:pointer;font-size:13px;text-align:left;border-radius:6px}.header-chat-avatar-menu button:hover{background:var(--bg-elevated)}.header-chat-new-modal{position:absolute;inset:0;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1002;border-radius:12px}.new-modal-header{display:flex;align-items:center;justify-content:space-between;width:90%;max-width:320px;padding:12px 0;color:var(--text);font-weight:600}.new-modal-close{padding:4px 10px;border:none;background:none;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1}.new-modal-close:hover{color:var(--text)}.new-modal-search{width:90%;max-width:320px;padding:10px 14px;font-size:14px;border-radius:8px;border:1px solid var(--border);background:var(--bg-page);color:var(--text);margin-bottom:12px}.new-modal-list{width:90%;max-width:320px;max-height:240px;overflow-y:auto;background:var(--bg-card);border-radius:8px;border:1px solid var(--border)}.new-modal-user{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border:none;background:none;color:var(--text);cursor:pointer;font-size:14px;text-align:left;transition:background .2s}.new-modal-user:hover{background:var(--bg-elevated)}.new-modal-user .chat-avatar{flex-shrink:0}.new-modal-user div{display:flex;flex-direction:column;align-items:flex-start}.new-modal-username{font-weight:500}.new-modal-email{font-size:11px;color:var(--text-dim);margin-top:2px}.new-modal-empty,.new-modal-login-hint{padding:24px;color:var(--text-dim);font-size:13px;text-align:center}[data-theme=light] .header-chat-btn{color:var(--text-muted)}[data-theme=light] .header-chat-btn:hover{color:var(--text);background:var(--bg-hover)}[data-theme=light] .header-chat-dropdown,[data-theme=light] .header-chat-sidebar,[data-theme=light] .header-chat-header,[data-theme=light] .header-chat-input,[data-theme=light] .header-chat-replying,[data-theme=light] .header-chat-avatar-menu,[data-theme=light] .new-modal-list,[data-theme=light] .new-modal-search{background:var(--bg-card);border-color:var(--border);color:var(--text)}[data-theme=light] .header-chat-conv-item{color:var(--text-muted)}[data-theme=light] .header-chat-conv-item:hover{background:var(--bg-hover);color:var(--text)}[data-theme=light] .header-chat-conv-item.active{background:var(--bg-active);color:var(--accent)}[data-theme=light] .header-chat-msg .msg-body{background:#eef2ff;color:var(--text);border:1px solid #dbeafe}[data-theme=light] .header-chat-msg.self .msg-body{background:#dbeafe;color:#0f172a;border:1px solid #bfdbfe}[data-theme=light] .header-chat-msg .msg-from,[data-theme=light] .header-chat-session-hint,[data-theme=light] .header-chat-empty,[data-theme=light] .header-chat-conv-item .conv-meta,[data-theme=light] .new-modal-email{color:var(--text-muted)}[data-theme=light] .msg-reply-quote{background:#eff6ff;border-left-color:var(--accent)}[data-theme=light] .msg-reply-from{color:#1d4ed8}[data-theme=light] .msg-reply-preview{color:#334155}[data-theme=light] .msg-code-block{background:#f8fafc;border-color:#cbd5e1}[data-theme=light] .msg-code-head{border-bottom-color:#cbd5e1;color:#475569;background:#f1f5f9}[data-theme=light] .msg-code-head button{border-color:#cbd5e1;background:#fff;color:#334155}[data-theme=light] .msg-code-head button:hover{background:#f1f5f9}[data-theme=light] .msg-code-block pre{color:#0f172a}[data-theme=light] .msg-reply-btn{color:#1d4ed8}[data-theme=light] .header-chat-session input,[data-theme=light] .header-chat-input input[type=text],[data-theme=light] .header-chat-join-input{background:#fff;color:var(--text);border-color:var(--border)}[data-theme=light] .header-chat-input .btn-voice{background:#f1f5f9;color:#334155;border-color:#cbd5e1}[data-theme=light] .header-chat-input .btn-voice.active{background:#ef4444;color:#fff;border-color:#ef4444}[data-theme=light] .header-chat-avatar-btn{background:#fff;color:var(--text);border-color:var(--border)}[data-theme=light] .header-chat-avatar-btn:hover{background:var(--bg-hover);border-color:var(--accent)}[data-theme=light] .header-chat-avatar-menu button,[data-theme=light] .new-modal-user{color:var(--text)}[data-theme=light] .header-chat-avatar-menu button:hover,[data-theme=light] .new-modal-user:hover{background:var(--bg-hover)}[data-theme=light] .header-chat-stt-draft,[data-theme=light] .header-chat-stt-live{border-top-color:var(--border);color:var(--text-muted)}[data-theme=light] .header-chat-stt-item{color:#2563eb}[data-theme=light] .header-chat-stt-item span:last-child{color:#334155}