: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;--tab-button-active:#fff;--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:#001346;--chat-bg-primary:#00134608;--chat-bg-secondary:#0013460d;--chat-bg-hover:#0000000d;--chat-bg-focus:#fffc;--chat-border-primary:#e5e5e5;--chat-border-secondary:#d1d5db;--chat-bg-msg-other:#00134608;--chat-reaction-bg:#eef0f2;--chat-reaction-border:#d8dbdf;--chat-reaction-text:#000000a6;--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:#3b82f6;--composer-send-hover:#2563eb;--composer-send-disabled:#9ca3af;--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;--voice-bg-other:#00134608;--voice-recorder-line:#3b82f6;--voice-player:#fff6;--voice-player-line:#3b82f6;--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:#001346;--file-upload-text-secondary:#0009;--file-upload-input-bg:#ffffffe6;--file-bg:#fff;--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;--text-empty-state:#6b7280;--chat-list-card-bg:#fff}.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;--tab-button-active:#243a6b;--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:#0c1c3d;--chat-border-primary:#fff3;--chat-border-secondary:#fff6;--chat-bg-msg-other:#ffffff08;--chat-reaction-bg:#ffffff1f;--chat-reaction-border:#ffffff2e;--chat-reaction-text:#ffffffbf;--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:#3b82f6;--composer-send-hover:#2563eb;--composer-send-disabled:#4b5563;--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;--voice-bg-other:#ffffff08;--voice-recorder-line:#2563eb;--voice-player:#fff6;--voice-player-line:#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:#fff;--file-bg:#fff;--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;--text-empty-state:#d1d5db;--chat-list-card-bg:#ffffff0f}.premium{--chat-list-card-bg:#ffffff14;--date-separator-text:#e6c597;--composer-input-placeholder:#e6c597;--chat-header-text-color:#e6c597;--composer-container-bg:#1a1a1a;--composer-container-border:#e6c597;--composer-container-border-typing:#e6c597a1;--composer-send-button:#e6c597;--composer-send-button-bg:#dda24b;--composer-send-button-hover:#b87a20;--composer-send-hover:#f3c27e;--composer-send-disabled:#e6c597;--chat-border-primary:#e6c597;--text-muted:#e6c597;--bg-gray-light:#dda24b;--tab-button-active:#e6c597;--text-empty-state:#d1d5db;--system-message-bg:#6b728088;--chat-header-button-border:#e6c597;--chat-header-icon-bg:#a47e1b1a;--chat-header-dropdown-item-hover-bg:#3c3c3c;--chat-header-dropdown-item-focus-bg:#3c3c3c;--chat-bg-primary:#1a1a1af2;--voice-bg-other:#3c3c3c;--chat-bg-msg-other:#3c3c3c;--chat-reaction-bg:#e6c59726;--chat-reaction-border:#e6c59759;--chat-reaction-text:#e6c597;--room-header-back-button-border:#e6c597;--room-header-nav-button-border:#e6c597;--chat-header-dropdown-border:#3c3c3c;--file-upload-text-primary:#e6c597;--text-primary:#e6c597;--text-secondary:#e6c597b3;--file-upload-text-secondary:#e6c597b3;--attachment-popover-text-secondary:#e6c59799;--attachment-popover-button-hover-bg:#e6c5971a;--voice-msg-bar-inactive:#e6c59766;--voice-msg-player-bg:#e6c597;--voice-recorder-delete-color:#ff6464e6;--voice-recorder-pause-bg:#e6c597;--voice-recorder-pause-color:#1a1a1a;--voice-player-bg:#1a1a1a;--voice-player-border:#e6c59726;--voice-player-hover-bg:#3c3c3c;--voice-player-play-button-text:#e6c597;--voice-player-play-button-hover-text:#e6c597;--voice-player-play-button-hover-bg:#a47e1b33;--voice-player-time-text:#e6c597b3;--voice-player-progress-bg:#3c3c3c;--voice-player-progress-fill:#e6c597;--voice-player-speed-button-text:#e6c597e6;--voice-player-speed-button-hover-text:#e6c597;--voice-player-speed-button-hover-bg:#3c3c3c;--voice-player-speed-button-border:#3c3c3c;--voice-player-error-bg:#fb0a0a33;--voice-player-error-border:#f87171;--voice-player-error-text:#f87171;--voice-player-error-icon:#fca5a5;--voice-player-loading-spinner:#e6c597;--voice-msg-player-text:#e6c597;--voice-msg-bar-active:#e6c597;--voice-msg-speed-bg:#e6c59733;--voice-recorder-line:#e6c597;--voice-player:#e6c59766;--voice-player-line:#e6c597;--file-bg:#3c3c3c}.message-actions-active{box-shadow:none;background-color:#fffffff2;border-radius:.75rem;transition:background-color .2s,box-shadow .2s}.message-actions-active .chat-card,.message-actions-active .chat-list-card{background-color:var(--chat-header-dropdown-item-focus-bg)!important;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a!important}.dark .message-actions-active .chat-card,.dark .message-actions-active .chat-list-card{background-color:var(--chat-bg-primary)!important;border-color:var(--chat-border-secondary)!important}.premium .message-actions-active .chat-card,.premium .message-actions-active .chat-list-card{background-color:#ffffff14!important;border-color:#e6c59733!important;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d!important}.dark .message-actions-active,.premium .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)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes doubletap-heart{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.4)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-100%)scale(1)}}.message-actions-menu-open{transform-origin:top;animation:.5s cubic-bezier(.16,1,.3,1) forwards message-actions-menu-in}@keyframes message-actions-menu-in{0%{opacity:0;transform:scale(.9)translateY(-6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes chat-slide-in-from-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes chat-slide-in-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.chat-view-enter{will-change:transform;animation:.3s cubic-bezier(.4,0,.2,1) chat-slide-in-from-right}.chat-view-enter-back{will-change:transform;animation:.3s cubic-bezier(.4,0,.2,1) chat-slide-in-from-left}@keyframes chat-slide-out-to-right{0%{transform:translate(0)}to{transform:translate(100%)}}.chat-view-exit{will-change:transform;animation:.28s cubic-bezier(.55,0,1,.45) forwards chat-slide-out-to-right}@keyframes message-actions-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes message-actions-lift-in{0%{opacity:.5;transform:scale(.95)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.message-actions-backdrop-enter{animation:.25s ease-out forwards message-actions-backdrop-in}.message-actions-lift-enter{transform-origin:bottom;animation:.7s cubic-bezier(.16,1,.3,1) forwards message-actions-lift-in}.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(--voice-bg-other);color:var(--fg-color)}.chat-voice-msg-own{--voice-msg-player-bg:var(--composer-send-button-bg);--voice-msg-player-text:#fff;--voice-player:#fff3;--voice-player-line:#fff;--voice-msg-bar-inactive:#fff3;--voice-msg-bar-active:#fff}.dark .chat-voice-msg-own{--voice-msg-player-bg:var(--composer-send-button-bg);--voice-player:#fff3;--voice-player-line:#fff;--voice-msg-bar-inactive:#fff3;--voice-msg-bar-active:#fff}.premium .chat-voice-msg-own{--voice-msg-player-bg:#dda24b;--voice-msg-player-text:#fff;--voice-player:#fff3;--voice-player-line:#fff;--voice-msg-bar-inactive:#ffffff4d;--voice-msg-bar-active:#fff}.chat-voice-msg-other{--voice-msg-player-bg:var(--voice-bg-other);--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);transition:background-color .3s}.composer-send-button:hover{background-color:var(--composer-send-hover)}.composer-send-button:disabled{background-color:var(--composer-send-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(--voice-recorder-line)}.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{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;background-color:var(--voice-msg-player-bg)!important}.voice-msg-player--error{opacity:.85;cursor:default}.voice-msg-play-btn{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s,opacity .2s;display:flex;position:relative}.chat-voice-msg-own .voice-msg-play-btn{color:#fff!important;background-color:#fff3!important}.chat-voice-msg-own .voice-msg-play-btn:hover{background-color:#ffffff4d!important}.chat-voice-msg-other .voice-msg-play-btn{background-color:var(--composer-send-button-bg)!important;color:#fff!important}.chat-voice-msg-other .voice-msg-play-btn:hover{opacity:.9;filter:brightness(1.05)}.voice-msg-play-btn:before{content:"";position:absolute;inset:-6px}.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-player);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-player-line)!important}.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;min-width:32px;margin-bottom:6px;display:flex}.voice-msg-time{color:var(--voice-msg-player-text);opacity:.9;text-align:right;font-variant-numeric:tabular-nums;min-width:32px;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:var(--text-empty-state);transition:color .3s}.dark .empty-state-text{color:var(--text-empty-state)}.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)}.message-mention{color:var(--text-blue);cursor:pointer;border-radius:4px;padding:0 2px;font-weight:600;transition:color .2s,background-color .2s}.message-mention[data-mention-username]:hover{background-color:color-mix(in srgb, var(--text-blue) 12%, transparent)}.message-mention-special{cursor:default}.message-mention-loading{opacity:.7}.message-mention-spinner{vertical-align:-.05em;border:1.5px solid;border-top-color:#0000;border-radius:9999px;width:.7em;height:.7em;margin-left:.25em;animation:.6s linear infinite message-mention-spin;display:inline-block}@keyframes message-mention-spin{to{transform:rotate(360deg)}}.chat-msg-own .message-mention{font-weight:700;color:#fff!important}.chat-msg-own .message-mention[data-mention-username]:hover{background-color:#ffffff2e}.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-blue-dark)}.chat-tab-button-active{background-color:var(--tab-button-active);color:var(--fg-color)}.dark .chat-tab-button-active{background-color:var(--chat-bg-focus);color:var(--fg-color)}.premium .chat-tabs-toggle-container{background-color:#ffffff0f}.premium .chat-tab-button-active{color:#1a1a1a;background-color:#e6c597}.chat-media-item{background-color:var(--bg-gray-light)}.dark .chat-media-item{background-color:var(--bg-gray-dark)}.premium .chat-media-item{background-color:#ffffff0f}.chat-room-file-item{background-color:var(--file-bg)}.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}@keyframes chat-rise{0%{opacity:0;transform:translateY(6px)}}.chat-list-card{background:var(--chat-list-card-bg);border:1px solid var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border-radius:.75rem;align-items:center;gap:11px;padding:5px 14px;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.chat-list-card:hover{background:var(--chat-bg-hover);transform:translate(3px)}}.chat-list-card:active{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.chat-list-card{animation:none;transform:none!important}}.chat-list-card .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-list-card .message-content{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chat-list-av-badge{color:#fff;border:2px solid var(--chat-list-card-bg);pointer-events:none;background:#ef4444;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;top:-3px;right:-3px}.folder-pills-container{border:1px solid var(--border-color);background:var(--chat-list-card-bg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 1px 2px #0000000a,0 8px 24px #0000000f}.folder-pills-row{-webkit-overflow-scrolling:touch}.folder-pills-row::-webkit-scrollbar{display:none}.folder-pill{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .18s ease-out,color .2s,box-shadow .2s;position:relative;overflow:hidden}.folder-pill-inactive{color:var(--fg-color)}@media (prefers-color-scheme:dark){.folder-pill-inactive{border-color:#ffffff1f}}[data-theme=dark] .folder-pill-inactive{border-color:#ffffff1f}.folder-pill-highlight{background:var(--button-nav-active);pointer-events:none;z-index:0;will-change:transform, width;transition:transform .3s,width .3s;position:absolute;left:0}.folder-pill-active{color:#fff;-webkit-backdrop-filter:none;background:0 0}.folder-pill{z-index:1}.folder-pill:not(.folder-pill-reorder):active{opacity:.85;transform:scale(.92)}@keyframes folder-pill-wiggle{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}.folder-pill-reorder{cursor:grab;will-change:transform;animation:.32s ease-in-out infinite folder-pill-wiggle}.folder-pill-reorder.folder-pill-active{background:var(--button-nav-active)}.folder-pill-settling{transition:transform .22s cubic-bezier(.2,.8,.2,1);animation:none}.folder-pill-dragging{cursor:grabbing;transform-origin:50%;opacity:.97;transition:none;scale:1.06;box-shadow:0 10px 22px -6px #00000059;animation:none!important}.folder-color-dots{flex-shrink:0;align-items:center;gap:3px;display:flex}.folder-color-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.folder-tags{flex-shrink:0;align-items:center;gap:4px;margin-top:3px;display:flex;overflow:hidden}.folder-tag{letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis;max-width:72px;color:var(--folder-color,var(--button-nav-active));background:color-mix(in srgb, var(--folder-color,var(--button-nav-active)) 14%, transparent);border-radius:6px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.4;display:inline-flex;overflow:hidden}.folder-tag-more{max-width:none;color:var(--calendar-text-color);background:color-mix(in srgb, var(--calendar-text-color) 14%, transparent)}