:root{--chat-tabs-bg:rgba(255,255,255,0.8);--chat-tabs-border:rgba(0,0,0,0.1);--chat-tabs-trigger-active-bg:rgba(255,255,255,1);--chat-tabs-trigger-active-ring:rgba(0,0,0,0.1);--chat-tabs-trigger-hover-bg:rgba(255,255,255,0.9);--chat-tabs-unread-bg:#ef4444;--chat-search-input-border:rgba(0,0,0,0.1);--chat-search-input-focus-border:rgba(0,0,0,0.2);--chat-search-dropdown-border:rgba(0,0,0,0.1);--chat-search-dropdown-bg:rgba(255,255,255,0.95);--chat-search-item-hover-bg:rgba(0,0,0,0.05);--chat-search-item-selected-bg:rgba(0,0,0,0.1);--chat-search-item-border:rgba(0,0,0,0.1);--chat-search-text-primary:rgba(0,0,0,0.9);--chat-search-text-secondary:rgba(0,0,0,0.5);--chat-search-icon-color:rgba(0,0,0,0.4);--chat-search-avatar-bg:rgba(0,0,0,0.1);--chat-search-avatar-border:#ffffff;--chat-header-button-border:rgba(0,0,0,0.1);--chat-header-button-hover-bg:rgba(0,0,0,0.05);--chat-header-dropdown-border:rgba(0,0,0,0.1);--chat-header-dropdown-bg:rgba(255,255,255,0.05);--chat-header-dropdown-item-hover-bg:rgba(255,255,255,0.8);--chat-header-dropdown-item-focus-bg:rgba(255,255,255,0.8);--chat-header-icon-bg:rgba(255,255,255,0.8);--chat-header-icon-border:rgba(0,0,0,0.1);--chat-header-text-color:rgba(0,0,0,0.9);--chat-bg-primary:rgba(0,19,70,0.03);--chat-bg-secondary:rgba(0,19,70,0.05);--chat-bg-hover:rgba(0,0,0,0.05);--chat-bg-focus:rgba(255,255,255,0.8);--chat-border-primary:#e5e5e5;--chat-border-secondary:#d1d5db;--room-header-back-button-border:rgba(0,0,0,0.1);--room-header-back-button-hover-bg:rgba(0,0,0,0.05);--room-header-nav-button-border:rgba(0,0,0,0.1);--room-header-nav-button-hover-bg:rgba(0,0,0,0.05);--room-header-nav-button-active-bg:rgba(0,19,70,0.1);--room-header-nav-button-active-text:rgba(0,19,70,0.9);--room-header-avatar-border:rgba(0,0,0,0.1);--room-header-status-border:#ffffff;--composer-container-bg:rgba(255,255,255,0.7);--composer-container-border:rgba(0,0,0,0.1);--composer-container-border-typing:rgba(59,130,246,0.3);--composer-input-placeholder:rgba(0,0,0,0.5);--composer-button-hover-bg:rgba(0,0,0,0.05);--composer-button-hover-bg-dark:rgba(255,255,255,0.1);--composer-edit-banner-bg:rgba(255,255,255,0.9);--composer-edit-banner-border:rgba(0,0,0,0.1);--composer-edit-banner-text:rgba(0,0,0,0.8);--composer-edit-banner-close-hover:rgba(0,0,0,0.1);--composer-reply-banner-bg:rgba(255,255,255,0.9);--composer-reply-banner-border:rgba(0,0,0,0.1);--composer-reply-banner-text:rgba(0,0,0,0.8);--composer-reply-banner-close-hover:rgba(0,0,0,0.1);--composer-typing-indicator:rgba(0,19,70,0.8);--composer-send-button-bg:rgba(59,130,246,1);--composer-send-button-hover:rgba(37,99,235,1);--composer-send-button-disabled:rgba(156,163,175,1);--emoji-picker-bg:rgba(255,255,255,0.7);--emoji-picker-border:rgba(0,0,0,0.1);--emoji-picker-header-border:rgba(0,0,0,0.1);--emoji-picker-search-bg:rgba(255,255,255,1);--emoji-picker-search-border:rgba(0,0,0,0.1);--emoji-picker-search-text:rgba(0,0,0,0.9);--emoji-picker-search-placeholder:rgba(0,0,0,0.5);--emoji-picker-category-bg:rgba(255,255,255,0.9);--emoji-picker-category-border:rgba(0,0,0,0.1);--emoji-picker-category-active-bg:rgba(59,130,246,0.1);--emoji-picker-category-active-text:rgba(59,130,246,1);--emoji-picker-category-hover-bg:rgba(255,255,255,0.8);--emoji-picker-grid-bg:rgba(255,255,255,0.9);--emoji-picker-emoji-hover-bg:rgba(255,255,255,0.8);--emoji-picker-text-secondary:rgba(0,0,0,0.5);--emoji-picker-loading-border:rgba(0,0,0,0.1);--emoji-picker-loading-border-active:rgba(59,130,246,1);--voice-recorder-bg:rgba(255,255,255,0.9);--voice-recorder-border:rgba(0,0,0,0.1);--voice-player-bg:rgba(249,250,251,1);--voice-player-border:rgba(0,0,0,0.1);--voice-player-hover-bg:rgba(243,244,246,1);--voice-player-play-button-text:rgba(37,99,235,1);--voice-player-play-button-hover-text:rgba(29,78,216,1);--voice-player-play-button-hover-bg:rgba(239,246,255,1);--voice-player-time-text:rgba(107,114,128,1);--voice-player-progress-bg:rgba(229,231,235,1);--voice-player-progress-fill:rgba(37,99,235,1);--voice-player-speed-button-text:rgba(75,85,99,1);--voice-player-speed-button-hover-text:rgba(55,65,81,1);--voice-player-speed-button-hover-bg:rgba(243,244,246,1);--voice-player-speed-button-border:rgba(209,213,219,1);--voice-player-error-bg:rgba(254,242,242,1);--voice-player-error-border:rgba(248,113,113,1);--voice-player-error-text:rgba(220,38,38,1);--voice-player-error-icon:rgba(239,68,68,1);--voice-player-loading-spinner:rgba(37,99,235,1);--room-info-overlay-bg:rgba(255,255,255,0.05);--room-info-header-border:rgba(0,0,0,0.1);--room-info-card-bg:rgba(255,255,255,0.05);--room-info-card-border:rgba(0,0,0,0.1);--room-info-input-bg:rgba(255,255,255,0.05);--room-info-input-border:rgba(0,0,0,0.1);--room-info-input-focus-border:rgba(0,0,0,0.2);--room-info-display-bg:rgba(0,0,0,0.05);--room-info-display-border:rgba(0,0,0,0.1);--room-info-display-hover-bg:rgba(0,0,0,0.1);--room-info-avatar-upload-bg:rgba(255,255,255,0.9);--room-info-avatar-upload-border:rgba(0,0,0,0.3);--room-info-avatar-upload-hover-bg:rgba(255,255,255,0.25);--room-info-modal-bg:rgba(0,0,0,0.5);--room-info-modal-content-bg:rgba(255,255,255,0.9);--room-info-modal-content-border:rgba(0,0,0,0.4);--room-info-modal-button-bg:rgba(255,255,255,0.8);--room-info-modal-button-border:rgba(0,0,0,0.4);--room-info-modal-button-hover-bg:rgba(255,255,255,0.9);--room-info-stat-card-bg:rgba(0,0,0,0.05);--room-info-stat-card-border:rgba(0,0,0,0.1);--room-info-stat-card-hover-bg:rgba(0,0,0,0.1);--attachment-popover-bg:rgba(255,255,255,0.05);--attachment-popover-border:rgba(0,0,0,0.5);--attachment-popover-content-bg:rgba(255,255,255,0.9);--attachment-popover-button-bg:rgba(255,255,255,0.8);--attachment-popover-button-hover-bg:rgba(255,255,255,0.2);--attachment-popover-divider:rgba(0,0,0,0.2);--attachment-popover-text-secondary:rgba(0,0,0,0.5);--date-separator-text:rgba(0,0,0,0.4);--system-message-text:rgba(0,0,0,0.4);--system-message-bg:rgba(0,19,70,0.03);--file-upload-dialog-bg:rgba(255,255,255,0.08);--file-upload-dialog-border:rgba(0,0,0,0.12);--file-upload-surface:rgba(255,255,255,0.9);--file-upload-surface-alt:rgba(255,255,255,0.6);--file-upload-item-border:rgba(0,0,0,0.12);--file-upload-item-bg:rgba(255,255,255,0.75);--file-upload-item-icon-bg:rgba(59,130,246,0.12);--file-upload-text-primary:rgba(0,0,0,0.9);--file-upload-text-secondary:rgba(0,0,0,0.6);--file-upload-input-bg:rgba(255,255,255,0.9);--file-upload-input-border:rgba(0,0,0,0.12);--file-upload-button-primary-bg:rgba(0,19,70,1);--file-upload-button-primary-hover:rgba(0,19,70,0.9);--file-upload-button-cancel-border:rgba(0,0,0,0.2);--file-upload-button-cancel-hover:rgba(0,0,0,0.06);--text-primary:rgba(0,0,0,1);--text-secondary:rgba(0,0,0,0.6);--text-tertiary:rgba(0,0,0,0.4);--text-muted:rgba(0,0,0,0.5);--border-primary:rgba(0,0,0,0.1);--border-secondary:rgba(0,0,0,0.2);--border-tertiary:rgba(0,0,0,0.3);--bg-overlay:rgba(255,255,255,0.05);--bg-overlay-hover:rgba(255,255,255,0.1);--bg-overlay-active:rgba(255,255,255,0.15);--bg-card:rgba(255,255,255,0.8);--bg-card-hover:rgba(255,255,255,0.9);--bg-input:rgba(255,255,255,0.05);--bg-avatar:rgba(0,0,0,0.1);--bg-status-online:rgba(34,197,94,1);--bg-status-away:rgba(251,191,36,1);--bg-status-busy:rgba(239,68,68,1);--bg-status-offline:rgba(107,114,128,1);--text-blue:rgba(37,99,235,1);--text-blue-hover:rgba(29,78,216,1);--text-green:rgba(34,197,94,1);--text-purple:rgba(147,51,234,1);--text-red:rgba(239,68,68,1);--text-amber:rgba(245,158,11,1);--bg-blue-light:rgba(239,246,255,1);--bg-blue-dark:rgba(30,58,138,0.3);--bg-amber-light:rgba(254,243,199,1);--bg-amber-dark:rgba(146,64,14,0.2);--bg-gray-light:rgba(243,244,246,1);--bg-gray-dark:rgba(55,65,81,1);--bg-gray-hover:rgba(75,85,99,1)}.dark{--chat-tabs-bg:rgba(255,255,255,0.1);--chat-tabs-border:rgba(255,255,255,0.15);--chat-tabs-trigger-active-bg:rgba(255,255,255,0.15);--chat-tabs-trigger-active-ring:rgba(255,255,255,0.15);--chat-tabs-trigger-hover-bg:rgba(255,255,255,0.1);--chat-tabs-unread-bg:#ef4444;--chat-search-input-border:rgba(255,255,255,0.2);--chat-search-input-focus-border:rgba(255,255,255,0.3);--chat-search-dropdown-border:rgba(255,255,255,0.2);--chat-search-dropdown-bg:rgba(10,29,69,0.95);--chat-search-item-hover-bg:rgba(255,255,255,0.1);--chat-search-item-selected-bg:rgba(255,255,255,0.15);--chat-search-item-border:rgba(255,255,255,0.1);--chat-search-text-primary:rgba(255,255,255,0.9);--chat-search-text-secondary:rgba(255,255,255,0.7);--chat-search-icon-color:rgba(255,255,255,0.6);--chat-search-avatar-bg:rgba(255,255,255,0.2);--chat-search-avatar-border:#001346;--chat-header-button-border:rgba(255,255,255,0.15);--chat-header-button-hover-bg:rgba(255,255,255,0.2);--chat-header-dropdown-border:rgba(255,255,255,0.3);--chat-header-dropdown-bg:rgba(255,255,255,0.1);--chat-header-dropdown-item-hover-bg:rgba(255,255,255,0.2);--chat-header-dropdown-item-focus-bg:rgba(255,255,255,0.2);--chat-header-icon-bg:rgba(255,255,255,0.15);--chat-header-icon-border:rgba(255,255,255,0.2);--chat-header-text-color:rgba(255,255,255,0.9);--chat-bg-primary:rgba(255,255,255,0.03);--chat-bg-secondary:rgba(255,255,255,0.05);--chat-bg-hover:rgba(255,255,255,0.1);--chat-bg-focus:rgba(255,255,255,0.2);--chat-border-primary:rgba(255,255,255,0.2);--chat-border-secondary:rgba(255,255,255,0.4);--room-header-back-button-border:rgba(255,255,255,0.15);--room-header-back-button-hover-bg:rgba(255,255,255,0.1);--room-header-nav-button-border:rgba(255,255,255,0.15);--room-header-nav-button-hover-bg:rgba(255,255,255,0.1);--room-header-nav-button-active-bg:rgba(255,255,255,0.15);--room-header-nav-button-active-text:rgba(255,255,255,0.9);--room-header-avatar-border:rgba(255,255,255,0.15);--room-header-status-border:#1a1a1a;--composer-container-bg:rgba(31,41,55,0.7);--composer-container-border:rgba(255,255,255,0.15);--composer-container-border-typing:rgba(59,130,246,0.4);--composer-input-placeholder:rgba(255,255,255,0.4);--composer-button-hover-bg:rgba(255,255,255,0.1);--composer-edit-banner-bg:rgba(31,41,55,0.9);--composer-edit-banner-border:rgba(255,255,255,0.15);--composer-edit-banner-text:rgba(255,255,255,0.9);--composer-edit-banner-close-hover:rgba(255,255,255,0.1);--composer-reply-banner-bg:rgba(31,41,55,0.9);--composer-reply-banner-border:rgba(255,255,255,0.15);--composer-reply-banner-text:rgba(255,255,255,0.9);--composer-reply-banner-close-hover:rgba(255,255,255,0.1);--composer-typing-indicator:rgba(255,255,255,0.8);--composer-send-button-bg:rgba(59,130,246,1);--composer-send-button-hover:rgba(37,99,235,1);--composer-send-button-disabled:rgba(75,85,99,1);--emoji-picker-bg:rgba(31,41,55,0.7);--emoji-picker-border:rgba(255,255,255,0.15);--emoji-picker-header-border:rgba(255,255,255,0.15);--emoji-picker-search-bg:rgba(75,85,99,1);--emoji-picker-search-border:rgba(255,255,255,0.15);--emoji-picker-search-text:rgba(255,255,255,0.9);--emoji-picker-search-placeholder:rgba(255,255,255,0.4);--emoji-picker-category-bg:rgba(255,255,255,0.15);--emoji-picker-category-border:rgba(255,255,255,0.15);--emoji-picker-category-active-bg:rgba(59,130,246,0.2);--emoji-picker-category-active-text:rgba(147,197,253,1);--emoji-picker-category-hover-bg:rgba(255,255,255,0.1);--emoji-picker-grid-bg:rgba(255,255,255,0.15);--emoji-picker-emoji-hover-bg:rgba(255,255,255,0.1);--emoji-picker-text-secondary:rgba(255,255,255,0.4);--emoji-picker-loading-border:rgba(255,255,255,0.15);--emoji-picker-loading-border-active:rgba(59,130,246,1);--voice-recorder-bg:rgba(31,41,55,0.9);--voice-recorder-border:rgba(255,255,255,0.15);--voice-player-bg:rgba(31,41,55,1);--voice-player-border:rgba(255,255,255,0.15);--voice-player-hover-bg:rgba(55,65,81,1);--voice-player-play-button-text:rgba(59,130,246,1);--voice-player-play-button-hover-text:rgba(96,165,250,1);--voice-player-play-button-hover-bg:rgba(30,58,138,0.2);--voice-player-time-text:rgba(156,163,175,1);--voice-player-progress-bg:rgba(75,85,99,1);--voice-player-progress-fill:rgba(59,130,246,1);--voice-player-speed-button-text:rgba(209,213,219,1);--voice-player-speed-button-hover-text:rgba(229,231,235,1);--voice-player-speed-button-hover-bg:rgba(55,65,81,1);--voice-player-speed-button-border:rgba(75,85,99,1);--voice-player-error-bg:rgba(127,29,29,0.2);--voice-player-error-border:rgba(248,113,113,1);--voice-player-error-text:rgba(248,113,113,1);--voice-player-error-icon:rgba(252,165,165,1);--voice-player-loading-spinner:rgba(59,130,246,1);--room-info-overlay-bg:rgba(255,255,255,0.05);--room-info-header-border:rgba(255,255,255,0.2);--room-info-card-bg:rgba(255,255,255,0.05);--room-info-card-border:rgba(255,255,255,0.15);--room-info-input-bg:rgba(255,255,255,0.05);--room-info-input-border:rgba(255,255,255,0.2);--room-info-input-focus-border:rgba(255,255,255,0.3);--room-info-display-bg:rgba(255,255,255,0.05);--room-info-display-border:rgba(255,255,255,0.2);--room-info-display-hover-bg:rgba(255,255,255,0.1);--room-info-avatar-upload-bg:rgba(255,255,255,0.15);--room-info-avatar-upload-border:rgba(255,255,255,0.3);--room-info-avatar-upload-hover-bg:rgba(255,255,255,0.2);--room-info-modal-bg:rgba(0,0,0,0.5);--room-info-modal-content-bg:rgba(255,255,255,0.15);--room-info-modal-content-border:rgba(255,255,255,0.2);--room-info-modal-button-bg:rgba(255,255,255,0.1);--room-info-modal-button-border:rgba(255,255,255,0.2);--room-info-modal-button-hover-bg:rgba(255,255,255,0.2);--room-info-stat-card-bg:rgba(255,255,255,0.05);--room-info-stat-card-border:rgba(255,255,255,0.2);--room-info-stat-card-hover-bg:rgba(255,255,255,0.1);--attachment-popover-bg:rgba(255,255,255,0.1);--attachment-popover-border:rgba(255,255,255,0.3);--attachment-popover-content-bg:rgba(255,255,255,0.15);--attachment-popover-button-bg:rgba(255,255,255,0.1);--attachment-popover-button-hover-bg:rgba(255,255,255,0.2);--attachment-popover-divider:rgba(255,255,255,0.7);--attachment-popover-text-secondary:rgba(255,255,255,0.4);--date-separator-text:rgba(255,255,255,0.4);--system-message-text:rgba(255,255,255,0.4);--system-message-bg:rgba(255,255,255,0.05);--file-upload-dialog-bg:rgba(255,255,255,0.08);--file-upload-dialog-border:rgba(255,255,255,0.2);--file-upload-surface:rgba(255,255,255,0.12);--file-upload-surface-alt:rgba(255,255,255,0.08);--file-upload-item-border:rgba(255,255,255,0.2);--file-upload-item-bg:rgba(255,255,255,0.08);--file-upload-item-icon-bg:rgba(59,130,246,0.2);--file-upload-text-primary:rgba(255,255,255,0.95);--file-upload-text-secondary:rgba(255,255,255,0.7);--file-upload-input-bg:rgba(255,255,255,0.12);--file-upload-input-border:rgba(255,255,255,0.2);--file-upload-button-primary-bg:rgba(0,19,70,1);--file-upload-button-primary-hover:rgba(0,19,70,0.9);--file-upload-button-cancel-border:rgba(255,255,255,0.2);--file-upload-button-cancel-hover:rgba(255,255,255,0.12);--text-primary:rgba(255,255,255,1);--text-secondary:rgba(255,255,255,0.6);--text-tertiary:rgba(255,255,255,0.4);--text-muted:rgba(255,255,255,0.5);--border-primary:rgba(255,255,255,0.2);--border-secondary:rgba(255,255,255,0.3);--border-tertiary:rgba(255,255,255,0.4);--bg-overlay:rgba(255,255,255,0.1);--bg-overlay-hover:rgba(255,255,255,0.2);--bg-overlay-active:rgba(255,255,255,0.25);--bg-card:rgba(31,41,55,0.9);--bg-card-hover:rgba(55,65,81,0.9);--bg-input:rgba(255,255,255,0.1);--bg-avatar:rgba(255,255,255,0.1);--bg-status-online:rgba(34,197,94,1);--bg-status-away:rgba(251,191,36,1);--bg-status-busy:rgba(239,68,68,1);--bg-status-offline:rgba(107,114,128,1);--text-blue:rgba(59,130,246,1);--text-blue-hover:rgba(96,165,250,1);--text-green:rgba(34,197,94,1);--text-purple:rgba(168,85,247,1);--text-red:rgba(248,113,113,1);--text-amber:rgba(251,191,36,1);--bg-blue-light:rgba(30,58,138,0.2);--bg-blue-dark:rgba(30,58,138,0.3);--bg-amber-light:rgba(146,64,14,0.2);--bg-amber-dark:rgba(146,64,14,0.3);--bg-gray-light:rgba(55,65,81,1);--bg-gray-dark:rgba(75,85,99,1);--bg-gray-hover:rgba(107,114,128,1)}.message-actions-active{background-color:rgba(255,255,255,.95);box-shadow:0 4px 12px rgba(0,0,0,.1);border-radius:.75rem;transition:background-color .2s,box-shadow .2s}.dark .message-actions-active{background-color:transparent;box-shadow:none}@keyframes messageActionsOpen{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.message-actions-menu-open{animation:messageActionsOpen .5s cubic-bezier(.16,1,.3,1)}.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);transition:border-color .3s;--tw-ring-shadow:none}.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{transition:background-color .2s;border-radius:10px;background-color:var(--bg-color);border:1px solid var(--border-color)}.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-bg-secondary{background-color:var(--chat-bg-secondary);transition:background-color .3s}.chat-bg-hover{background-color:var(--chat-bg-hover)}.chat-bg-focus,.chat-bg-hover{transition:background-color .3s}.chat-bg-focus{background-color:var(--chat-bg-focus)}.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{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:.75rem;border:1px solid var(--chat-border-primary);background-color:var(--chat-bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:500;text-decoration:none;transition:opacity .2s}.bakong-pay-button:hover{opacity:.9}.bakong-pay-button img{height:24px;width:auto}.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,.room-header-status{transition:border-color .3s}.room-header-status{border-color:var(--room-header-status-border)}.composer-container{background-color:var(--composer-container-bg);border:1px solid var(--composer-container-border);transition:border-color .3s,background-color .3s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.composer-container.typing{border-color:var(--composer-container-border-typing)}.composer-input{background-color:transparent;border:none;outline:none;color:inherit;resize:none;min-height:24px;max-height:96px;line-height:1.4;overflow-y:hidden;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-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);transition:background-color .3s,border-color .3s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.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)}.emoji-picker-emoji,.emoji-picker-grid{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(--voice-recorder-bg);border:1px solid var(--voice-recorder-border)}.voice-player,.voice-recorder{transition:background-color .3s,border-color .3s}.voice-player{background-color:var(--voice-player-bg);border:1px solid var(--voice-player-border);min-width:230px;max-width:300px}.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}.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)}.room-info-card,.room-info-input{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)}.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);box-shadow:0 10px 30px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.2);transition:background-color .3s,border-color .3s,box-shadow .3s,transform .2s}.attachment-popover-content{background:linear-gradient(to bottom right,rgba(255,255,255,.85),var(--attachment-popover-content-bg));transition:background .3s}.attachment-popover-button{background-color:var(--attachment-popover-button-bg);transition:background-color .2s,transform .15s ease}.attachment-popover-button:hover{background-color:var(--attachment-popover-button-hover-bg);transform:translateX(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);box-shadow:0 12px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.25);transition:background-color .3s,border-color .3s,box-shadow .3s}.file-upload-surface{background:linear-gradient(to bottom right,var(--file-upload-surface),var(--file-upload-surface-alt));transition:background .3s,border-color .3s}.file-upload-item,.file-upload-surface{border:1px solid var(--file-upload-item-border)}.file-upload-item{background-color:var(--file-upload-item-bg);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)}.bg-overlay,.bg-overlay-hover{transition:background-color .3s}.bg-overlay-hover{background-color:var(--bg-overlay-hover)}.bg-overlay-active{background-color:var(--bg-overlay-active)}.bg-card,.bg-overlay-active{transition:background-color .3s}.bg-card{background-color:var(--bg-card)}.bg-card-hover{background-color:var(--bg-card-hover)}.bg-card-hover,.bg-input{transition:background-color .3s}.bg-input{background-color:var(--bg-input)}.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)}.bg-blue-dark,.bg-blue-light{transition:background-color .3s}.bg-blue-dark{background-color:var(--bg-blue-dark)}.bg-amber-light{background-color:var(--bg-amber-light)}.bg-amber-dark,.bg-amber-light{transition:background-color .3s}.bg-amber-dark{background-color:var(--bg-amber-dark)}.bg-gray-light{background-color:var(--bg-gray-light)}.bg-gray-dark,.bg-gray-light{transition:background-color .3s}.bg-gray-dark{background-color:var(--bg-gray-dark)}.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;hyphens:auto;white-space:pre-wrap}.message-content a{word-break:break-all;overflow-wrap:break-word}.message-bubble{max-width:100%;overflow-wrap:break-word}.message-link{color:var(--text-blue);text-decoration:underline;transition:color .2s ease}.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 .message-content,.chat-list-row .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-list-row .message-content{max-width:100%}.chat-search-item{min-height:60px;max-height:60px;overflow:hidden}.chat-search-item .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-row{min-height:72px;max-height:72px;overflow:hidden}.members-row .member-name,.members-row .member-username{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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:#ffffff}.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:#ffffff}.dark .chat-room-file-item{background-color:rgba(255,255,255,.08)}.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:#ffffff}.dark .chat-avatar-button-border{border-color:#111827}.chat-avatar-edit-button{background-color:#2563eb;color:#ffffff;border:2px solid #ffffff;box-shadow:0 4px 12px rgba(0,0,0,.2)}.dark .chat-avatar-edit-button{background-color:#3b82f6;border-color:#111827}.chat-input-field-bg{background-color:rgba(255,255,255,.5)}.dark .chat-input-field-bg{background-color:rgba(0,0,0,.2)}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:10px}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}