:root{--chat-tabs-bg:#fffc;--chat-tabs-border:#0000001a;--chat-tabs-trigger-active-bg:#fff;--chat-tabs-trigger-active-ring:#0000001a;--chat-tabs-trigger-hover-bg:#ffffffe6;--chat-tabs-unread-bg:#ef4444;--chat-search-input-border:#0000001a;--chat-search-input-focus-border:#0003;--chat-search-dropdown-border:#0000001a;--chat-search-dropdown-bg:#fffffff2;--chat-search-item-hover-bg:#0000000d;--chat-search-item-selected-bg:#0000001a;--chat-search-item-border:#0000001a;--chat-search-text-primary:#000000e6;--chat-search-text-secondary:#00000080;--chat-search-icon-color:#0006;--chat-search-avatar-bg:#0000001a;--chat-search-avatar-border:#fff;--chat-header-button-border:#0000001a;--chat-header-button-hover-bg:#0000000d;--chat-header-dropdown-border:#0000001a;--chat-header-dropdown-bg:#ffffff0d;--chat-header-dropdown-item-hover-bg:#fffc;--chat-header-dropdown-item-focus-bg:#fffc;--chat-header-icon-bg:#fffc;--chat-header-icon-border:#0000001a;--chat-header-text-color:#000000e6;--chat-bg-primary:#00134608;--chat-bg-secondary:#0013460d;--chat-bg-hover:#0000000d;--chat-bg-focus:#fffc;--chat-border-primary:#e5e5e5;--chat-border-secondary:#d1d5db;--room-header-back-button-border:#0000001a;--room-header-back-button-hover-bg:#0000000d;--room-header-nav-button-border:#0000001a;--room-header-nav-button-hover-bg:#0000000d;--room-header-nav-button-active-bg:#0013461a;--room-header-nav-button-active-text:#001346e6;--room-header-avatar-border:#0000001a;--room-header-status-border:#fff;--composer-container-bg:#ffffffb3;--composer-container-border:#0000001a;--composer-container-border-typing:#3b82f64d;--composer-input-placeholder:#00000080;--composer-button-hover-bg:#0000000d;--composer-button-hover-bg-dark:#ffffff1a;--composer-edit-banner-bg:#ffffffe6;--composer-edit-banner-border:#0000001a;--composer-edit-banner-text:#000c;--composer-edit-banner-close-hover:#0000001a;--composer-reply-banner-bg:#ffffffe6;--composer-reply-banner-border:#0000001a;--composer-reply-banner-text:#000c;--composer-reply-banner-close-hover:#0000001a;--composer-typing-indicator:#001346cc;--composer-send-button-bg:#3b82f6;--composer-send-button-hover:#2563eb;--composer-send-button-disabled:#9ca3af;--emoji-picker-bg:#ffffffb3;--emoji-picker-border:#0000001a;--emoji-picker-header-border:#0000001a;--emoji-picker-search-bg:#fff;--emoji-picker-search-border:#0000001a;--emoji-picker-search-text:#000000e6;--emoji-picker-search-placeholder:#00000080;--emoji-picker-category-bg:#ffffffe6;--emoji-picker-category-border:#0000001a;--emoji-picker-category-active-bg:#3b82f61a;--emoji-picker-category-active-text:#3b82f6;--emoji-picker-category-hover-bg:#fffc;--emoji-picker-grid-bg:#ffffffe6;--emoji-picker-emoji-hover-bg:#fffc;--emoji-picker-text-secondary:#00000080;--emoji-picker-loading-border:#0000001a;--emoji-picker-loading-border-active:#3b82f6;--emoji-picker-trigger-bg:#0000000d;--voice-recorder-delete-color:#ff6464e6;--voice-recorder-pause-bg:#3b82f6;--voice-recorder-pause-color:#fff;--voice-player-bg:#f9fafb;--voice-player-border:#0000001a;--voice-player-hover-bg:#f3f4f6;--voice-player-play-button-text:#2563eb;--voice-player-play-button-hover-text:#1d4ed8;--voice-player-play-button-hover-bg:#eff6ff;--voice-player-time-text:#6b7280;--voice-player-progress-bg:#e5e7eb;--voice-player-progress-fill:#2563eb;--voice-player-speed-button-text:#4b5563;--voice-player-speed-button-hover-text:#374151;--voice-player-speed-button-hover-bg:#f3f4f6;--voice-player-speed-button-border:#d1d5db;--voice-player-error-bg:#fef2f2;--voice-player-error-border:#f87171;--voice-player-error-text:#dc2626;--voice-player-error-icon:#ef4444;--voice-player-loading-spinner:#2563eb;--voice-msg-player-bg:#3b82f6;--voice-msg-player-text:#fff;--voice-msg-bar-active:#fff;--voice-msg-bar-inactive:#fff6;--voice-msg-speed-bg:#00000014;--room-info-overlay-bg:#ffffff0d;--room-info-header-border:#0000001a;--room-info-card-bg:#ffffff0d;--room-info-card-border:#0000001a;--room-info-input-bg:#ffffff0d;--room-info-input-border:#0000001a;--room-info-input-focus-border:#0003;--room-info-display-bg:#0000000d;--room-info-display-border:#0000001a;--room-info-display-hover-bg:#0000001a;--room-info-avatar-upload-bg:#ffffffe6;--room-info-avatar-upload-border:#0000004d;--room-info-avatar-upload-hover-bg:#ffffff40;--room-info-modal-bg:#00000080;--room-info-modal-content-bg:#ffffffe6;--room-info-modal-content-border:#0006;--room-info-modal-button-bg:#fffc;--room-info-modal-button-border:#0006;--room-info-modal-button-hover-bg:#ffffffe6;--room-info-stat-card-bg:#0000000d;--room-info-stat-card-border:#0000001a;--room-info-stat-card-hover-bg:#0000001a;--attachment-popover-bg:#ffffff0d;--attachment-popover-border:#00000080;--attachment-popover-content-bg:#ffffffe6;--attachment-popover-button-bg:#fffc;--attachment-popover-button-hover-bg:#fff3;--attachment-popover-divider:#0003;--attachment-popover-text-secondary:#00000080;--date-separator-text:#0006;--system-message-text:#0006;--system-message-bg:#00134608;--file-upload-dialog-bg:#ffffff14;--file-upload-dialog-border:#0000001f;--file-upload-surface:#ffffffe6;--file-upload-surface-alt:#fff9;--file-upload-item-border:#0000001f;--file-upload-item-bg:#ffffffbf;--file-upload-item-icon-bg:#3b82f61f;--file-upload-text-primary:#000000e6;--file-upload-text-secondary:#0009;--file-upload-input-bg:#ffffffe6;--file-upload-input-border:#0000001f;--file-upload-button-primary-bg:#001346;--file-upload-button-primary-hover:#001346e6;--file-upload-button-cancel-border:#0003;--file-upload-button-cancel-hover:#0000000f;--text-primary:#000;--text-secondary:#0009;--text-tertiary:#0006;--text-muted:#00000080;--border-primary:#0000001a;--border-secondary:#0003;--border-tertiary:#0000004d;--bg-overlay:#ffffff0d;--bg-overlay-hover:#ffffff1a;--bg-overlay-active:#ffffff26;--bg-card:#fffc;--bg-card-hover:#ffffffe6;--bg-input:#ffffff0d;--bg-avatar:#0000001a;--bg-status-online:#22c55e;--bg-status-away:#fbbf24;--bg-status-busy:#ef4444;--bg-status-offline:#6b7280;--text-blue:#2563eb;--text-blue-hover:#1d4ed8;--text-green:#22c55e;--text-purple:#9333ea;--text-red:#ef4444;--text-amber:#f59e0b;--bg-blue-light:#eff6ff;--bg-blue-dark:#1e3a8a4d;--bg-amber-light:#fef3c7;--bg-amber-dark:#92400e33;--bg-gray-light:#f3f4f6;--bg-gray-dark:#374151;--bg-gray-hover:#4b5563}.dark{--chat-tabs-bg:#ffffff1a;--chat-tabs-border:#ffffff26;--chat-tabs-trigger-active-bg:#ffffff26;--chat-tabs-trigger-active-ring:#ffffff26;--chat-tabs-trigger-hover-bg:#ffffff1a;--chat-tabs-unread-bg:#ef4444;--chat-search-input-border:#fff3;--chat-search-input-focus-border:#ffffff4d;--chat-search-dropdown-border:#fff3;--chat-search-dropdown-bg:#0a1d45f2;--chat-search-item-hover-bg:#ffffff1a;--chat-search-item-selected-bg:#ffffff26;--chat-search-item-border:#ffffff1a;--chat-search-text-primary:#ffffffe6;--chat-search-text-secondary:#ffffffb3;--chat-search-icon-color:#fff9;--chat-search-avatar-bg:#fff3;--chat-search-avatar-border:#001346;--chat-header-button-border:#ffffff26;--chat-header-button-hover-bg:#fff3;--chat-header-dropdown-border:#ffffff4d;--chat-header-dropdown-bg:#ffffff1a;--chat-header-dropdown-item-hover-bg:#fff3;--chat-header-dropdown-item-focus-bg:#fff3;--chat-header-icon-bg:#ffffff26;--chat-header-icon-border:#fff3;--chat-header-text-color:#ffffffe6;--chat-bg-primary:#ffffff08;--chat-bg-secondary:#ffffff0d;--chat-bg-hover:#ffffff1a;--chat-bg-focus:#fff3;--chat-border-primary:#fff3;--chat-border-secondary:#fff6;--room-header-back-button-border:#ffffff26;--room-header-back-button-hover-bg:#ffffff1a;--room-header-nav-button-border:#ffffff26;--room-header-nav-button-hover-bg:#ffffff1a;--room-header-nav-button-active-bg:#ffffff26;--room-header-nav-button-active-text:#ffffffe6;--room-header-avatar-border:#ffffff26;--room-header-status-border:#1a1a1a;--composer-container-bg:#1f2937b3;--composer-container-border:#ffffff26;--composer-container-border-typing:#3b82f666;--composer-input-placeholder:#fff6;--composer-button-hover-bg:#ffffff1a;--composer-edit-banner-bg:#1f2937e6;--composer-edit-banner-border:#ffffff26;--composer-edit-banner-text:#ffffffe6;--composer-edit-banner-close-hover:#ffffff1a;--composer-reply-banner-bg:#1f2937e6;--composer-reply-banner-border:#ffffff26;--composer-reply-banner-text:#ffffffe6;--composer-reply-banner-close-hover:#ffffff1a;--composer-typing-indicator:#fffc;--composer-send-button-bg:#3b82f6;--composer-send-button-hover:#2563eb;--composer-send-button-disabled:#4b5563;--emoji-picker-bg:#1f2937b3;--emoji-picker-border:#ffffff26;--emoji-picker-header-border:#ffffff26;--emoji-picker-search-bg:#4b5563;--emoji-picker-search-border:#ffffff26;--emoji-picker-search-text:#ffffffe6;--emoji-picker-search-placeholder:#fff6;--emoji-picker-category-bg:#ffffff26;--emoji-picker-category-border:#ffffff26;--emoji-picker-category-active-bg:#3b82f633;--emoji-picker-category-active-text:#93c5fd;--emoji-picker-category-hover-bg:#ffffff1a;--emoji-picker-grid-bg:#ffffff26;--emoji-picker-emoji-hover-bg:#ffffff1a;--emoji-picker-text-secondary:#fff6;--emoji-picker-loading-border:#ffffff26;--emoji-picker-loading-border-active:#3b82f6;--voice-recorder-delete-color:#ff6464e6;--voice-recorder-pause-bg:#3b82f6;--voice-recorder-pause-color:#fff;--voice-player-bg:#1f2937;--voice-player-border:#ffffff26;--voice-player-hover-bg:#374151;--voice-player-play-button-text:#3b82f6;--voice-player-play-button-hover-text:#60a5fa;--voice-player-play-button-hover-bg:#1e3a8a33;--voice-player-time-text:#9ca3af;--voice-player-progress-bg:#4b5563;--voice-player-progress-fill:#3b82f6;--voice-player-speed-button-text:#d1d5db;--voice-player-speed-button-hover-text:#e5e7eb;--voice-player-speed-button-hover-bg:#374151;--voice-player-speed-button-border:#4b5563;--voice-player-error-bg:#7f1d1d33;--voice-player-error-border:#f87171;--voice-player-error-text:#f87171;--voice-player-error-icon:#fca5a5;--voice-player-loading-spinner:#3b82f6;--voice-msg-player-bg:#3b82f6;--voice-msg-player-text:#fff;--voice-msg-bar-active:#fff;--voice-msg-bar-inactive:#fff6;--voice-msg-speed-bg:#fff3;--room-info-overlay-bg:#ffffff0d;--room-info-header-border:#fff3;--room-info-card-bg:#ffffff0d;--room-info-card-border:#ffffff26;--room-info-input-bg:#ffffff0d;--room-info-input-border:#fff3;--room-info-input-focus-border:#ffffff4d;--room-info-display-bg:#ffffff0d;--room-info-display-border:#fff3;--room-info-display-hover-bg:#ffffff1a;--room-info-avatar-upload-bg:#ffffff26;--room-info-avatar-upload-border:#ffffff4d;--room-info-avatar-upload-hover-bg:#fff3;--room-info-modal-bg:#00000080;--room-info-modal-content-bg:#ffffff26;--room-info-modal-content-border:#fff3;--room-info-modal-button-bg:#ffffff1a;--room-info-modal-button-border:#fff3;--room-info-modal-button-hover-bg:#fff3;--room-info-stat-card-bg:#ffffff0d;--room-info-stat-card-border:#fff3;--room-info-stat-card-hover-bg:#ffffff1a;--attachment-popover-bg:#ffffff1a;--attachment-popover-border:#ffffff4d;--attachment-popover-content-bg:#ffffff26;--attachment-popover-button-bg:#ffffff1a;--attachment-popover-button-hover-bg:#fff3;--attachment-popover-divider:#ffffffb3;--attachment-popover-text-secondary:#fff6;--date-separator-text:#fff6;--system-message-text:#fff6;--system-message-bg:#ffffff0d;--file-upload-dialog-bg:#ffffff14;--file-upload-dialog-border:#fff3;--file-upload-surface:#ffffff1f;--file-upload-surface-alt:#ffffff14;--file-upload-item-border:#fff3;--file-upload-item-bg:#ffffff14;--file-upload-item-icon-bg:#3b82f633;--file-upload-text-primary:#fffffff2;--file-upload-text-secondary:#ffffffb3;--file-upload-input-bg:#ffffff1f;--file-upload-input-border:#fff3;--file-upload-button-primary-bg:#001346;--file-upload-button-primary-hover:#001346e6;--file-upload-button-cancel-border:#fff3;--file-upload-button-cancel-hover:#ffffff1f;--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#fff6;--text-muted:#ffffff80;--border-primary:#fff3;--border-secondary:#ffffff4d;--border-tertiary:#fff6;--bg-overlay:#ffffff1a;--bg-overlay-hover:#fff3;--bg-overlay-active:#ffffff40;--bg-card:#1f2937e6;--bg-card-hover:#374151e6;--bg-input:#ffffff1a;--bg-avatar:#ffffff1a;--bg-status-online:#22c55e;--bg-status-away:#fbbf24;--bg-status-busy:#ef4444;--bg-status-offline:#6b7280;--text-blue:#3b82f6;--text-blue-hover:#60a5fa;--text-green:#22c55e;--text-purple:#a855f7;--text-red:#f87171;--text-amber:#fbbf24;--bg-blue-light:#1e3a8a33;--bg-blue-dark:#1e3a8a4d;--bg-amber-light:#92400e33;--bg-amber-dark:#92400e4d;--bg-gray-light:#374151;--bg-gray-dark:#4b5563;--bg-gray-hover:#6b7280}.message-actions-active{box-shadow:none;background-color:#fffffff2;border-radius:.75rem;transition:background-color .2s,box-shadow .2s}.message-actions-active .chat-card{background-color:#fff!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.dark .message-actions-active .chat-card{background-color:var(--chat-bg-primary)!important;border-color:var(--chat-border-secondary)!important}.dark .message-actions-active{box-shadow:none;background-color:#0000}@keyframes messageActionsOpen{0%{opacity:0;transform:scale(.95)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.message-actions-menu-open{animation:.5s cubic-bezier(.16,1,.3,1) messageActionsOpen}.chat-tabs-list{transition:background-color .3s,border-color .3s}.chat-tabs-trigger{transition:all .2s ease-in-out}.chat-tabs-unread-badge{background-color:var(--chat-tabs-unread-bg);transition:background-color .3s}.chat-search-input{border:1px solid var(--chat-search-input-border);--tw-ring-shadow:none;transition:border-color .3s}.chat-search-input:focus{border-color:var(--chat-search-input-focus-border)}.chat-search-dropdown{background-color:var(--chat-search-dropdown-bg);border:1px solid var(--chat-search-dropdown-border);transition:background-color .3s,border-color .3s}.chat-search-item{transition:background-color .2s}.chat-search-item:hover{background-color:var(--chat-search-item-hover-bg)}.chat-search-item.selected{background-color:var(--chat-search-item-selected-bg)}.chat-search-text-primary{color:var(--chat-search-text-primary);transition:color .3s}.chat-search-text-secondary{color:var(--chat-search-text-secondary);transition:color .3s}.chat-search-icon{color:var(--chat-search-icon-color);transition:color .3s}.chat-search-avatar{background-color:var(--chat-search-avatar-bg);border:2px solid var(--chat-search-avatar-border);transition:background-color .3s,border-color .3s}.chat-search-item-border{border-bottom:1px solid var(--chat-search-item-border);transition:border-color .3s}.chat-header-button{border:1px solid var(--chat-header-button-border);transition:border-color .3s,background-color .3s}.chat-header-button:hover{background-color:var(--chat-header-button-hover-bg)}.chat-header-dropdown{background-color:var(--bg-color);border:1px solid var(--chat-header-dropdown-border);transition:background-color .3s,border-color .3s}.chat-header-dropdown-item{background-color:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;transition:background-color .2s}.chat-header-dropdown-item:hover{background-color:var(--chat-header-dropdown-item-hover-bg)}.chat-header-dropdown-item:focus{background-color:var(--chat-header-dropdown-item-focus-bg)}.chat-header-icon-container{background-color:var(--chat-header-icon-bg);border:1px solid var(--chat-header-icon-border);transition:background-color .3s,border-color .3s}.chat-header-text{color:var(--chat-header-text-color);transition:color .3s}.chat-bg-primary{background-color:var(--chat-bg-primary);transition:background-color .3s}.chat-msg-own,.chat-msg-own span{background-color:var(--composer-send-button-bg);color:#fff!important}.dark .chat-msg-own,.dark .chat-msg-own span{background-color:var(--composer-send-button-bg);color:#fffffff2!important}.chat-msg-own a,.chat-msg-own .message-link{text-underline-offset:2px;text-decoration:underline;color:#fff!important}.chat-msg-own a:hover,.chat-msg-own .message-link:hover{color:#fffc!important}.chat-msg-other{background-color:var(--chat-bg-primary);color:var(--fg-color)}.chat-voice-msg-own{--voice-msg-player-bg:var(--composer-send-button-bg);--voice-msg-player-text:#fff}.dark .chat-voice-msg-own{--voice-msg-player-bg:var(--composer-send-button-bg)}.chat-voice-msg-other{--voice-msg-player-bg:var(--chat-bg-primary);--voice-msg-player-text:var(--fg-color);border:1px solid var(--voice-player-border)}.dark .chat-voice-msg-other{--voice-msg-player-bg:var(--chat-bg-primary)}.chat-file-msg-own{background-color:var(--composer-send-button-bg);color:#fff}.chat-file-msg-own button,.chat-file-msg-own span{color:#fff!important}.chat-file-msg-own .text-muted-foreground,.chat-file-msg-own .text-secondary{color:#ffffffb3!important}.chat-file-msg-other{background-color:var(--chat-bg-primary);color:var(--fg-color)}.chat-bg-secondary{background-color:var(--chat-bg-secondary);transition:background-color .3s}.chat-bg-hover{background-color:var(--chat-bg-hover);transition:background-color .3s}.chat-bg-focus{background-color:var(--chat-bg-focus);transition:background-color .3s}.chat-border-primary{border-color:var(--chat-border-primary);transition:border-color .3s}.chat-border-secondary{border-color:var(--chat-border-secondary);transition:border-color .3s}.bakong-pay-button{border:1px solid var(--chat-border-primary);background-color:var(--chat-bg-primary);color:var(--text-primary);border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-flex}.chat-msg-own .bakong-pay-button{color:#001346;background-color:#f1f5f9;border-color:#f1f5f9}.bakong-pay-button:hover{opacity:.9}.bakong-pay-button img{width:auto;height:24px}.chat-card{background-color:var(--chat-bg-primary);border:1px solid var(--chat-border-primary)}.chat-card:hover{background-color:var(--chat-bg-hover)}.chat-input{background-color:var(--chat-bg-primary);border:1px solid var(--chat-border-primary);transition:background-color .3s,border-color .3s}.chat-input:focus{background-color:var(--chat-bg-focus);border-color:var(--chat-border-secondary)}.chat-button{background-color:var(--chat-bg-secondary);border:1px solid var(--chat-border-primary);transition:background-color .3s,border-color .3s}.chat-button:hover{background-color:var(--chat-bg-hover)}.room-header-back-button{border:1px solid var(--room-header-back-button-border);transition:border-color .3s,background-color .3s}.room-header-back-button:hover{background-color:var(--room-header-back-button-hover-bg)}.room-header-nav-button{border:1px solid var(--room-header-nav-button-border);transition:border-color .3s,background-color .3s,color .3s}.room-header-nav-button:hover{background-color:var(--room-header-nav-button-hover-bg)}.room-header-nav-button.active{background-color:var(--room-header-nav-button-active-bg);color:var(--room-header-nav-button-active-text)}.room-header-avatar{transition:border-color .3s}.room-header-status{border-color:var(--room-header-status-border);transition:border-color .3s}.composer-container{background-color:var(--composer-container-bg);border:1px solid var(--composer-container-border);-webkit-backdrop-filter:blur(12px);transition:border-color .3s,background-color .3s}.composer-container.typing{border-color:var(--composer-container-border-typing)}.composer-input{color:inherit;resize:none;background-color:#0000;border:none;outline:none;min-height:40px;max-height:96px;line-height:1.25rem;overflow-y:hidden;-webkit-user-select:text!important;user-select:text!important;-webkit-touch-callout:default!important}.composer-input::placeholder{color:var(--composer-input-placeholder)}.composer-button{transition:background-color .3s}.composer-button:hover{background-color:var(--composer-button-hover-bg)}.composer-edit-banner{background-color:var(--composer-edit-banner-bg);border:1px solid var(--composer-edit-banner-border);transition:background-color .3s,border-color .3s}.composer-edit-banner-text{color:var(--composer-edit-banner-text);transition:color .3s}.composer-edit-banner-close:hover{background-color:var(--composer-edit-banner-close-hover)}.composer-reply-banner{background-color:var(--composer-reply-banner-bg);border:1px solid var(--composer-reply-banner-border);transition:background-color .3s,border-color .3s}.composer-reply-banner-text{color:var(--composer-reply-banner-text);transition:color .3s}.composer-reply-banner-close:hover{background-color:var(--composer-reply-banner-close-hover)}.composer-typing-indicator{background-color:var(--composer-typing-indicator);transition:background-color .3s}.composer-send-button{background-color:var(--composer-send-button-bg);transition:background-color .3s}.composer-send-button:hover{background-color:var(--composer-send-button-hover)}.composer-send-button:disabled{background-color:var(--composer-send-button-disabled)}.emoji-picker{background-color:var(--emoji-picker-bg);border:1px solid var(--emoji-picker-border);-webkit-backdrop-filter:blur(12px);transition:background-color .3s,border-color .3s}.emoji-picker-header{border-bottom:1px solid var(--emoji-picker-header-border);transition:border-color .3s}.emoji-picker-search{background-color:var(--emoji-picker-search-bg);border:1px solid var(--emoji-picker-search-border);color:var(--emoji-picker-search-text);transition:background-color .3s,border-color .3s,color .3s}.emoji-picker-search::placeholder{color:var(--emoji-picker-search-placeholder)}.emoji-picker-category{background-color:var(--emoji-picker-category-bg);border:1px solid var(--emoji-picker-category-border);transition:background-color .3s,border-color .3s}.emoji-picker-category:hover{background-color:var(--emoji-picker-category-hover-bg)}.emoji-picker-category.active{background-color:var(--emoji-picker-category-active-bg);color:var(--emoji-picker-category-active-text)}.emoji-picker-grid{background-color:var(--emoji-picker-grid-bg);transition:background-color .3s}.emoji-picker-emoji{transition:background-color .3s}.emoji-picker-emoji:hover{background-color:var(--emoji-picker-emoji-hover-bg)}.emoji-picker-text-secondary{color:var(--emoji-picker-text-secondary);transition:color .3s}.emoji-picker-loading{border-color:var(--emoji-picker-loading-border);transition:border-color .3s}.emoji-picker-loading.active{border-top-color:var(--emoji-picker-loading-border-active)}.voice-recorder{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;transition:background-color .3s,border-color .3s}.voice-recorder-bar{--voice-recorder-waveform-color:var(--composer-send-button-bg);background-color:var(--bg-input);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:10px;min-height:48px;padding:6px 6px 6px 14px;transition:background-color .3s,border-color .3s;display:flex}.voice-recorder-inline{--voice-recorder-waveform-color:var(--composer-send-button-bg)}.voice-recorder-inline .voice-recorder-waveform-container{height:40px;min-height:40px}.voice-recorder-inline .voice-recorder-timer{font-size:.875rem;line-height:1.25rem}.voice-recorder-processing--inline{flex:1;width:100%;min-width:0;min-height:2.5rem}.voice-recorder-delete-btn{color:var(--voice-recorder-delete-color);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.voice-recorder-delete-btn:hover{opacity:.7}.voice-recorder-pause-btn{background-color:var(--voice-recorder-pause-bg);width:36px;height:36px;color:var(--voice-recorder-pause-color);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.voice-recorder-pause-btn:hover{opacity:.85}.voice-recorder-waveform-container{flex:1;min-width:0;height:32px}.voice-recorder-waveform-canvas{width:100%;height:100%;display:block}.voice-recorder-timer{font-variant-numeric:tabular-nums;color:var(--fg-color);text-align:right;flex-shrink:0;min-width:32px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}.voice-recorder-processing{width:100%;color:var(--fg-color);justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.voice-player{background-color:var(--voice-player-bg);border:1px solid var(--voice-player-border);min-width:230px;max-width:300px;transition:background-color .3s,border-color .3s}.voice-player:hover{background-color:var(--voice-player-hover-bg)}.voice-player-play-button{color:var(--voice-player-play-button-text);transition:color .3s,background-color .3s}.voice-player-play-button:hover{color:var(--voice-player-play-button-hover-text);background-color:var(--voice-player-play-button-hover-bg)}.voice-player-time{color:var(--voice-player-time-text);transition:color .3s}.voice-player-progress{background-color:var(--voice-player-progress-bg);transition:background-color .3s}.voice-player-progress-fill{background-color:var(--voice-player-progress-fill);transition:background-color .3s}.voice-player-speed-button{color:var(--voice-player-speed-button-text);border-color:var(--voice-player-speed-button-border);transition:color .3s,background-color .3s,border-color .3s}.voice-player-speed-button:hover{color:var(--voice-player-speed-button-hover-text);background-color:var(--voice-player-speed-button-hover-bg)}.voice-player-error{background-color:var(--voice-player-error-bg);border:1px solid var(--voice-player-error-border);transition:background-color .3s,border-color .3s}.voice-player-error-text{color:var(--voice-player-error-text);transition:color .3s}.voice-player-error-icon{color:var(--voice-player-error-icon);transition:color .3s}.voice-player-loading-spinner{border-color:var(--voice-player-loading-spinner);transition:border-color .3s}.voice-msg-player{background-color:var(--voice-msg-player-bg);color:var(--voice-msg-player-text);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;width:280px;padding:12px 14px;transition:background-color .3s;display:flex}.voice-msg-player--error{opacity:.85;cursor:default}.voice-msg-play-btn{width:36px;height:36px;color:var(--voice-msg-player-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.voice-msg-play-btn:hover{opacity:.8}.voice-msg-play-btn:disabled{opacity:.5;cursor:default}.voice-msg-waveform{cursor:pointer;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;height:36px;display:flex}.voice-msg-bar{background-color:var(--voice-msg-bar-inactive);border-radius:1.5px;flex-shrink:0;width:3px;transition:background-color .15s,opacity .15s}.dark .voice-msg-bar{background-color:var(--voice-msg-bar-inactive)!important}.voice-msg-bar--played{background-color:var(--voice-msg-bar-active)}.dark .voice-msg-bar--played{background-color:var(--voice-msg-bar-active)!important}.voice-msg-info{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;margin-bottom:6px;display:flex}.voice-msg-time{color:var(--voice-msg-player-text);opacity:.9;font-size:11px}.voice-msg-speed{background-color:var(--voice-msg-speed-bg);color:var(--voice-msg-player-text);cursor:pointer;border:none;border-radius:10px;margin-bottom:6px;padding:1px 6px;font-size:11px;transition:opacity .2s}.voice-msg-speed:hover{opacity:.8}.room-info-overlay{background-color:var(--room-info-overlay-bg);transition:background-color .3s}.room-info-header-border{border-color:var(--room-info-header-border);transition:border-color .3s}.room-info-card{background-color:var(--room-info-card-bg);border:1px solid var(--room-info-card-border);transition:background-color .3s,border-color .3s}.room-info-input{background-color:var(--room-info-input-bg);border:1px solid var(--room-info-input-border);transition:background-color .3s,border-color .3s}.room-info-input:focus{border-color:var(--room-info-input-focus-border)}.room-info-display{background-color:var(--room-info-display-bg);border:1px solid var(--room-info-display-border);transition:background-color .3s,border-color .3s}.room-info-display:hover{background-color:var(--room-info-display-hover-bg)}.room-info-avatar-upload{background-color:var(--room-info-avatar-upload-bg);border:1px solid var(--room-info-avatar-upload-border);transition:background-color .3s,border-color .3s}.room-info-avatar-upload:hover{background-color:var(--room-info-avatar-upload-hover-bg)}.room-info-modal{background-color:var(--room-info-modal-bg);transition:background-color .3s}.room-info-modal-content{background-color:var(--room-info-modal-content-bg);border:1px solid var(--room-info-modal-content-border);transition:background-color .3s,border-color .3s}.room-info-modal-button{background-color:var(--room-info-modal-button-bg);border:1px solid var(--room-info-modal-button-border);transition:background-color .3s,border-color .3s}.room-info-modal-button:hover{background-color:var(--room-info-modal-button-hover-bg)}.room-info-stat-card{background-color:var(--room-info-stat-card-bg);border:1px solid var(--room-info-stat-card-border);transition:background-color .3s,border-color .3s}.room-info-stat-card:hover{background-color:var(--room-info-stat-card-hover-bg)}.attachment-popover{background-color:var(--attachment-popover-bg);border:1px solid var(--attachment-popover-border);transition:background-color .3s,border-color .3s,box-shadow .3s,transform .2s;box-shadow:0 10px 30px #00000026,inset 0 1px #fff3}.attachment-popover-content{background:linear-gradient(to bottom right, #ffffffd9, var(--attachment-popover-content-bg));transition:background .3s}.attachment-popover-button{background-color:var(--attachment-popover-button-bg);transition:background-color .2s,transform .15s}.attachment-popover-button:hover{background-color:var(--attachment-popover-button-hover-bg);transform:translate(2px)}.attachment-popover-divider{background:linear-gradient(to right, transparent, var(--attachment-popover-divider), transparent);transition:background .3s}.attachment-popover-text-secondary{color:var(--attachment-popover-text-secondary);transition:color .3s}.date-separator{color:var(--date-separator-text);transition:color .3s}.system-message{color:var(--system-message-text);transition:color .3s}.system-message-bg{background-color:var(--system-message-bg);transition:background-color .3s}.file-upload-dialog{background:var(--file-upload-dialog-bg);border:1px solid var(--file-upload-dialog-border);transition:background-color .3s,border-color .3s,box-shadow .3s;box-shadow:0 12px 36px #0000002e,inset 0 1px #ffffff40}.file-upload-surface{background:linear-gradient(to bottom right, var(--file-upload-surface), var(--file-upload-surface-alt));border:1px solid var(--file-upload-item-border);transition:background .3s,border-color .3s}.file-upload-item{background-color:var(--file-upload-item-bg);border:1px solid var(--file-upload-item-border);transition:background-color .2s,border-color .2s}.file-upload-item-icon{background-color:var(--file-upload-item-icon-bg)}.file-upload-text-primary{color:var(--file-upload-text-primary)}.file-upload-text-secondary{color:var(--file-upload-text-secondary)}.file-upload-input{background-color:var(--file-upload-input-bg);border:1px solid var(--file-upload-input-border);transition:background-color .2s,border-color .2s}.file-upload-cancel{border-color:var(--file-upload-button-cancel-border)}.file-upload-cancel:hover{background-color:var(--file-upload-button-cancel-hover)}.file-upload-confirm{background-color:var(--file-upload-button-primary-bg)}.file-upload-confirm:hover{background-color:var(--file-upload-button-primary-hover)}.text-primary{color:var(--text-primary);transition:color .3s}.text-secondary{color:var(--text-secondary);transition:color .3s}.text-tertiary{color:var(--text-tertiary);transition:color .3s}.text-muted{color:var(--text-muted);transition:color .3s}.empty-state-text{color:#6b7280;transition:color .3s}.dark .empty-state-text{color:#d1d5db}.border-primary{border-color:var(--border-primary);transition:border-color .3s}.border-secondary{border-color:var(--border-secondary);transition:border-color .3s}.border-tertiary{border-color:var(--border-tertiary);transition:border-color .3s}.bg-overlay{background-color:var(--bg-overlay);transition:background-color .3s}.bg-overlay-hover{background-color:var(--bg-overlay-hover);transition:background-color .3s}.bg-overlay-active{background-color:var(--bg-overlay-active);transition:background-color .3s}.bg-card{background-color:var(--bg-card);transition:background-color .3s}.bg-card-hover{background-color:var(--bg-card-hover);transition:background-color .3s}.bg-input{background-color:var(--bg-input);transition:background-color .3s}.bg-avatar{background-color:var(--bg-avatar);transition:background-color .3s}.text-blue{color:var(--text-blue);transition:color .3s}.text-blue-hover{color:var(--text-blue-hover);transition:color .3s}.text-green{color:var(--text-green);transition:color .3s}.text-purple{color:var(--text-purple);transition:color .3s}.text-red{color:var(--text-red);transition:color .3s}.text-amber{color:var(--text-amber);transition:color .3s}.bg-blue-light{background-color:var(--bg-blue-light);transition:background-color .3s}.bg-blue-dark{background-color:var(--bg-blue-dark);transition:background-color .3s}.bg-amber-light{background-color:var(--bg-amber-light);transition:background-color .3s}.bg-amber-dark{background-color:var(--bg-amber-dark);transition:background-color .3s}.bg-gray-light{background-color:var(--bg-gray-light);transition:background-color .3s}.bg-gray-dark{background-color:var(--bg-gray-dark);transition:background-color .3s}.bg-gray-hover{background-color:var(--bg-gray-hover);transition:background-color .3s}.status-online{background-color:var(--bg-status-online)}.status-away{background-color:var(--bg-status-away)}.status-busy{background-color:var(--bg-status-busy)}.status-offline{background-color:var(--bg-status-offline)}.message-content{word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;white-space:pre-wrap}.message-content a{word-break:break-all;overflow-wrap:break-word}.message-bubble{overflow-wrap:break-word;max-width:100%}.message-link{color:var(--text-blue);text-decoration:underline;transition:color .2s}.message-link:hover{color:var(--text-blue-hover);text-decoration:underline}.dark .message-link{color:var(--text-blue)}.dark .message-link:hover{color:var(--text-blue-hover)}.chat-list-row,.chat-list-row .chat-card{min-height:60px;max-height:60px;overflow:hidden}.chat-list-row .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-list-row .message-content{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chat-search-item{min-height:60px;max-height:60px;overflow:hidden}.chat-search-item .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.members-row{min-height:72px;max-height:72px;overflow:hidden}.members-row .member-name,.members-row .member-username{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-tabs-toggle-container{background-color:var(--bg-gray-light);transition:background-color .3s}.dark .chat-tabs-toggle-container{background-color:var(--bg-gray-dark)}.chat-tab-button-active{background-color:#fff}.dark .chat-tab-button-active{background-color:var(--chat-bg-focus)}.chat-media-item{background-color:var(--bg-gray-light)}.dark .chat-media-item{background-color:var(--bg-gray-dark)}.chat-room-file-item{background-color:#fff}.dark .chat-room-file-item{background-color:#ffffff14}.chat-room-file-item:hover{background-color:var(--bg-gray-light)}.dark .chat-room-file-item:hover{background-color:var(--bg-gray-dark)}.chat-text-green{color:#16a34a}.dark .chat-text-green{color:#4ade80}.chat-toggle-inactive{background-color:#d1d5db}.dark .chat-toggle-inactive{background-color:#4b5563}.chat-tab-text-inactive{color:#6b7280}.chat-tab-text-inactive:hover{color:#374151}.dark .chat-tab-text-inactive{color:#9ca3af}.chat-avatar-button-border{border-color:#fff}.dark .chat-avatar-button-border{border-color:#111827}.chat-avatar-edit-button{color:#fff;background-color:#2563eb;border:2px solid #fff;box-shadow:0 4px 12px #0003}.dark .chat-avatar-edit-button{background-color:#3b82f6;border-color:#111827}.chat-input-field-bg{background-color:#ffffff80}.dark .chat-input-field-bg{background-color:#0003}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#0003}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.emoji-picker-trigger-bg{background-color:#0000000d;transition:background-color .2s}.dark .emoji-picker-trigger-bg{background-color:#ffffff1a}