:root{--chat-surface: rgba(255, 255, 255, .04);--chat-surface-elevated: rgba(255, 255, 255, .06);--chat-surface-card: #0f131c;--chat-surface-2: #1e1e1e;--chat-surface-3: #2a2a2a;--chat-surface-hover: rgba(255, 255, 255, .08);--chat-surface-active: rgba(255, 255, 255, .12);--chat-surface-highlight: rgba(255, 255, 255, .15);--chat-surface-glass: rgba(15, 23, 42, .65);--chat-surface-overlay: rgba(0, 0, 0, .5);--chat-overlay-medium: rgba(0, 0, 0, .6);--chat-overlay-heavy: rgba(0, 0, 0, .75);--chat-modal-bg: rgba(255, 255, 255, .98);--chat-modal-bg-hover: #f9fafb;--chat-modal-overlay: rgba(0, 0, 0, .5);--chat-modal-shadow: 0 20px 40px -12px rgba(0, 0, 0, .2);--chat-modal-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--chat-modal-surface-alt: #f1f5f9;--chat-modal-surface-alt-hover: #e2e8f0;--chat-modal-text: #1a1a2e;--chat-modal-text-muted: #64748b;--chat-modal-text-dimmed: #444444;--chat-modal-border: rgba(0, 0, 0, .08);--chat-modal-border-md: #d1d5db;--chat-modal-border-strong: #9ca3af;--chat-modal-border-selected: #4b5563;--chat-modal-google-border: #dadce0;--chat-text: #e2e8f0;--chat-text-muted: #94a3b8;--chat-text-on-primary: #ffffff;--chat-primary: #6366f1;--chat-primary-hover: #4f46e5;--chat-primary-subtle: rgba(99, 102, 241, .1);--chat-primary-05: rgba(99, 102, 241, .05);--chat-primary-15: rgba(99, 102, 241, .15);--chat-primary-30: rgba(99, 102, 241, .3);--chat-primary-40: rgba(99, 102, 241, .4);--chat-accent: #38bdf8;--chat-accent-hover: #0ea5e9;--chat-accent-glow: rgba(139, 92, 246, .3);--chat-accent-glow-md: rgba(139, 92, 246, .4);--chat-accent-15: rgba(139, 92, 246, .15);--chat-sidebar-bg: var(--chat-accent);--chat-pink-10: rgba(236, 72, 153, .1);--chat-primary-glow: rgba(99, 102, 241, .5);--chat-success: #10b981;--chat-success-subtle: rgba(16, 185, 129, .1);--chat-success-subtle-xs: rgba(16, 185, 129, .05);--chat-success-border: rgba(16, 185, 129, .3);--chat-success-glow: rgba(76, 175, 80, .3);--chat-success-08: rgba(16, 185, 129, .08);--chat-success-15: rgba(16, 185, 129, .15);--chat-success-40: rgba(16, 185, 129, .4);--chat-success-50: rgba(16, 185, 129, .5);--chat-success-70: rgba(16, 185, 129, .7);--chat-error: #ef4444;--chat-error-dark: #dc2626;--chat-error-bg: #fef2f2;--chat-error-subtle: rgba(239, 68, 68, .1);--chat-error-border: rgba(239, 68, 68, .22);--chat-error-glow: rgba(239, 68, 68, .28);--chat-error-toast-surface: rgba(30, 10, 10, .9);--chat-error-06: rgba(239, 68, 68, .06);--chat-error-07: rgba(239, 68, 68, .07);--chat-error-18: rgba(239, 68, 68, .18);--chat-error-20: rgba(239, 68, 68, .2);--chat-error-30: rgba(239, 68, 68, .3);--chat-error-35: rgba(239, 68, 68, .35);--chat-error-38: rgba(239, 68, 68, .38);--chat-error-40: rgba(239, 68, 68, .4);--chat-error-45: rgba(239, 68, 68, .45);--chat-error-50: rgba(239, 68, 68, .5);--chat-error-55: rgba(239, 68, 68, .55);--chat-warning: #f59e0b;--chat-warning-subtle: rgba(245, 158, 11, .1);--chat-warning-12: rgba(245, 158, 11, .12);--chat-warning-orange: #ff9800;--chat-border: rgba(255, 255, 255, .08);--chat-border-soft: rgba(255, 255, 255, .1);--chat-border-strong: rgba(255, 255, 255, .18);--chat-shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--chat-shadow-md: 0 4px 20px rgba(0, 0, 0, .2);--chat-shadow-lg: 0 20px 48px rgba(0, 0, 0, .5);--chat-shadow-toast: 0 12px 28px rgba(0, 0, 0, .35);--chat-radius-xs: 8px;--chat-radius-sm: 12px;--chat-radius-md: 16px;--chat-radius-lg: 20px;--chat-status-online: #2df28e;--chat-status-offline: #ec1212;--chat-status-playing: #5865f2;--chat-status-online-bg: rgba(67, 181, 129, .2);--chat-status-online-border: rgba(67, 181, 129, .3);--chat-status-playing-bg: rgba(88, 101, 242, .2);--chat-status-playing-border: rgba(88, 101, 242, .3);--chat-status-offline-bg: rgba(116, 127, 141, .2);--chat-status-offline-border: rgba(116, 127, 141, .3);--chat-roblox-brand: #e74c3c;--chat-roblox-brand-hover: #c0392b;--chat-roblox-divider: rgba(255, 255, 255, .08);--chat-roblox-logo-opacity: .9;--chat-friend-accept-from: #95ce98;--chat-friend-accept-to: #214c23;--chat-friend-accept-shadow: 0 2px 8px rgba(76, 175, 80, .3);--chat-friend-accept-shadow-hover: 0 4px 12px rgba(76, 175, 80, .5);--chat-friend-decline-from: #f58686;--chat-friend-decline-to: #851e1e;--chat-friend-decline-shadow: 0 2px 8px rgba(244, 67, 54, .3);--chat-friend-decline-shadow-hover: 0 4px 12px rgba(244, 67, 54, .5);--chat-friend-block-from: #ff8f8f;--chat-friend-block-to: #770f0f;--chat-friend-block-shadow: 0 2px 8px rgba(97, 97, 97, .3);--chat-friend-block-shadow-hover: 0 4px 12px rgba(97, 97, 97, .5);--chat-dm-primary: #0084ff;--chat-dm-surface: #1f1f1f;--chat-dm-border: #3a3a3a;--chat-profile-popup-bg: rgba(20, 20, 20, .95);--chat-edit-color: #a855f7;--chat-rank-gold: #fbbf24;--chat-rank-silver: #94a3b8;--chat-rank-bronze: #cd7c2e;--chat-bubble-bg: #f0e4f5;--chat-bubble-other-bg: #eef8ff;--chat-bubble-other-shadow: 0px 0px 1px #ebebeb;--chat-bubble-self-shadow: 1px 2px 0px #c1cbcd;--chat-bubble-code-bg: #aadcff;--chat-bubble-username: #6cb5f5;--chat-bubble-admin-badge: var(--chat-success);--chat-bubble-mention: rgba(106, 160, 255, .3);--chat-bubble-mention-soft: rgba(106, 160, 255, .15);--chat-gradient-line: linear-gradient(90deg, transparent, var(--chat-accent), transparent);--chat-transition: .2s ease;--chat-transition-slow: .3s ease;--chat-join-bg: var(--chat-modal-bg);--chat-join-overlay: var(--chat-modal-overlay);--chat-join-text: var(--chat-modal-text);--chat-join-text-muted: var(--chat-modal-text-muted);--chat-join-border: var(--chat-modal-border);--chat-join-primary: var(--chat-primary);--chat-join-primary-hover: var(--chat-primary-hover);--chat-join-primary-light: var(--chat-primary-subtle);--chat-join-secondary: var(--chat-modal-surface-alt);--chat-join-secondary-hover: var(--chat-modal-surface-alt-hover);--chat-join-success: var(--chat-success);--chat-join-error: var(--chat-error);--chat-join-error-bg: var(--chat-error-bg);--chat-join-google-border: var(--chat-modal-google-border);--chat-join-shadow: var(--chat-modal-shadow);--chat-join-shadow-sm: var(--chat-modal-shadow-sm);--chat-join-radius: var(--chat-radius-lg);--chat-join-radius-sm: var(--chat-radius-sm);--chat-join-radius-xs: var(--chat-radius-xs);--chat-join-transition: var(--chat-transition);--chat-msg-bg: var(--chat-surface);--chat-messages-bg: var(--chat-surface-2);--chat-msg-border: var(--chat-border);--chat-msg-text: var(--chat-text);--chat-msg-muted: var(--chat-text-muted);--chat-msg-pending: var(--chat-primary);--chat-msg-failed: #ffffff;--chat-emoji-bg: var(--chat-surface-elevated);--chat-emoji-border: var(--chat-border);--chat-emoji-shadow: var(--chat-shadow-md);--chat-emoji-text: var(--chat-text);--chat-emoji-muted: var(--chat-text-muted);--chat-emoji-input-bg: var(--chat-surface);--chat-emoji-input-border: var(--chat-border);--chat-emoji-chip-bg: var(--chat-surface-elevated);--chat-emoji-chip-active-bg: var(--chat-surface-active);--chat-emoji-hover-bg: var(--chat-surface-hover);--chat-error-toast-bg: rgba(0, 0, 0, .75);--chat-error-toast-border-left: var(--chat-error);--chat-error-toast-border-subtle: var(--chat-border);--chat-error-toast-text: var(--chat-text-on-primary);--chat-error-toast-shadow: var(--chat-shadow-toast);--chat-roblox-presence-bg: var(--chat-surface);--chat-roblox-presence-hover-bg: var(--chat-surface-hover);--chat-roblox-accent: var(--chat-roblox-brand);--chat-roblox-accent-hover: var(--chat-roblox-brand-hover);--chat-roblox-status-online-bg: var(--chat-status-online-bg);--chat-roblox-status-online-text: var(--chat-status-online);--chat-roblox-status-online-border: var(--chat-status-online-border);--chat-roblox-status-playing-bg: var(--chat-status-playing-bg);--chat-roblox-status-playing-text: var(--chat-status-playing);--chat-roblox-status-playing-border: var(--chat-status-playing-border);--chat-roblox-status-offline-bg: var(--chat-status-offline-bg);--chat-roblox-status-offline-text: var(--chat-status-offline);--chat-roblox-status-offline-border: var(--chat-status-offline-border);--chat-sound-footer-bg: var(--chat-modal-bg);--chat-sound-footer-border: var(--chat-modal-border);--chat-sound-btn-primary-bg: var(--chat-primary);--chat-sound-btn-primary-bg-hover: var(--chat-primary-hover);--chat-sound-btn-primary-text: var(--chat-text-on-primary);--chat-sound-btn-primary-shadow: 0 4px 12px rgba(99, 102, 241, .2);--chat-sound-btn-primary-shadow-hover: 0 6px 16px rgba(99, 102, 241, .3);--chat-sound-btn-secondary-bg: var(--chat-modal-bg);--chat-sound-btn-secondary-bg-hover: var(--chat-modal-surface-alt);--chat-sound-btn-secondary-text: var(--chat-modal-text-muted);--chat-sound-btn-secondary-text-hover: #334155;--chat-sound-btn-secondary-border: #e2e8f0;--chat-sound-btn-secondary-border-hover: #cbd5e1;--chat-sound-btn-secondary-shadow: var(--chat-shadow-sm);--chat-sound-btn-secondary-shadow-hover: 0 4px 8px rgba(0, 0, 0, .05);--chat-friend-accept-start: var(--chat-friend-accept-from);--chat-friend-accept-end: var(--chat-friend-accept-to);--chat-friend-decline-start: var(--chat-friend-decline-from);--chat-friend-decline-end: var(--chat-friend-decline-to);--chat-friend-block-start: var(--chat-friend-block-from);--chat-friend-block-end: var(--chat-friend-block-to);--chat-white-02: rgba(255, 255, 255, .02);--chat-white-03: rgba(255, 255, 255, .03);--chat-white-04: rgba(255, 255, 255, .04);--chat-white-05: rgba(255, 255, 255, .05);--chat-white-06: rgba(255, 255, 255, .06);--chat-white-07: rgba(255, 255, 255, .07);--chat-white-11: rgba(255, 255, 255, .11);--chat-white-12: rgba(255, 255, 255, .12);--chat-white-13: rgba(255, 255, 255, .13);--chat-white-16: rgba(255, 255, 255, .16);--chat-white-20: rgba(255, 255, 255, .2);--chat-white-22: rgba(255, 255, 255, .22);--chat-white-25: rgba(255, 255, 255, .25);--chat-white-30: rgba(255, 255, 255, .3);--chat-white-35: rgba(255, 255, 255, .35);--chat-white-38: rgba(255, 255, 255, .38);--chat-white-40: rgba(255, 255, 255, .4);--chat-white-45: rgba(255, 255, 255, .45);--chat-white-48: rgba(255, 255, 255, .48);--chat-white-50: rgba(255, 255, 255, .5);--chat-white-60: rgba(255, 255, 255, .6);--chat-white-65: rgba(255, 255, 255, .65);--chat-white-70: rgba(255, 255, 255, .7);--chat-white-85: rgba(255, 255, 255, .85);--chat-white-90: rgba(255, 255, 255, .9);--chat-black-02: rgba(0, 0, 0, .02);--chat-black-05: rgba(0, 0, 0, .05);--chat-black-06: rgba(0, 0, 0, .06);--chat-black-08: rgba(0, 0, 0, .08);--chat-black-10: rgba(0, 0, 0, .1);--chat-black-12: rgba(0, 0, 0, .12);--chat-black-15: rgba(0, 0, 0, .15);--chat-black-16: rgba(0, 0, 0, .16);--chat-black-18: rgba(0, 0, 0, .18);--chat-black-20: rgba(0, 0, 0, .2);--chat-black-22: rgba(0, 0, 0, .22);--chat-black-25: rgba(0, 0, 0, .25);--chat-black-26: rgba(0, 0, 0, .26);--chat-black-30: rgba(0, 0, 0, .3);--chat-black-32: rgba(0, 0, 0, .32);--chat-black-35: rgba(0, 0, 0, .35);--chat-black-38: rgba(0, 0, 0, .38);--chat-black-40: rgba(0, 0, 0, .4);--chat-black-45: rgba(0, 0, 0, .45);--chat-black-55: rgba(0, 0, 0, .55);--chat-black-70: rgba(0, 0, 0, .7);--chat-uava-private: #ff8b5f;--chat-uava-group: #80ffba;--chat-uava-broadcast: #d6b7ff;--chat-uava-muted: #7d8aa5;--chat-uava-toast-success-text: #b9ffdc;--chat-uava-toast-error-text: #ffd2c1;--chat-uava-close-hover: #262f41;--chat-uava-btn-text: #0b0d12;--chat-uava-shadow: #b6b6b6;--chat-uava-btn-glow: rgba(77, 163, 255, .35);--chat-uava-btn-hover: #6ab3ff;--chat-uava-secondary: #1e2533;--chat-uava-secondary-text: #e5e8ef;--chat-toast-surface: rgba(15, 15, 20, .95);--chat-toast-surface-dim: rgba(15, 15, 20, .85);--chat-error-light: #f87171;--chat-error-glow-strong: rgba(239, 68, 68, .6);--chat-friend-add-from: #667eea;--chat-friend-add-to: #764ba2;--chat-msg-btn-from: #2196f3;--chat-msg-btn-to: #093663;--chat-msg-btn-glow: rgba(33, 150, 243, .4);--chat-msg-btn-glow-hover: rgba(33, 150, 243, .5);--chat-invite-accept-from: #4caf50;--chat-invite-accept-to: #45a049;--chat-invite-decline-from: #f44336;--chat-invite-decline-to: #da190b;--chat-invite-decline-glow: rgba(244, 67, 54, .3);--chat-unread-float-to: #1976d2;--chat-neon-from: #00eaff;--chat-neon-to: #0090ff;--chat-neon-glow: rgba(0, 191, 255, .6);--chat-neon-glow-soft: rgba(0, 200, 255, .35);--chat-conv-border: #e4e6eb;--chat-translate-accent: #6aa0ff;--chat-sort-check: #28a745;--chat-admin-ban-light: #fecaca;--chat-admin-ban-mid: #fca5a5;--chat-purple-grad-04: rgba(102, 126, 234, .04);--chat-purple-grad-06: rgba(102, 126, 234, .06);--chat-purple-grad-12: rgba(102, 126, 234, .12);--chat-purple-grad-15: rgba(102, 126, 234, .15);--chat-purple-grad-25: rgba(102, 126, 234, .25);--chat-purple-grad-30: rgba(102, 126, 234, .3);--chat-purple-grad-35: rgba(102, 126, 234, .35);--chat-purple-grad-40: rgba(102, 126, 234, .4);--chat-purple-end-04: rgba(118, 75, 162, .04);--chat-purple-end-08: rgba(118, 75, 162, .08);--chat-purple-end-15: rgba(118, 75, 162, .15);--chat-purple-end-25: rgba(118, 75, 162, .25);--chat-invite-btn-hover-from: #7b93f5;--chat-invite-btn-hover-to: #8659b8;--chat-dark-overlay-35: rgba(8, 12, 24, .35);--chat-muted-30: rgba(148, 163, 184, .3);--chat-muted-50: rgba(148, 163, 184, .5);--chat-focus-ring: rgba(0, 123, 255, .25);--chat-focus-border: #80bdff;--chat-focus-text: #495057;--chat-status-lime: #84cc16;--chat-join-bg-info: #eff6ff;--chat-reply-preview-bg: #feffe1;--chat-reply-shadow: #00000021;--chat-flash-highlight: rgba(255, 255, 0, .2);--chat-quote-bar: #888888;--chat-bubble-mine-alt: #c5cae9;--chat-surface-near-white: #fafafa;--chat-surface-light: #f5f5f5;--chat-surface-light-hover: #e8e8e8;--chat-border-light-e6: #e6e6e6;--chat-border-eee: #eeeeee;--chat-border-e0: #e0e0e0;--chat-uava-pill-bg: rgba(77, 163, 255, .1);--chat-uava-badge-glow: rgba(77, 163, 255, .4);--chat-uava-group-40: rgba(128, 255, 186, .4);--chat-uava-group-35: rgba(128, 255, 186, .35);--chat-uava-private-40: rgba(255, 139, 95, .4);--chat-uava-private-35: rgba(255, 139, 95, .35);--chat-uava-broadcast-35: rgba(214, 183, 255, .35);--chat-uava-pill-text: #b8d8ff;--chat-uava-broadcast-text: #ecd7ff;--chat-friend-accept-from: #11998e;--chat-friend-accept-to: #38ef7d;--chat-friend-accept-glow: rgba(56, 239, 125, .4);--chat-friend-decline-hover: rgba(255, 68, 68, .2);--chat-friend-decline-border: rgba(255, 68, 68, .4);--chat-success-dark: #16a34a;--chat-success-btn-glow: rgba(22, 163, 74, .25);--chat-success-btn-glow-hover: rgba(22, 163, 74, .35);--chat-success-alt-12: rgba(34, 197, 94, .12);--chat-success-bs-60: rgba(40, 167, 69, .6);--chat-warning-orange-dark: #f57c00;--chat-warning-amber-30: rgba(255, 152, 0, .3);--chat-warning-amber-50: rgba(255, 152, 0, .5);--chat-warning-amber-10: rgba(255, 152, 0, .1);--chat-error-alt-10: rgba(255, 68, 68, .1);--chat-error-alt-20: rgba(255, 68, 68, .2);--chat-error-alt-30: rgba(255, 68, 68, .3);--chat-error-alt-40: rgba(255, 68, 68, .4);--chat-error-bs-12: rgba(220, 53, 69, .12);--chat-error-material-20: rgba(244, 67, 54, .2);--chat-error-deep-30: rgba(211, 47, 47, .3);--chat-error-deep-40: rgba(211, 47, 47, .4);--chat-error-deep-hex: #b71c1c;--chat-error-decline-hex: #d32f2f;--chat-admin-ban-1h-bg: #fef3c7;--chat-admin-ban-1h-text: #92400e;--chat-admin-ban-1h-hover: #fde68a;--chat-admin-ban-1d-bg: #fed7aa;--chat-admin-ban-1d-text: #9a3412;--chat-admin-ban-1d-hover: #fdba74;--chat-admin-ban-1w-text: #991b1b;--chat-admin-ban-perm-text: #7f1d1d;--chat-admin-delete-user-bg: #e11d48;--chat-admin-delete-user-hover: #be123c;--chat-admin-delete-msg-bg: #64748b;--chat-admin-delete-msg-hover: #475569;--chat-admin-delete-all-bg: #1e293b;--chat-admin-delete-all-hover: #0f172a;--chat-dark-popup-bg: rgba(35, 35, 35, .95);--chat-dark-modal-bg: rgba(20, 20, 20, .95);--chat-dark-surface-95: rgba(22, 22, 26, .95);--chat-dark-overlay-modal: rgba(20, 20, 25, .85);--chat-dark-slate-85: rgba(15, 23, 42, .85);--chat-dark-slate-solid: rgba(15, 23, 42, 1);--chat-neon-glow-25: rgba(0, 191, 255, .25);--chat-neon-glow-soft-40: rgba(0, 200, 255, .4);--chat-neon-glow-180-25: rgba(0, 180, 255, .25);--chat-neon-harbor: #03303b;--chat-notif-danger-bg: rgba(255, 83, 83, .15);--chat-notif-danger-border: rgba(255, 83, 83, .35);--chat-notif-danger-text: #ff6b6b;--chat-notif-info-bg: rgba(80, 167, 255, .15);--chat-notif-info-border: rgba(80, 167, 255, .35);--chat-notif-info-text: #7ab8ff;--chat-notif-yellow-bg: rgba(255, 200, 0, .1);--chat-notif-yellow-bg-hover: rgba(255, 200, 0, .15);--chat-notif-yellow-border: #ffc800;--chat-success-glow-20: rgba(76, 175, 80, .2);--chat-red-10: rgba(255, 0, 0, .1);--chat-online-glow: rgba(45, 242, 142, .3);--chat-online-glow-strong: rgba(52, 211, 153, .4);--chat-ban-bg: rgba(5, 2, 10, .78);--chat-ban-gradient-from: rgba(20, 8, 8, .92);--chat-ban-gradient-to: rgba(12, 4, 16, .95);--chat-ban-dark-from: #3a0f0f;--chat-ban-dark-to: #180006;--chat-block-bg: rgba(4, 2, 10, .82);--chat-block-gradient-from: rgba(22, 6, 6, .95);--chat-block-gradient-to: rgba(10, 4, 18, .97);--chat-block-dark-from: #3a0a0a;--chat-block-dark-to: #1a0005;--chat-block-btn-from: #b82e22;--chat-block-btn-to: #e74c3c;--chat-unblock-btn-from: #186a34;--chat-unblock-btn-to: #27ae60;--chat-unblock-glow-22: rgba(39, 174, 96, .22);--chat-unblock-glow-35: rgba(39, 174, 96, .35);--chat-unblock-glow-38: rgba(39, 174, 96, .38);--chat-error-0: rgba(239, 68, 68, 0);--chat-error-08: rgba(239, 68, 68, .08);--chat-error-09: rgba(239, 68, 68, .09);--chat-error-13: rgba(239, 68, 68, .13);--chat-error-14: rgba(239, 68, 68, .14);--chat-error-24: rgba(239, 68, 68, .24);--chat-error-25: rgba(239, 68, 68, .25);--chat-error-32: rgba(239, 68, 68, .32);--chat-error-90: rgba(239, 68, 68, .9);--chat-stats-dark-60: rgba(7, 12, 24, .6);--chat-stats-dark-55: rgba(7, 12, 24, .55);--chat-stats-bg-50: rgba(5, 11, 23, .5);--chat-stats-bg-48: rgba(5, 11, 23, .48);--chat-stats-title: rgba(226, 232, 240, .92);--chat-stats-title-dim: rgba(226, 232, 240, .7);--chat-stats-text: rgba(203, 213, 225, .88);--chat-stats-text-dim: rgba(203, 213, 225, .65);--chat-stats-light: rgba(248, 250, 252, .91);--chat-stats-sky-95: rgba(186, 230, 253, .95);--chat-stats-sky-80: rgba(186, 230, 253, .8);--chat-stats-gold-90: rgba(251, 191, 36, .9);--chat-muted-60: rgba(148, 163, 184, .6);--chat-warning-08: rgba(245, 158, 11, .08);--chat-success-20: rgba(16, 185, 129, .2);--chat-join-info-bg-from: #eef4ff;--chat-join-info-bg-to: #f9fbff;--chat-join-info-border: #4a90e2;--chat-uava-light-text: rgba(245, 247, 251, .8);--chat-admin-msg-border: #b8ffa8;--chat-translate-border: rgba(106, 160, 255, .2);--chat-popup-btn-online-from: #00a915;--chat-popup-btn-online-to: #053f03;--chat-popup-btn-online-glow: rgba(22, 101, 30, .3);--chat-popup-btn-online-glow-h: rgba(4, 79, 11, .5);--chat-msg-btn-glow-30: rgba(33, 150, 243, .3);--chat-popup-btn-maroon-from: #a05f5f;--chat-popup-btn-maroon-to: #3c2427;--chat-dm-input-dark: #0f131a;--chat-slate-200: #e2e8f0;--chat-status-link-btn: #006fd6;--chat-amber-bg: rgba(255, 193, 7, .1);--chat-amber-border: #ffc107;--chat-conv-neutral-text: #65676b;--chat-warn-soft-bg: #fff3cd;--chat-label-dark: #222222;--chat-join-success-bg: #ecfdf5;--chat-error-border-transparent: #ff00006b;--chat-banner-stop-1: #fdffee;--chat-banner-stop-2: #d6ffe3;--chat-banner-stop-3: #e6f9ff;--chat-banner-stop-4: #fff6d9;--chat-banner-stop-5: #ffe6f5;--chat-info-bg: #e8f5ff;--chat-info-link: #0078d7;--chat-surface-f9: #f9f9f9;--chat-surface-f7: #f7f7f7;--chat-gray-77: #777777;--chat-gray-aa: #aaaaaa;--chat-gray-70: #707070;--chat-gray-4f: #4f4f4f;--chat-caret-dark: #333333;--chat-divider-ccc: #cccccc;--chat-shadow-02-59: #02020259;--chat-shadow-00-6e: #0000006e;--chat-shadow-00-47: #00000047;--chat-shadow-ffcd-30: #ffcd0030;--chat-shadow-fd69: #fd6900fc;--chat-dark-modal-72: rgb(37 37 37 / 72%);--chat-light-shimmer-61: rgb(240 240 240 / 61%);--chat-border-64: rgb(64 64 64);--chat-stats-sidebar-bg: #0f131a;--chat-stats-overlay-from: rgba(8, 14, 28, .97);--chat-stats-overlay-to: rgba(11, 22, 35, .97);--chat-stats-shadow: rgba(2, 6, 23, .5);--chat-stats-icon-users: #38bdf8;--chat-stats-icon-new: #a78bfa;--chat-stats-icon-msgs: #34d399;--chat-pure-red: #ff0000;--chat-pure-black: #000000;--chat-border-light: #e5e5e5;--chat-near-white: #f8fafc;--chat-teal-dark: #243b3c;--chat-popup-status-gray: #999999;--chat-unread-badge-to: #1565c0;--chat-toast-text-from: #818cf8;--chat-toast-text-mid: #c084fc;--chat-toast-text-to: #f472b6;--chat-accent-50: rgba(139, 92, 246, .5);--chat-accent-60: rgba(139, 92, 246, .6);--chat-pink-40: rgba(236, 72, 153, .4);--chat-pink-30: rgba(236, 72, 153, .3);--chat-error-dark-50: rgba(220, 38, 38, .5)}[data-chat-skin=system]{--chat-header: var(--block-bg);--chat-header-text: var(--color-text);--chat-header-button-hover: var(--transparent);--chat-submenu-bg: var(--background-1);--chat-submenu-text: var(--color-text);--chat-sidebar-bg: var(--background-1);--chat-sidebar-text: var(--color-text);--chat-sidebar-bg-active: var(--block-bg);--chat-sidebar-text-active: var(--color-text);--chat-input-border: var(--color-bg-via);--chat-input-border-focus: var(--color-bg-from);--chat-input-focus-glow: var(--color-bg-via);--chat-messages-bg: var(--background-1);--chat-left-border: var(--color-bg-via);--chat-danger: hsl(0deg 78% 55%);--chat-input-bg: var(--search-input);--chat-input-text: var(--color-text);--chat-send-bg: var(--color-bg-via);--chat-send-bg-hover: var(--color-bg-from);--chat-send-text: hsl(0deg 0% 100% / 95%);--chat-send-edit-bg: hsl(36deg 80% 50%);--chat-send-edit-hover: hsl(36deg 85% 42%);--chat-btn-text: hsl(0deg 0% 100% / 95%);--chat-btn-message-from: var(--color-bg-from);--chat-btn-message-to: var(--color-bg-to);--chat-btn-add-from: hsl(165deg 72% 40%);--chat-btn-add-to: hsl(186deg 68% 30%);--chat-btn-block-from: hsl(340deg 60% 44%);--chat-btn-block-to: hsl(350deg 50% 28%);--chat-btn-pending-from: hsl(36deg 94% 54%);--chat-btn-pending-to: hsl(26deg 88% 44%);--chat-btn-accept-from: hsl(142deg 68% 42%);--chat-btn-accept-to: hsl(158deg 65% 34%);--chat-btn-remove-from: hsl(0deg 72% 55%);--chat-btn-remove-to: hsl(10deg 65% 38%)}[data-chat-skin=neon-dark]{--chat-surface: rgba(0, 229, 255, .03);--chat-surface-elevated: rgba(0, 229, 255, .06);--chat-surface-card: #0d1526;--chat-surface-2: #0a1a2e;--chat-surface-3: #0d1228;--chat-surface-hover: rgba(0, 229, 255, .08);--chat-surface-active: rgba(0, 229, 255, .14);--chat-surface-highlight: rgba(0, 229, 255, .19);--chat-surface-glass: rgba(8, 13, 20, .85);--chat-surface-overlay: rgba(0, 0, 0, .7);--chat-overlay-medium: rgba(0, 0, 0, .65);--chat-overlay-heavy: rgba(0, 0, 0, .8);--chat-modal-bg: #0d1526;--chat-modal-overlay: rgba(0, 0, 0, .75);--chat-modal-shadow: 0 20px 48px rgba(0, 229, 255, .15), 0 0 0 1px rgba(0, 229, 255, .12);--chat-modal-shadow-sm: 0 2px 8px rgba(0, 229, 255, .1);--chat-modal-surface-alt: rgba(0, 229, 255, .07);--chat-modal-surface-alt-hover: rgba(0, 229, 255, .12);--chat-modal-text: #e0f7ff;--chat-modal-text-muted: rgba(156, 220, 240, .65);--chat-modal-border: rgba(0, 229, 255, .15);--chat-modal-google-border: rgba(0, 229, 255, .25);--chat-text: #cce8f0;--chat-text-muted: rgba(156, 220, 240, .55);--chat-text-on-primary: #080d14;--chat-primary: #00e5ff;--chat-primary-hover: #00cfeb;--chat-primary-subtle: rgba(0, 229, 255, .12);--chat-accent: #7c3aed;--chat-accent-hover: #6d28d9;--chat-success: #00ff9d;--chat-success-subtle: rgba(0, 255, 157, .1);--chat-success-border: rgba(0, 255, 157, .25);--chat-error: #ff3860;--chat-error-bg: rgba(255, 56, 96, .08);--chat-error-subtle: rgba(255, 56, 96, .1);--chat-error-border: rgba(255, 56, 96, .25);--chat-warning: #ffcc00;--chat-warning-subtle: rgba(255, 204, 0, .1);--chat-border: rgba(0, 229, 255, .1);--chat-border-soft: rgba(0, 229, 255, .14);--chat-border-strong: rgba(0, 229, 255, .25);--chat-gradient-line: linear-gradient(90deg, transparent, #00e5ff, transparent);--chat-bubble-bg: #0d1a2e;--chat-bubble-other-bg: #0a1628;--chat-bubble-other-shadow: 0px 0px 1px rgba(0, 229, 255, .15);--chat-bubble-self-shadow: 1px 2px 0px rgba(0, 229, 255, .2);--chat-bubble-code-bg: rgba(0, 229, 255, .12);--chat-bubble-username: #00e5ff;--chat-bubble-mention: rgba(0, 229, 255, .2);--chat-edit-color: #b87dfb;--chat-shadow-sm: 0 1px 4px rgba(0, 229, 255, .08);--chat-shadow-md: 0 6px 24px rgba(0, 229, 255, .12);--chat-shadow-lg: 0 20px 60px rgba(0, 0, 0, .6), 0 0 40px rgba(0, 229, 255, .06);--chat-shadow-toast: 0 12px 32px rgba(0, 0, 0, .5), 0 0 16px rgba(0, 229, 255, .08);--chat-status-online: #00ff9d;--chat-status-offline: #ff3860;--chat-status-playing: #7c3aed;--chat-status-online-bg: rgba(0, 255, 157, .15);--chat-status-online-border: rgba(0, 255, 157, .3);--chat-status-playing-bg: rgba(124, 58, 237, .15);--chat-status-playing-border: rgba(124, 58, 237, .3);--chat-status-offline-bg: rgba(255, 56, 96, .12);--chat-status-offline-border: rgba(255, 56, 96, .25);--chat-emoji-bg: #0d1526;--chat-emoji-border: rgba(0, 229, 255, .12);--chat-emoji-shadow: 0 4px 24px rgba(0, 229, 255, .12);--chat-emoji-text: #cce8f0;--chat-emoji-muted: rgba(156, 220, 240, .5);--chat-emoji-input-bg: rgba(0, 229, 255, .04);--chat-emoji-input-border: rgba(0, 229, 255, .15);--chat-emoji-chip-bg: rgba(0, 229, 255, .06);--chat-emoji-chip-active-bg: rgba(0, 229, 255, .15);--chat-emoji-hover-bg: rgba(0, 229, 255, .09);--chat-sound-footer-bg: #0d1526;--chat-sound-footer-border: rgba(0, 229, 255, .12);--chat-sound-btn-secondary-bg: rgba(0, 229, 255, .05);--chat-sound-btn-secondary-bg-hover: rgba(0, 229, 255, .1);--chat-sound-btn-secondary-text: rgba(156, 220, 240, .7);--chat-sound-btn-secondary-text-hover: #cce8f0;--chat-sound-btn-secondary-border: rgba(0, 229, 255, .15);--chat-sound-btn-secondary-border-hover: rgba(0, 229, 255, .3);--chat-sound-btn-secondary-shadow: 0 1px 3px rgba(0, 229, 255, .05);--chat-sound-btn-secondary-shadow-hover: 0 4px 12px rgba(0, 229, 255, .1);--chat-rank-gold: #ffe066;--chat-rank-silver: #a0c4cc;--chat-rank-bronze: #e07b3a;--chat-profile-popup-bg: rgba(8, 13, 20, .97)}:root{--pedit-radius: 20px;--pedit-radius-sm: 12px;--pedit-radius-xs: 8px;--pedit-gap: 16px;--pedit-transition: .22s cubic-bezier(.4, 0, .2, 1);--pedit-accent: var(--chat-sidebar-bg-active);--pedit-accent-soft: color-mix(in srgb, var(--chat-sidebar-bg-active) 18%, transparent);--pedit-accent-glow: color-mix(in srgb, var(--chat-sidebar-bg-active) 25%, transparent);--pedit-danger: var(--chat-danger);--pedit-success: hsl(142deg 68% 42%);--pedit-muted: color-mix(in srgb, var(--chat-submenu-text) 80%, transparent);--pedit-border: color-mix(in srgb, var(--chat-submenu-text) 15%, transparent);--pedit-border-hover: color-mix(in srgb, var(--chat-submenu-text) 25%, transparent);--pedit-surface: color-mix(in srgb, var(--chat-submenu-bg) 60%, transparent);--pedit-surface-hover: color-mix(in srgb, var(--chat-submenu-text) 8%, transparent);--pedit-input-bg: var(--chat-input-bg);--pedit-input-focus-bg: color-mix(in srgb, var(--chat-input-bg) 80%, transparent)}.pedit-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:2004;padding:16px}.pedit-modal[style*="display: flex"],.pedit-modal.show{display:flex}.pedit-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chat-surface-overlay);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:peditBackdropIn .3s ease forwards}@keyframes peditBackdropIn{0%{opacity:0}to{opacity:1}}.pedit-card{position:relative;z-index:1;width:min(720px,94vw);max-height:min(640px,90vh);display:flex;flex-direction:column;background:color-mix(in srgb,var(--chat-submenu-bg) 92%,transparent);backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);border-radius:var(--pedit-radius);border:1px solid var(--pedit-border);box-shadow:0 24px 80px #0000002e,0 4px 16px #00000014;color:var(--chat-submenu-text);overflow:hidden;animation:peditCardIn .32s cubic-bezier(.34,1.4,.64,1) forwards}@keyframes peditCardIn{0%{opacity:0;transform:scale(.94) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.pedit-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px 14px;flex-shrink:0;border-bottom:1px solid var(--pedit-border)}.pedit-title{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--chat-header-text)}.pedit-close-btn{width:32px;height:32px;border-radius:50%;border:none;background:var(--pedit-surface-hover);color:var(--chat-submenu-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:13px;transition:background var(--pedit-transition),transform var(--pedit-transition);flex-shrink:0}.pedit-close-btn:hover{background:var(--pedit-border-hover);transform:rotate(90deg)}.pedit-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:0}.pedit-body::-webkit-scrollbar{width:5px}.pedit-body::-webkit-scrollbar-track{background:transparent}.pedit-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-submenu-text) 18%,transparent);border-radius:10px}.pedit-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--chat-submenu-text) 30%,transparent)}.pedit-footer{display:flex;gap:10px;justify-content:flex-end;padding:14px 24px;border-top:1px solid var(--pedit-border);flex-shrink:0}.pedit-btn{padding:9px 22px;border:none;border-radius:var(--pedit-radius-xs);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--pedit-transition);letter-spacing:.01em;line-height:1.4;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pedit-btn:active{transform:scale(.97)}.pedit-btn--cancel{background:var(--pedit-surface-hover);color:var(--chat-submenu-text);border:1px solid var(--pedit-border)}.pedit-btn--cancel:hover{background:var(--pedit-border-hover)}.pedit-btn--save{background:var(--pedit-accent);color:var(--chat-sidebar-text-active);box-shadow:0 2px 12px var(--pedit-accent-glow)}.pedit-btn--save:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 4px 20px var(--pedit-accent-glow);transform:translateY(-1px)}.pedit-btn--save:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.pedit-wrap{display:flex;flex-direction:column;width:100%}.pedit-banner{margin:12px 20px 0;padding:10px 16px;border-radius:var(--pedit-radius-xs);font-size:13px;line-height:1.45;display:flex;align-items:center;gap:8px;animation:peditBannerIn .3s ease forwards}@keyframes peditBannerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pedit-banner.success{background:color-mix(in srgb,var(--pedit-success) 12%,transparent);border:1px solid color-mix(in srgb,var(--pedit-success) 25%,transparent);color:var(--pedit-success)}.pedit-banner.error{background:color-mix(in srgb,var(--pedit-danger) 12%,transparent);border:1px solid color-mix(in srgb,var(--pedit-danger) 25%,transparent);color:var(--pedit-danger)}.pedit-grid{display:grid;grid-template-columns:200px 1fr;min-height:0}.pedit-sidebar{display:flex;flex-direction:column;align-items:center;padding:24px 16px 20px;gap:6px;border-right:1px solid var(--pedit-border);background:color-mix(in srgb,var(--chat-submenu-text) 3%,transparent)}.pedit-avatar{position:relative;width:88px;height:88px;border-radius:50%;cursor:pointer;flex-shrink:0;overflow:hidden;border:3px solid var(--pedit-border);transition:border-color var(--pedit-transition),box-shadow var(--pedit-transition);padding:10px}.pedit-avatar:hover{border-color:var(--pedit-accent);box-shadow:0 0 0 4px var(--pedit-accent-soft)}.pedit-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.pedit-avatar:hover .pedit-avatar-img{transform:scale(1.08)}.pedit-avatar-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--chat-header);color:var(--chat-header-text);font-size:20px;opacity:0;transition:opacity var(--pedit-transition);pointer-events:none}.pedit-avatar:hover .pedit-avatar-hover{opacity:1}.pedit-avatar-label{margin-top:2px;background:none;border:none;color:var(--pedit-accent);font-size:12px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:var(--pedit-radius-xs);transition:background var(--pedit-transition)}.pedit-avatar-label:hover{background:var(--pedit-accent-soft)}.pedit-nav{display:flex;flex-direction:column;gap:2px;width:100%;margin-top:16px}.pedit-nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:var(--pedit-radius-xs);color:var(--chat-sidebar-text);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--pedit-transition);background:transparent;border:none;text-align:left;width:100%;position:relative;overflow:hidden}.pedit-nav-item:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--chat-left-border);opacity:0;transform:scaleY(0);transition:opacity var(--pedit-transition),transform var(--pedit-transition)}.pedit-nav-item:hover{background:var(--pedit-surface-hover)}.pedit-nav-item.active{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);font-weight:600}.pedit-nav-item.active:before{opacity:1;transform:scaleY(1)}.pedit-nav-icon{width:18px;display:flex;justify-content:center;font-size:13px;opacity:1;transition:opacity var(--pedit-transition)}.pedit-nav-item.active .pedit-nav-icon{opacity:1}.pedit-main{padding:20px 24px;overflow-y:auto;min-height:0}.pedit-main::-webkit-scrollbar{width:4px}.pedit-main::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-submenu-text) 14%,transparent);border-radius:10px}.pedit-tab{display:none;animation:peditTabIn .25s ease forwards}.pedit-tab.active{display:flex;flex-direction:column;gap:12px}@keyframes peditTabIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.pedit-section{border-radius:var(--pedit-radius-sm);padding:0}.pedit-heading{font-size:14px;font-weight:700;color:var(--chat-header-text);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--pedit-border);letter-spacing:-.01em}.pedit-fields{display:flex;flex-direction:column;gap:var(--pedit-gap)}.pedit-field{display:flex;flex-direction:column;gap:5px}.pedit-label{font-size:12px;font-weight:600;color:var(--pedit-muted);text-transform:uppercase;letter-spacing:.04em}.pedit-input-box{position:relative;width:100%}.pedit-input-ico{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--chat-sidebar-text);font-size:13px;pointer-events:none;z-index:1;transition:color var(--pedit-transition)}.pedit-input{width:100%;padding:9px 14px;font-size:14px;font-family:inherit;border-radius:var(--pedit-radius-xs);outline:none!important;line-height:1.4;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:var(--chat-input-bg)!important;border:1px solid var(--chat-input-border)!important;color:var(--chat-input-text)!important}.pedit-input.with-icon{padding-left:36px}.pedit-input::-moz-placeholder{color:color-mix(in srgb,var(--chat-input-text) 50%,transparent)!important;opacity:1}.pedit-input::placeholder{color:color-mix(in srgb,var(--chat-input-text) 50%,transparent)!important;opacity:1}.pedit-input::-webkit-input-placeholder{color:color-mix(in srgb,var(--chat-input-text) 50%,transparent)!important;opacity:1}.pedit-input:focus{border-color:var(--chat-input-border-focus)!important;background:var(--pedit-input-focus-bg)!important;box-shadow:0 0 0 3px var(--chat-input-focus-glow)!important}.pedit-input:focus~.pedit-input-ico,.pedit-input-box:focus-within .pedit-input-ico{color:var(--chat-input-text)}.pedit-input:disabled{opacity:.5;cursor:not-allowed}.pedit-email-row{display:flex;gap:8px;align-items:flex-start}.pedit-email-row .pedit-input-box{flex:1}.pedit-xs-btn{padding:8px 14px;font-size:12px;font-weight:600;border:none;border-radius:var(--pedit-radius-xs);background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);cursor:pointer;white-space:nowrap;transition:all var(--pedit-transition);flex-shrink:0}.pedit-xs-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.pedit-xs-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.pedit-hint{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:var(--pedit-muted);line-height:1.5;margin-top:2px}.pedit-hint i{margin-top:2px;font-size:11px;flex-shrink:0}.pedit-status{font-size:12px;line-height:1.4;min-height:16px;transition:color var(--pedit-transition)}.pedit-status.idle{color:var(--pedit-muted)}.pedit-status.error{color:var(--pedit-danger)}.pedit-status.success{color:var(--pedit-success)}.pedit-status.checking{color:var(--pedit-accent)}.pedit-status.info{color:var(--chat-sidebar-text)}.pedit-pw-group{display:flex;flex-direction:column;gap:14px}.pedit-confirm{padding:20px 24px;font-size:14px;line-height:1.6;color:var(--chat-submenu-text)}.pedit-saving-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--chat-submenu-bg) 80%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:var(--pedit-radius);animation:peditFadeIn .2s ease forwards}@keyframes peditFadeIn{0%{opacity:0}to{opacity:1}}.pedit-saving-box{display:flex;flex-direction:column;align-items:center;gap:14px}.pedit-spinner{width:32px;height:32px;border:3px solid var(--pedit-border);border-top-color:var(--pedit-accent);border-radius:50%;animation:peditSpin .7s linear infinite}@keyframes peditSpin{to{transform:rotate(360deg)}}.pedit-saving-label{font-size:13px;font-weight:600;color:var(--pedit-muted)}.pedit-loading-state{display:flex;align-items:center;justify-content:center;min-height:380px}.pedit-loading-center{display:flex;flex-direction:column;align-items:center;gap:14px}@media(max-width:640px){.pedit-modal{padding:0}.pedit-card{width:100vw;max-height:100dvh;max-height:100vh;border-radius:0;box-shadow:none;border:none}.pedit-grid{grid-template-columns:1fr;grid-template-rows:auto 1fr}.pedit-sidebar{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 16px 12px;border-right:none;border-bottom:1px solid var(--pedit-border);background:transparent}.pedit-avatar{width:64px;height:64px;border-width:2px}.pedit-avatar-label{display:none}.pedit-nav{flex-direction:row;gap:4px;margin-top:0;width:auto;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0}.pedit-nav::-webkit-scrollbar{display:none}.pedit-nav-item{padding:7px 12px;font-size:12px;white-space:nowrap;gap:6px;border-radius:20px;flex-shrink:0}.pedit-nav-item:before{display:none}.pedit-nav-item.active{background:var(--pedit-accent);color:var(--chat-sidebar-text-active)}.pedit-nav-item.active .pedit-nav-icon{color:var(--chat-sidebar-text-active)}.pedit-main{padding:16px}.pedit-header{padding:14px 16px 12px}.pedit-footer{padding:12px 16px}.pedit-email-row{flex-direction:column}}@media(min-width:641px)and (max-width:820px){.pedit-grid{grid-template-columns:170px 1fr}.pedit-card{width:min(640px,94vw)}}.block-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1007;display:flex;align-items:center;justify-content:center;animation:bc-fade-in .3s ease forwards}.block-confirm-overlay.hidden{display:none!important}.block-confirm-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(16px) saturate(.45);-webkit-backdrop-filter:blur(16px) saturate(.45)}.block-confirm-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.block-confirm-particle{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--chat-danger) 38%,transparent),transparent 70%);animation:bc-particle-float linear infinite;will-change:transform,opacity}.block-confirm-card{position:relative;background:var(--chat-header);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:var(--chat-input-focus-glow);box-shadow:0 40px 100px #00000080,0 0 60px color-mix(in srgb,var(--chat-danger) 8%,transparent);border-radius:22px;padding:36px 30px 28px;max-width:290px;width:calc(100% - 32px);text-align:center;animation:bc-card-in .5s cubic-bezier(.34,1.56,.64,1) forwards}.block-confirm-close{position:absolute;top:14px;right:14px;width:28px;height:28px;border-radius:50%;background:var(--chat-header-button-hover);border:1px solid color-mix(in srgb,var(--chat-header-text) 10%,transparent);color:color-mix(in srgb,var(--chat-header-text) 45%,transparent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.block-confirm-close:hover{background:color-mix(in srgb,var(--chat-header-text) 12%,transparent);color:var(--chat-header-text);transform:rotate(90deg)}.block-confirm-icon-wrap{position:relative;width:84px;height:84px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.block-confirm-ring{position:absolute;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--chat-danger) 55%,transparent);animation:bc-ring-pulse 2.8s ease-out infinite}.block-confirm-ring:nth-child(1){width:84px;height:84px;animation-delay:0s}.block-confirm-ring:nth-child(2){width:108px;height:108px;animation-delay:.7s;border-color:color-mix(in srgb,var(--chat-danger) 30%,transparent)}.block-confirm-ring:nth-child(3){width:134px;height:134px;animation-delay:1.4s;border-color:color-mix(in srgb,var(--chat-danger) 13%,transparent)}.block-confirm-avatar-shell{position:relative;width:58px;height:58px}.block-confirm-avatar{width:58px;height:58px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid color-mix(in srgb,var(--chat-danger) 45%,transparent);background:color-mix(in srgb,var(--chat-danger) 7%,transparent);padding:3px;display:block}.block-confirm-avatar-badge{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;background:linear-gradient(140deg,var(--chat-btn-block-from),var(--chat-btn-block-to));border:1.5px solid color-mix(in srgb,var(--chat-danger) 50%,transparent);display:flex;align-items:center;justify-content:center;color:var(--chat-header-text);box-shadow:0 0 12px color-mix(in srgb,var(--chat-danger) 30%,transparent);animation:bc-badge-appear .5s cubic-bezier(.34,1.56,.64,1) .18s both}.block-confirm-title{font-size:16px;font-weight:700;color:var(--chat-header-text);margin:0 0 8px;letter-spacing:-.3px}.block-confirm-username-line{margin:0 0 14px}.block-confirm-username{display:inline-block;font-size:12.5px;font-weight:600;color:var(--chat-danger);background:color-mix(in srgb,var(--chat-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--chat-danger) 20%,transparent);border-radius:100px;padding:3px 12px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.block-confirm-body{font-size:11px;line-height:1.65;color:color-mix(in srgb,var(--chat-header-text) 50%,transparent);margin:0 0 18px}.block-confirm-divider{width:36px;height:1px;background:color-mix(in srgb,var(--chat-header-text) 8%,transparent);margin:0 auto 18px}.block-confirm-actions{display:flex;gap:8px;justify-content:center}.block-confirm-btn{flex:1;min-height:38px;padding:9px 14px;border-radius:10px;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.block-confirm-btn:active{transform:scale(.97)}.block-confirm-cancel{background:var(--chat-header-button-hover);border-color:color-mix(in srgb,var(--chat-header-text) 12%,transparent);color:color-mix(in srgb,var(--chat-header-text) 65%,transparent)}.block-confirm-cancel:hover{background:color-mix(in srgb,var(--chat-header-text) 12%,transparent);color:var(--chat-header-text)}.block-confirm-confirm{background:linear-gradient(135deg,var(--chat-btn-block-from),var(--chat-btn-block-to));border-color:color-mix(in srgb,var(--chat-danger) 38%,transparent);color:var(--chat-btn-text);box-shadow:0 4px 16px color-mix(in srgb,var(--chat-danger) 24%,transparent)}.block-confirm-confirm:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 7px 22px color-mix(in srgb,var(--chat-danger) 35%,transparent)}.block-confirm-confirm.unblock-btn{background:linear-gradient(135deg,var(--chat-btn-accept-from),var(--chat-btn-accept-to));border-color:color-mix(in srgb,var(--chat-btn-accept-from) 38%,transparent);box-shadow:0 4px 16px color-mix(in srgb,var(--chat-btn-accept-from) 22%,transparent)}.block-confirm-confirm.unblock-btn:hover{box-shadow:0 7px 22px color-mix(in srgb,var(--chat-btn-accept-from) 35%,transparent)}.block-confirm-btn:focus-visible,.block-confirm-close:focus-visible{outline:2px solid var(--chat-danger);outline-offset:2px}@keyframes bc-fade-in{0%{opacity:0}to{opacity:1}}@keyframes bc-card-in{0%{transform:scale(.82) translateY(28px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes bc-ring-pulse{0%{transform:scale(.88);opacity:.9}65%{opacity:0}to{transform:scale(1.5);opacity:0}}@keyframes bc-badge-appear{0%{transform:scale(.2) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes bc-particle-float{0%{transform:translateY(0) scale(0);opacity:0}8%{opacity:.7}88%{opacity:.4}to{transform:translateY(-100vh) scale(1.4);opacity:0}}@media(max-width:480px){.block-confirm-card{padding:28px 20px 22px;border-radius:18px}}@media(prefers-reduced-motion:reduce){.block-confirm-overlay,.block-confirm-card,.block-confirm-ring,.block-confirm-avatar-badge,.block-confirm-particle,.block-confirm-btn,.block-confirm-close{animation:none!important;transition:none!important}}.blacklist-overlay:not(.hidden){display:flex;z-index:10005}.blacklist-overlay.hidden{display:none!important}.blacklist-items{display:flex;flex-direction:column;gap:8px}.blacklist-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--cadmin-radius-sm);border:1px solid var(--cadmin-border);background:var(--cadmin-surface);transition:background var(--cadmin-transition)}.blacklist-item:hover{background:var(--cadmin-surface-hover)}.blacklist-item-avatar{width:36px;height:36px;min-width:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:var(--cadmin-surface-hover)}.blacklist-item-info{flex:1;min-width:0}.blacklist-item-name{font-size:13px;font-weight:600;color:var(--chat-header-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blacklist-item-date{font-size:11px;color:var(--cadmin-muted);margin-top:2px;display:block}.blacklist-item-unblock{background:none;border:1px solid var(--cadmin-border);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--cadmin-success);cursor:pointer;flex-shrink:0;transition:background var(--cadmin-transition),border-color var(--cadmin-transition)}.blacklist-item-unblock:hover{background:color-mix(in srgb,var(--cadmin-success) 12%,transparent);border-color:var(--cadmin-success)}.blacklist-item-unblock:active{transform:scale(.97)}.blacklist-empty{text-align:center;color:var(--cadmin-muted);font-size:13px;padding:28px 0;line-height:1.6}.blacklist-empty-icon{font-size:36px;margin-bottom:10px;opacity:.35;display:block}.chat-message[data-blocked=true],.chat-dm-message[data-blocked=true]{display:none!important}.dm-blocked-banner{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:color-mix(in srgb,var(--chat-danger) 8%,transparent);border-top:1px solid color-mix(in srgb,var(--chat-danger) 20%,transparent);flex-shrink:0;flex-wrap:wrap}.dm-blocked-banner.hidden{display:none}.dm-blocked-banner-icon{display:inline-flex;align-items:center;color:var(--chat-danger);flex-shrink:0}.dm-blocked-banner-text{font-size:.875rem;font-weight:500;color:var(--chat-submenu-text);text-align:center}.dm-blocked-unblock-btn{padding:6px 16px;border:1px solid color-mix(in srgb,var(--chat-danger) 40%,transparent);border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;background:color-mix(in srgb,var(--chat-danger) 10%,transparent);color:var(--chat-danger);transition:all .2s ease;white-space:nowrap}.dm-blocked-unblock-btn:hover{background:color-mix(in srgb,var(--chat-danger) 18%,transparent);border-color:color-mix(in srgb,var(--chat-danger) 60%,transparent)}.dm-blocked-unblock-btn.hidden{display:none}@keyframes blockModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes blockModalSlideIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}:root{--cadmin-radius: 18px;--cadmin-radius-sm: 10px;--cadmin-transition: .22s cubic-bezier(.4, 0, .2, 1);--cadmin-danger: var(--chat-danger);--cadmin-danger-soft: color-mix(in srgb, var(--chat-danger) 12%, transparent);--cadmin-danger-glow: color-mix(in srgb, var(--chat-danger) 25%, transparent);--cadmin-warning: hsl(36deg 94% 54%);--cadmin-success: var(--chat-btn-accept-from);--cadmin-muted: var(--chat-submenu-text);--cadmin-border: color-mix(in srgb, var(--chat-header-text) 15%, transparent);--cadmin-surface: var(--chat-submenu-bg);--cadmin-surface-hover: var(--chat-header-button-hover);--cadmin-input-bg: color-mix(in srgb, var(--chat-header-text) 8%, transparent)}.cadmin-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:2010;padding:16px}.cadmin-modal.show{display:flex}.cadmin-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:cadminBackdropIn .25s ease forwards}@keyframes cadminBackdropIn{0%{opacity:0}to{opacity:1}}.cadmin-card{position:relative;z-index:1;width:min(440px,94vw);max-height:min(640px,90vh);display:flex;flex-direction:column;background:color-mix(in srgb,var(--chat-header) 96%,transparent);backdrop-filter:blur(32px) saturate(1.3);-webkit-backdrop-filter:blur(32px) saturate(1.3);border-radius:var(--cadmin-radius);border:1px solid var(--cadmin-border);box-shadow:0 20px 60px #00000038,0 4px 16px #0000001a;color:var(--chat-header-text);overflow:hidden;animation:cadminCardIn .3s cubic-bezier(.34,1.3,.64,1) forwards}@keyframes cadminCardIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.cadmin-card--wide{width:min(560px,94vw)}.cadmin-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--cadmin-border);flex-shrink:0}.cadmin-header-left{display:flex;align-items:center;gap:10px}.cadmin-header-icon{width:36px;height:36px;border-radius:10px;background:var(--cadmin-danger-soft);color:var(--cadmin-danger);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.cadmin-header-icon--warning{background:color-mix(in srgb,var(--cadmin-warning) 12%,transparent);color:var(--cadmin-warning)}.cadmin-header-icon--list{background:color-mix(in srgb,var(--chat-header-text) 10%,transparent);color:var(--chat-header-text)}.cadmin-title{font-size:15px;font-weight:700;line-height:1.3;color:var(--chat-header-text);margin:0}.cadmin-subtitle{font-size:12px;color:var(--cadmin-muted);margin:2px 0 0}.cadmin-target-name{font-weight:700;color:var(--cadmin-danger)}.cadmin-close{background:none;border:none;cursor:pointer;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--cadmin-muted);transition:background var(--cadmin-transition),color var(--cadmin-transition);flex-shrink:0}.cadmin-close:hover{background:var(--cadmin-surface-hover);color:var(--chat-header-text)}.cadmin-body{padding:18px 20px;overflow-y:auto;flex:1}.cadmin-body::-webkit-scrollbar{width:4px}.cadmin-body::-webkit-scrollbar-track{background:transparent}.cadmin-body::-webkit-scrollbar-thumb{background:var(--cadmin-border);border-radius:2px}.cadmin-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cadmin-muted);margin:0 0 10px}.cadmin-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cadmin-radio-label{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--cadmin-radius-sm);border:1px solid var(--cadmin-border);cursor:pointer;font-size:13px;color:var(--chat-header-text);transition:border-color var(--cadmin-transition),background var(--cadmin-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cadmin-radio-label:has(input:checked){border-color:var(--cadmin-danger);background:var(--cadmin-danger-soft);color:var(--cadmin-danger);font-weight:600}.cadmin-radio-label input[type=radio]{accent-color:var(--cadmin-danger);width:14px;height:14px;flex-shrink:0}.cadmin-radio-label--full{grid-column:1 / -1}.cadmin-custom-row{margin-bottom:14px;display:none}.cadmin-custom-row.show{display:block}.cadmin-input{width:100%;padding:9px 12px;background:var(--cadmin-input-bg);border:1px solid var(--cadmin-border);border-radius:var(--cadmin-radius-sm);color:var(--chat-header-text);font-size:13px;outline:none;transition:border-color var(--cadmin-transition);box-sizing:border-box}.cadmin-input:focus{border-color:var(--cadmin-danger)}.cadmin-input::-moz-placeholder{color:var(--cadmin-muted)}.cadmin-input::placeholder{color:var(--cadmin-muted)}.cadmin-checkbox-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--cadmin-radius-sm);border:1px solid var(--cadmin-border);cursor:pointer;margin-top:6px;transition:border-color var(--cadmin-transition),background var(--cadmin-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cadmin-checkbox-row:has(input:checked){border-color:var(--cadmin-warning);background:color-mix(in srgb,var(--cadmin-warning) 8%,transparent)}.cadmin-checkbox-row input[type=checkbox]{accent-color:var(--cadmin-warning);width:15px;height:15px;flex-shrink:0}.cadmin-checkbox-text{font-size:13px;color:var(--chat-header-text);line-height:1.4}.cadmin-divider{height:1px;background:var(--cadmin-border);margin:12px 0}.cadmin-footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 20px 18px;border-top:1px solid var(--cadmin-border);flex-shrink:0}.cadmin-btn{padding:9px 18px;border-radius:var(--cadmin-radius-sm);border:none;cursor:pointer;font-size:13px;font-weight:600;transition:opacity var(--cadmin-transition),transform var(--cadmin-transition);display:flex;align-items:center;gap:6px}.cadmin-btn:active{transform:scale(.97)}.cadmin-btn--cancel{background:var(--cadmin-surface-hover);color:var(--chat-header-text)}.cadmin-btn--cancel:hover{opacity:.8}.cadmin-btn--danger{background:var(--cadmin-danger);color:var(--chat-header-text)}.cadmin-btn--danger:hover{opacity:.88}.cadmin-btn--warning{background:var(--cadmin-warning);color:var(--chat-header-text)}.cadmin-btn--warning:hover{opacity:.88}.cadmin-btn:disabled{opacity:.5;cursor:not-allowed}.cadmin-toast{display:none;padding:10px 14px;border-radius:var(--cadmin-radius-sm);font-size:13px;margin-bottom:12px}.cadmin-toast.show{display:block}.cadmin-toast--error{background:var(--cadmin-danger-soft);color:var(--cadmin-danger);border:1px solid color-mix(in srgb,var(--chat-danger) 20%,transparent)}.cadmin-toast--success{background:color-mix(in srgb,var(--cadmin-success) 10%,transparent);color:var(--cadmin-success);border:1px solid color-mix(in srgb,var(--cadmin-success) 20%,transparent)}.cadmin-ban-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.cadmin-ban-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--cadmin-radius-sm);border:1px solid var(--cadmin-border);background:var(--cadmin-surface);transition:background var(--cadmin-transition)}.cadmin-ban-item:hover{background:var(--cadmin-surface-hover)}.cadmin-ban-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:var(--cadmin-surface-hover)}.cadmin-ban-info{flex:1;min-width:0}.cadmin-ban-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cadmin-ban-meta{font-size:11px;color:var(--cadmin-muted);margin-top:2px}.cadmin-ban-meta--permanent{color:var(--cadmin-danger);font-weight:600}.cadmin-unban-btn{background:none;border:1px solid var(--cadmin-border);border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;color:var(--cadmin-success);cursor:pointer;flex-shrink:0;transition:background var(--cadmin-transition),border-color var(--cadmin-transition)}.cadmin-unban-btn:hover{background:color-mix(in srgb,var(--cadmin-success) 12%,transparent);border-color:var(--cadmin-success)}.cadmin-ban-empty{text-align:center;color:var(--cadmin-muted);font-size:13px;padding:20px 0}.cchat-action-btn.cadmin-ban-btn{color:var(--cadmin-danger)}.cchat-action-btn.cadmin-ban-btn:hover{background:var(--cadmin-danger-soft)}.cchat-action-btn.cadmin-delete-msgs-btn{color:var(--cadmin-warning)}.cchat-action-btn.cadmin-delete-msgs-btn:hover{background:color-mix(in srgb,var(--cadmin-warning) 12%,transparent)}.cadmin-menu{position:relative;display:flex;align-items:center}.cadmin-menu__trigger{background:var(--chat-header);border:1px solid transparent;cursor:pointer;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--chat-header-text);transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;position:relative;overflow:hidden}.cadmin-menu__trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chat-header-button-hover);opacity:0;transition:opacity .2s cubic-bezier(.4,0,.2,1);z-index:-1}.cadmin-menu__trigger:hover{border-color:color-mix(in srgb,var(--chat-header-text) 20%,transparent);color:var(--chat-header-text);transform:translateY(-1px);box-shadow:0 4px 12px #ffffff14}.cadmin-menu.is-open .cadmin-menu__trigger{background:color-mix(in srgb,var(--chat-header-button-hover) 150%,transparent);border-color:color-mix(in srgb,var(--chat-header-text) 20%,transparent);color:var(--chat-header-text);box-shadow:0 4px 16px #ffffff1f}.cadmin-menu__trigger:active{transform:translateY(0)}.cadmin-menu__dropdown{position:absolute;top:calc(100% + 12px);right:0;min-width:200px;background:var(--chat-submenu-bg);border:1px solid color-mix(in srgb,var(--chat-header-text) 15%,transparent);border-radius:12px;box-shadow:0 20px 40px #0000004d,0 4px 12px #0003,0 0 0 1px #ffffff0d;padding:8px;z-index:9999;pointer-events:none;opacity:0;transform:translateY(-8px) scale(.96);transform-origin:top right;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}.cadmin-menu.is-open .cadmin-menu__dropdown{pointer-events:auto;opacity:1;transform:translateY(0) scale(1)}.cadmin-menu__dropdown:before{content:"";position:absolute;top:-6px;right:14px;width:12px;height:12px;background:var(--chat-submenu-bg);border-left:1px solid color-mix(in srgb,var(--chat-header-text) 15%,transparent);border-top:1px solid color-mix(in srgb,var(--chat-header-text) 15%,transparent);transform:rotate(45deg);z-index:-1}.cadmin-menu__dropdown-header{display:none}.cadmin-menu__item{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:none;cursor:pointer;padding:10px 12px;border-radius:8px;color:var(--chat-submenu-text);font-size:14px;font-weight:500;text-align:left;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cadmin-menu__item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:70%;background:var(--chat-header-text);border-radius:0 4px 4px 0;transition:width .2s cubic-bezier(.4,0,.2,1)}.cadmin-menu__item:hover{color:var(--chat-header-text);background:var(--chat-header-button-hover);padding-left:16px}.cadmin-menu__item:hover:before{width:3px}.cadmin-menu__item:active{transform:scale(.98)}.cadmin-menu__item i{width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:.8;flex-shrink:0;transition:all .15s cubic-bezier(.4,0,.2,1);z-index:1}.cadmin-menu__item:hover i{opacity:1;transform:scale(1.1)}.cadmin-menu__item span{font-size:14px;font-weight:500;white-space:nowrap;z-index:1}.cadmin-ban-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .45s ease}.cadmin-ban-overlay.show{opacity:1;pointer-events:all}.cadmin-ban-overlay__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chat-ban-bg);backdrop-filter:blur(14px) saturate(.5);-webkit-backdrop-filter:blur(14px) saturate(.5)}.cadmin-ban-overlay__particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.cadmin-ban-overlay__particle{position:absolute;bottom:-20px;border-radius:50%;background:radial-gradient(circle,var(--chat-error-35),transparent 70%);animation:ban-particle-float linear infinite;will-change:transform,opacity}.cadmin-ban-overlay__card{position:relative;background:linear-gradient(160deg,var(--chat-ban-gradient-from) 0%,var(--chat-ban-gradient-to) 100%);border:1px solid var(--chat-error-glow);box-shadow:0 0 0 1px var(--chat-error-08),0 40px 100px var(--chat-black-70),0 0 80px var(--chat-error-06);border-radius:20px;padding:38px 33px 33px;max-width:325px;width:calc(100% - 32px);text-align:center;transform:scale(.82) translateY(28px);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.cadmin-ban-overlay.show .cadmin-ban-overlay__card{transform:scale(1) translateY(0);opacity:1}.cadmin-ban-overlay__icon-wrap{position:relative;width:90px;height:90px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.cadmin-ban-overlay__icon-ring{position:absolute;border-radius:50%;border:1.5px solid var(--chat-error-55);animation:ban-ring-pulse 2.8s ease-out infinite}.cadmin-ban-overlay__icon-ring:nth-child(1){width:90px;height:90px;animation-delay:0s}.cadmin-ban-overlay__icon-ring:nth-child(2){width:116px;height:116px;animation-delay:.7s;border-color:var(--chat-error-32)}.cadmin-ban-overlay__icon-ring:nth-child(3){width:144px;height:144px;animation-delay:1.4s;border-color:var(--chat-error-14)}.cadmin-ban-overlay__icon{position:relative;width:52px;height:52px;background:radial-gradient(140deg,var(--chat-ban-dark-from) 0%,var(--chat-ban-dark-to) 100%);border:1.5px solid var(--chat-error-45);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--chat-error);box-shadow:0 0 30px var(--chat-error-25),inset 0 1px 0 var(--chat-surface);animation:ban-icon-appear .55s cubic-bezier(.34,1.56,.64,1) .15s both}.cadmin-ban-overlay__title{font-size:17px;font-weight:700;color:var(--chat-text-on-primary);margin:0 0 8px;letter-spacing:-.4px}.cadmin-ban-overlay__subtitle{font-size:10.5px;color:var(--chat-white-48);margin:0 0 26px;line-height:1.6}.cadmin-ban-overlay__countdown{display:flex;align-items:flex-start;gap:6px;justify-content:center;margin-bottom:30px}.cadmin-ban-overlay__cd-sep{font-size:18px;font-weight:700;color:var(--chat-error-50);line-height:1;margin-top:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cadmin-ban-overlay__cd-unit{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1}.cadmin-ban-overlay__cd-value{display:block;background:var(--chat-error-09);border:1px solid var(--chat-error-18);border-radius:9px;width:100%;padding:8px 4px 7px;font-size:19px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:1px;transition:color .15s ease,transform .15s ease;will-change:transform}.cadmin-ban-overlay__cd-value.tick{transform:translateY(-3px) scale(1.07);color:var(--chat-error)}.cadmin-ban-overlay__cd-label{font-size:8px;color:var(--chat-white-30);text-transform:uppercase;letter-spacing:1.2px;font-weight:500}.cadmin-ban-overlay__permanent{display:inline-flex;align-items:center;gap:6px;background:var(--chat-error-subtle);border:1px solid var(--chat-error-glow);color:var(--chat-error);padding:8px 21px;border-radius:100px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:22px;animation:ban-perm-glow 3s ease-in-out infinite}.cadmin-ban-overlay__divider{width:36px;height:1px;background:var(--chat-white-07);margin:0 auto 14px}.cadmin-ban-overlay__footer{font-size:9px;color:var(--chat-white-22);line-height:1.6;margin:0}@keyframes ban-ring-pulse{0%{transform:scale(.88);opacity:.9}65%{opacity:0}to{transform:scale(1.5);opacity:0}}@keyframes ban-icon-appear{0%{transform:scale(.25) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}@keyframes ban-perm-glow{0%,to{box-shadow:0 0 0 0 var(--chat-error-0)}50%{box-shadow:0 0 0 5px var(--chat-error-0),0 0 24px var(--chat-error-18)}}@keyframes ban-particle-float{0%{transform:translateY(0) scale(0);opacity:0}8%{opacity:.8}88%{opacity:.5}to{transform:translateY(-100vh) scale(1.5);opacity:0}}.system-message-body--stats{padding:0;border:none;background:transparent;box-shadow:none}.cchat-room-stats-card{transform:scale(.9);width:min(100%,700px);position:relative;overflow:hidden;border-radius:18px;padding:20px 22px 18px;color:var(--chat-text);border:1px solid var(--chat-white-13);width:400px;background:radial-gradient(130% 90% at 100% 0%,color-mix(in srgb,var(--chat-accent) 20%,transparent),color-mix(in srgb,var(--chat-accent) 0%,transparent) 55%),radial-gradient(130% 90% at 0% 100%,color-mix(in srgb,var(--chat-primary) 20%,transparent),color-mix(in srgb,var(--chat-primary) 0%,transparent) 55%),linear-gradient(160deg,var(--chat-stats-overlay-from),var(--chat-stats-overlay-to));box-shadow:0 18px 48px var(--chat-stats-shadow),inset 0 1px 0 var(--chat-border)}.cchat-room-stats-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,var(--chat-white-07),rgba(255,255,255,0) 28%)}.cchat-room-stats-card__header{position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.55px;text-transform:uppercase;color:var(--chat-stats-title-dim);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--chat-border)}.cchat-room-stats-card__header-icon{font-size:14px;color:color-mix(in srgb,var(--chat-accent) 90%,transparent);flex:0 0 auto}.cchat-room-stats-card__metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.cchat-room-stats-card__metric{border-radius:12px;padding:14px 10px 12px;border:1px solid var(--chat-border-soft);background:var(--chat-stats-dark-60);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;gap:4px}.cchat-room-stats-card__metric-icon{font-size:15px;margin-bottom:2px;opacity:.85}.cchat-room-stats-card__metric-icon--users{color:var(--chat-accent)}.cchat-room-stats-card__metric-icon--new{color:var(--chat-stats-icon-new)}.cchat-room-stats-card__metric-icon--msgs{color:var(--chat-stats-icon-msgs)}.cchat-room-stats-card__metric-label{font-size:9px;letter-spacing:.45px;color:var(--chat-stats-text-dim);text-transform:uppercase;font-weight:500}.cchat-room-stats-card__metric-value{font-size:22px;line-height:1;font-weight:700;color:var(--chat-text-on-primary);letter-spacing:-.5px}.cchat-room-stats-card__users-title{position:relative;z-index:1;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--chat-stats-text-dim);margin-bottom:10px}.cchat-room-stats-card__users-title-icon{font-size:12px;color:var(--chat-stats-gold-90);flex:0 0 auto}.cchat-room-stats-card__users{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px}.cchat-room-stats-card__user{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;padding:9px 12px;border:1px solid var(--chat-white-07);background:var(--chat-stats-bg-50)}.cchat-room-stats-card__user-rank{font-size:11px;font-weight:800;color:var(--chat-muted-60);flex:0 0 18px;text-align:center}.cchat-room-stats-card__user-rank--1{color:var(--chat-rank-gold)}.cchat-room-stats-card__user-rank--2{color:var(--chat-rank-silver)}.cchat-room-stats-card__user-rank--3{color:var(--chat-rank-bronze)}.cchat-room-stats-card__user-main{min-width:0;display:flex;align-items:center;gap:9px;flex:1 1 0}.cchat-room-stats-card__avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:0 0 auto}.cchat-room-stats-card__name{font-size:12px;font-weight:500;color:var(--chat-stats-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cchat-room-stats-card__count{font-size:11px;font-weight:500;color:var(--chat-stats-sky-80);white-space:nowrap;display:flex;align-items:center;gap:5px}.cchat-room-stats-card__count-icon{font-size:11px;opacity:.75}.cchat-room-stats-card__empty{font-size:13px;color:var(--chat-stats-title-dim);border-radius:10px;padding:10px 14px;border:1px dashed var(--chat-white-16);background:var(--chat-dark-overlay-35);display:flex;align-items:center;gap:8px}@media(max-width:680px){.cchat-room-stats-card{padding:16px;border-radius:14px}.cchat-room-stats-card__metrics{grid-template-columns:1fr;gap:7px}}.cchat-room-stats-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(120deg,var(--chat-border),rgba(255,255,255,0) 26%)}.cchat-room-stats-card__header{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--chat-stats-title);margin-bottom:12px}.cchat-room-stats-card__metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}.cchat-room-stats-card__metric{border-radius:10px;padding:10px 8px;border:1px solid var(--chat-white-12);background:var(--chat-stats-dark-55);text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.cchat-room-stats-card__metric-label{font-size:10px;letter-spacing:.35px;color:var(--chat-stats-text);margin-bottom:4px;text-transform:uppercase}.cchat-room-stats-card__metric-value{font-size:17px;line-height:1;font-weight:800;color:var(--chat-text-on-primary)}.cchat-room-stats-card__users-title{position:relative;z-index:1;font-size:11px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;color:var(--chat-stats-text);margin-bottom:8px}.cchat-room-stats-card__users{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.cchat-room-stats-card__user{display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:9px;padding:7px 8px;border:1px solid var(--chat-border);background:var(--chat-stats-bg-48)}.cchat-room-stats-card__user-main{min-width:0;display:flex;align-items:center;gap:8px}.cchat-room-stats-card__avatar{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex:0 0 auto}.cchat-room-stats-card__name{font-size:12px;font-weight:600;color:var(--chat-stats-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cchat-room-stats-card__count{font-size:11px;font-weight:700;color:var(--chat-stats-sky-95);white-space:nowrap}.cchat-room-stats-card__empty{font-size:12px;color:var(--chat-stats-title-dim);border-radius:9px;padding:8px 10px;border:1px dashed var(--chat-white-20);background:var(--chat-dark-overlay-35)}@media(max-width:680px){.cchat-room-stats-card{padding:12px;border-radius:14px}.cchat-room-stats-card__metrics{grid-template-columns:1fr;gap:6px}}.chat-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--chat-join-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1005;display:flex;align-items:center;justify-content:center;padding:16px;animation:chatModalFadeIn .2s ease}@keyframes chatModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes chatModalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-modal{background:var(--chat-join-bg);border-radius:var(--chat-join-radius);box-shadow:var(--chat-join-shadow);width:100%;max-width:480px;max-height:85vh;overflow-y:auto;position:relative;animation:chatModalSlideUp .25s ease}.chat-modal::-webkit-scrollbar{width:6px}.chat-modal::-webkit-scrollbar-track{background:transparent}.chat-modal::-webkit-scrollbar-thumb{background:var(--chat-join-border);border-radius:3px}.chat-modal-header{padding:20px 24px 12px;text-align:center;position:relative}.chat-modal-title{font-size:20px;font-weight:700;color:var(--chat-join-text);margin:0 0 4px}.chat-modal-subtitle{font-size:13px;color:var(--chat-join-text-muted);margin:0}.chat-modal-close{z-index:1;position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:var(--chat-join-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--chat-join-transition);color:var(--chat-join-text-muted)}.chat-modal-close:hover{background:var(--chat-join-secondary-hover);color:var(--chat-join-text);transform:rotate(90deg)}.chat-modal-close svg{width:16px;height:16px}.chat-modal-content{padding:0 20px 20px}.dm-delete-overlay.hidden{display:none}.dm-delete-modal{max-width:440px}.dm-delete-modal .chat-modal-content{display:flex;flex-direction:column;gap:10px}.dm-delete-body-text{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--chat-join-text)}.dm-delete-checkbox{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--chat-join-radius-xs);border:1px solid var(--chat-join-border);background:var(--chat-join-secondary);color:var(--chat-join-text);font-size:13px;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;z-index:1}.dm-delete-checkbox-input{width:16px;height:16px;min-width:16px;min-height:16px;accent-color:var(--chat-join-primary);-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;background:var(--chat-modal-bg);border:1px solid var(--chat-join-border);border-radius:4px}.dm-delete-checkbox:hover{background:var(--chat-join-secondary-hover)}.dm-delete-archive-note{margin:10px 0 0;font-size:12px;color:var(--chat-join-text-muted)}.dm-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.dm-delete-btn{border:none;border-radius:var(--chat-join-radius-xs);padding:10px 16px;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--chat-join-transition);box-shadow:var(--chat-join-shadow-sm)}.dm-delete-cancel{background:var(--chat-join-secondary);color:var(--chat-join-text)}.dm-delete-cancel:hover{background:var(--chat-join-secondary-hover)}.dm-delete-confirm{background:var(--chat-join-error);color:var(--chat-join-bg)}.dm-delete-confirm:hover{filter:brightness(.95)}.password-reminder-modal .chat-modal{max-width:480px;border-radius:calc(var(--chat-join-radius) + 4px);border:1px solid color-mix(in srgb,var(--chat-join-border) 72%,transparent);box-shadow:0 24px 52px -18px color-mix(in srgb,var(--chat-join-border) 35%,rgba(0,0,0,.55))}.password-reminder-modal-card .chat-modal-header{padding:22px 24px 10px;text-align:left}.password-reminder-badge{width:40px;height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:10px;background:color-mix(in srgb,var(--chat-join-primary) 20%,transparent);border:1px solid color-mix(in srgb,var(--chat-join-primary) 55%,transparent)}.password-reminder-modal-card .chat-modal-title{margin-bottom:6px;letter-spacing:.01em}.password-reminder-modal-card .chat-modal-subtitle{margin:0;max-width:90%}.password-reminder-content{display:flex;flex-direction:column;gap:16px;padding:4px 24px 24px}.password-reminder-text{margin:0;font-size:14px;line-height:1.6;color:var(--chat-join-text);background:color-mix(in srgb,var(--chat-join-secondary) 62%,transparent);border:1px solid color-mix(in srgb,var(--chat-join-border) 72%,transparent);border-radius:var(--chat-join-radius-xs);padding:12px 13px}.password-reminder-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.password-reminder-btn{border:none;border-radius:var(--chat-join-radius-xs);min-height:40px;padding:10px 16px;font-size:13px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:transform var(--chat-join-transition),box-shadow var(--chat-join-transition),background var(--chat-join-transition);box-shadow:var(--chat-join-shadow-sm)}.password-reminder-btn:active{transform:translateY(1px)}.password-reminder-btn-secondary{background:var(--chat-join-secondary);color:var(--chat-join-text);border:1px solid color-mix(in srgb,var(--chat-join-border) 70%,transparent)}.password-reminder-btn-secondary:hover{background:var(--chat-join-secondary-hover);box-shadow:0 8px 20px -16px color-mix(in srgb,var(--chat-join-border) 60%,transparent)}.password-reminder-btn-primary{background:linear-gradient(135deg,var(--chat-join-primary) 0%,color-mix(in srgb,var(--chat-join-primary) 78%,var(--chat-join-text) 22%) 100%);color:var(--chat-btn-text);box-shadow:0 10px 22px -16px color-mix(in srgb,var(--chat-join-primary) 85%,transparent)}.password-reminder-btn-primary:hover{filter:brightness(1.03);transform:translateY(-1px)}@media(max-width:640px){.password-reminder-modal .chat-modal{max-width:100%}.password-reminder-actions{flex-direction:column-reverse;align-items:stretch}.password-reminder-btn{width:100%}}[data-chat-skin=system] .password-reminder-modal .chat-modal{background:var(--chat-sidebar-bg);border:1px solid var(--chat-input-border);box-shadow:0 20px 48px -10px color-mix(in srgb,var(--chat-left-border) 30%,rgba(0,0,0,.18))}[data-chat-skin=system] .password-reminder-badge{background:color-mix(in srgb,var(--chat-send-bg) 18%,transparent);border-color:color-mix(in srgb,var(--chat-send-bg) 56%,transparent)}[data-chat-skin=system] .password-reminder-modal .chat-modal-title,[data-chat-skin=system] .password-reminder-modal .chat-modal-subtitle,[data-chat-skin=system] .password-reminder-modal .password-reminder-text,[data-chat-skin=system] .password-reminder-modal .password-reminder-btn-secondary{color:var(--chat-input-text)}[data-chat-skin=system] .password-reminder-modal .chat-modal-close,[data-chat-skin=system] .password-reminder-modal .password-reminder-btn-secondary{background:var(--chat-submenu-bg);border:1px solid color-mix(in srgb,var(--chat-left-border) 26%,rgba(0,0,0,.08))}[data-chat-skin=system] .password-reminder-modal .password-reminder-text{background:color-mix(in srgb,var(--chat-submenu-bg) 84%,transparent);border-color:color-mix(in srgb,var(--chat-left-border) 24%,transparent)}[data-chat-skin=system] .password-reminder-modal .chat-modal-close:hover,[data-chat-skin=system] .password-reminder-modal .password-reminder-btn-secondary:hover{background:color-mix(in srgb,var(--chat-submenu-bg) 84%,var(--chat-left-border))}[data-chat-skin=system] .password-reminder-modal .password-reminder-btn-primary{background:var(--chat-send-bg);color:var(--chat-send-text)}[data-chat-skin=system] .password-reminder-modal .password-reminder-btn-primary:hover{background:var(--chat-send-bg-hover);filter:none}[data-chat-skin=system] #dmDeleteOverlay,[data-chat-skin=system] #dmMessageDeleteOverlay{background:color-mix(in srgb,var(--chat-sidebar-bg) 24%,rgba(0,0,0,.45))}[data-chat-skin=system] #dmDeleteOverlay .chat-modal,[data-chat-skin=system] #dmMessageDeleteOverlay .chat-modal{background:var(--chat-input-bg);border:1px solid var(--chat-input-border);box-shadow:0 20px 48px -10px color-mix(in srgb,var(--chat-left-border) 30%,rgba(0,0,0,.18))}[data-chat-skin=system] #dmDeleteOverlay .chat-modal-title,[data-chat-skin=system] #dmDeleteOverlay .dm-delete-body-text,[data-chat-skin=system] #dmDeleteOverlay .dm-delete-checkbox,[data-chat-skin=system] #dmDeleteOverlay .dm-delete-cancel,[data-chat-skin=system] #dmMessageDeleteOverlay .chat-modal-title,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-body-text,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-checkbox,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-cancel{color:var(--chat-input-text)}[data-chat-skin=system] #dmDeleteOverlay .chat-modal-subtitle,[data-chat-skin=system] #dmDeleteOverlay .dm-delete-archive-note,[data-chat-skin=system] #dmMessageDeleteOverlay .chat-modal-subtitle,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-archive-note{color:color-mix(in srgb,var(--chat-input-text) 62%,transparent)}[data-chat-skin=system] #dmDeleteOverlay .chat-modal-close,[data-chat-skin=system] #dmMessageDeleteOverlay .chat-modal-close,[data-chat-skin=system] #dmDeleteOverlay .dm-delete-checkbox,[data-chat-skin=system] #dmDeleteOverlay .dm-delete-cancel,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-checkbox,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-cancel{background:var(--chat-submenu-bg);border-color:color-mix(in srgb,var(--chat-left-border) 26%,rgba(0,0,0,.08))}[data-chat-skin=system] #dmDeleteOverlay .chat-modal-close:hover,[data-chat-skin=system] #dmDeleteOverlay .dm-delete-checkbox:hover,[data-chat-skin=system] #dmDeleteOverlay .dm-delete-cancel:hover,[data-chat-skin=system] #dmMessageDeleteOverlay .chat-modal-close:hover,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-checkbox:hover,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-cancel:hover{background:color-mix(in srgb,var(--chat-submenu-bg) 84%,var(--chat-left-border))}[data-chat-skin=system] #dmDeleteOverlay .dm-delete-checkbox-input,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-checkbox-input{background:var(--chat-input-bg);border-color:var(--chat-input-border);accent-color:var(--chat-left-border)}[data-chat-skin=system] #dmDeleteOverlay .dm-delete-confirm,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-confirm{background:var(--chat-send-bg);color:var(--chat-send-text)}[data-chat-skin=system] #dmDeleteOverlay .dm-delete-confirm:hover,[data-chat-skin=system] #dmMessageDeleteOverlay .dm-delete-confirm:hover{background:var(--chat-send-bg-hover)}@keyframes soundModalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes soundModalScaleUp{0%{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes soundItemSlideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.sound-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999;animation:soundModalFadeIn .3s ease-out}.sound-settings-overlay.hidden{display:none}.sound-settings-modal{width:900px;max-width:98vw;max-height:85vh;background:var(--chat-submenu-bg);border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 12%,transparent);border-radius:24px;box-shadow:0 20px 60px #0006;color:var(--chat-sidebar-text);display:flex;flex-direction:column;gap:0;animation:soundModalScaleUp .4s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sound-settings-header{display:flex;justify-content:space-between;align-items:center;padding:10px 24px;background:var(--chat-header);border-bottom:1px solid color-mix(in srgb,var(--chat-sidebar-text) 10%,transparent);flex-shrink:0}.sound-settings-title{font-size:20px;font-weight:800;color:var(--chat-header-text);letter-spacing:-.02em;margin:0}.sound-settings-subtitle{font-size:14px;color:color-mix(in srgb,var(--chat-header-text) 60%,transparent);font-weight:500;margin:0}.sound-settings-close{width:36px;height:36px;border-radius:12px;border:1px solid transparent;background:var(--chat-header-button-hover);color:color-mix(in srgb,var(--chat-header-text) 70%,transparent);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sound-settings-close:hover{background:color-mix(in srgb,var(--chat-danger) 20%,transparent);color:var(--chat-danger);border-color:color-mix(in srgb,var(--chat-danger) 30%,transparent);transform:rotate(90deg) scale(1.05)}.sound-settings-body{padding:15px 28px;display:flex;flex-direction:column;gap:10px;background:color-mix(in srgb,var(--chat-sidebar-bg) 50%,transparent);flex:1;min-height:0;overflow-y:auto}.sound-settings-actions{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:4px}.sound-action-btn{border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 15%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent);color:color-mix(in srgb,var(--chat-sidebar-text) 70%,transparent);padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;min-width:-moz-max-content;min-width:max-content;white-space:nowrap}.sound-action-btn i{flex-shrink:0;min-width:14px}.sound-action-btn:hover{background:color-mix(in srgb,var(--chat-sidebar-bg) 80%,transparent);color:var(--chat-sidebar-text);transform:translateY(-1px);border-color:color-mix(in srgb,var(--chat-sidebar-text) 25%,transparent)}.sound-action-btn.active{background:var(--chat-left-border);color:var(--chat-header-text);border-color:var(--chat-left-border);box-shadow:0 4px 12px color-mix(in srgb,var(--chat-left-border) 30%,transparent)}.sound-settings-content{display:grid;grid-template-columns:200px 1fr;gap:24px;min-height:320px;align-items:start}.sound-settings-categories{display:flex;flex-direction:column;gap:3px;background:color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent);padding:8px;border-radius:16px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 10%,transparent)}.sound-category-btn{position:relative;background:transparent;color:color-mix(in srgb,var(--chat-sidebar-text) 70%,transparent);padding:8px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:all .2s ease}.sound-category-btn:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 10%,transparent);color:var(--chat-sidebar-text)}.sound-category-btn.active{background:color-mix(in srgb,var(--chat-left-border) 15%,transparent);color:var(--chat-left-border)}.sound-category-btn.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:3px;background:var(--chat-left-border);border-radius:0 4px 4px 0}.sound-settings-sounds{display:flex;flex-direction:column;gap:6px;max-height:590px;overflow-y:auto;padding-right:12px;margin-top:3px}.sound-settings-sounds::-webkit-scrollbar{width:6px}.sound-settings-sounds::-webkit-scrollbar-track{background:color-mix(in srgb,var(--chat-sidebar-text) 5%,transparent);border-radius:3px}.sound-settings-sounds::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-sidebar-text) 25%,transparent);border-radius:3px}.sound-settings-sounds::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 40%,transparent)}.sound-item{border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 12%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent);padding:12px 16px;border-radius:12px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);animation:soundItemSlideIn .3s backwards;margin:1px 2px}.sound-settings-sounds .sound-item:nth-child(1){animation-delay:.05s}.sound-settings-sounds .sound-item:nth-child(2){animation-delay:.1s}.sound-settings-sounds .sound-item:nth-child(3){animation-delay:.15s}.sound-settings-sounds .sound-item:nth-child(4){animation-delay:.2s}.sound-item:hover{border-color:color-mix(in srgb,var(--chat-left-border) 40%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 80%,transparent);box-shadow:0 2px 8px color-mix(in srgb,#000 15%,transparent)}.sound-item.selected{border-color:var(--chat-left-border);background:color-mix(in srgb,var(--chat-left-border) 12%,transparent)}.sound-item-play{width:32px;height:32px;border-radius:50%;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 20%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:var(--chat-left-border);padding-left:1px;padding-top:1px}.sound-item-play:hover{border-color:var(--chat-left-border);background:var(--chat-left-border);color:var(--chat-header-text);transform:scale(1.1);box-shadow:0 4px 12px color-mix(in srgb,var(--chat-left-border) 30%,transparent)}.sound-item-play i{font-size:12px;margin-left:1px}.sound-item-play i.fa-stop{margin-left:0}.sound-item-name{font-size:14px;font-weight:600;color:var(--chat-sidebar-text);flex:1}.sound-item.selected .sound-item-name{color:var(--chat-left-border)}.sound-item-check{margin-left:auto;color:#29d668;font-size:16px;opacity:0;transform:scale(.85);transition:opacity .2s ease,transform .2s ease}.sound-item.selected .sound-item-check{opacity:1;transform:scale(1)}.sound-settings-footer{padding:10px 24px;display:flex;justify-content:flex-end;gap:12px;background:var(--chat-header);border-top:1px solid color-mix(in srgb,var(--chat-sidebar-text) 10%,transparent);flex-shrink:0}.sound-settings-footer-btn{border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 20%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 50%,transparent);color:var(--chat-sidebar-text);padding:12px 24px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.sound-settings-footer-btn:hover{background:color-mix(in srgb,var(--chat-sidebar-bg) 70%,transparent);border-color:color-mix(in srgb,var(--chat-sidebar-text) 30%,transparent);color:var(--chat-header-text);transform:translateY(-1px)}.sound-settings-footer-btn:active{transform:translateY(0)}.sound-settings-footer-btn.primary{border:none;width:130px;background:var(--chat-left-border);color:var(--chat-header-text);box-shadow:0 4px 14px color-mix(in srgb,var(--chat-left-border) 35%,transparent)}.sound-settings-footer-btn.primary:hover{background:color-mix(in srgb,var(--chat-left-border) 85%,white);box-shadow:0 6px 20px color-mix(in srgb,var(--chat-left-border) 45%,transparent);transform:translateY(-2px)}.messages-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--chat-join-primary);color:var(--chat-join-bg);border:1px solid var(--chat-join-border);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:var(--chat-join-shadow-sm);pointer-events:none}.chat-field{display:flex;flex-direction:column;gap:5px}.chat-label{font-size:12px;font-weight:600;color:var(--chat-join-text);text-transform:uppercase;letter-spacing:.3px}.chat-input-wrap{position:relative;display:flex;align-items:center}.chat-input-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--chat-join-text-muted);pointer-events:none;transition:color var(--chat-join-transition);display:flex;align-items:center;justify-content:center;font-size:16px}.chat-input{width:100%;padding:11px 14px 11px 42px;border:1.5px solid var(--chat-join-border);border-radius:var(--chat-join-radius-xs);font-size:15px;color:var(--chat-join-text);background:var(--chat-modal-bg);transition:all var(--chat-join-transition);box-sizing:border-box}.chat-input:focus{outline:none;border-color:var(--chat-join-primary);box-shadow:0 0 0 3px var(--chat-join-primary-light)}.chat-input:focus+.chat-input-icon,.chat-input-wrap:has(.chat-input:focus) .chat-input-icon{color:var(--chat-join-primary)}.chat-input::-moz-placeholder{color:var(--chat-join-text-muted)}.chat-input::placeholder{color:var(--chat-join-text-muted)}.chat-input:-webkit-autofill,.chat-input:-webkit-autofill:hover,.chat-input:-webkit-autofill:focus,.chat-input:-webkit-autofill:active,.chat-join-input:-webkit-autofill,.chat-join-input:-webkit-autofill:hover,.chat-join-input:-webkit-autofill:focus,.chat-join-input:-webkit-autofill:active{-webkit-text-fill-color:var(--chat-join-text);caret-color:var(--chat-join-text);box-shadow:0 0 0 1000px var(--chat-join-bg) inset;-webkit-box-shadow:0 0 0 1000px var(--chat-join-bg) inset;border-color:var(--chat-join-border);-webkit-transition:background-color 9999s ease-out,color 9999s ease-out;transition:background-color 9999s ease-out,color 9999s ease-out}.chat-field.is-error .chat-input{border-color:var(--chat-join-error);background:var(--chat-join-error-bg)}.chat-field.is-error .chat-input:-webkit-autofill,.chat-field.is-error .chat-input:-webkit-autofill:hover,.chat-field.is-error .chat-input:-webkit-autofill:focus,.chat-field.is-error .chat-input:-webkit-autofill:active{box-shadow:0 0 0 1000px var(--chat-join-error-bg) inset;-webkit-box-shadow:0 0 0 1000px var(--chat-join-error-bg) inset;border-color:var(--chat-join-error)}.chat-field.is-error .chat-input-icon{color:var(--chat-join-error)}.chat-field.is-success .chat-input{border-color:var(--chat-join-success)}.chat-field.is-success .chat-input-icon{color:var(--chat-join-success)}.chat-field-error{font-size:11px;color:var(--chat-join-error);display:flex;align-items:center;gap:4px;margin-top:2px}.chat-field-hint{font-size:12px;color:var(--chat-join-text-muted);line-height:1.4;margin-top:2px}.chat-join-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--chat-join-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1005;display:flex;align-items:center;justify-content:center;padding:16px;animation:chatModalFadeIn .2s ease}.chat-join-modal{background:var(--chat-join-bg);border-radius:var(--chat-join-radius);box-shadow:var(--chat-join-shadow);width:100%;max-width:480px;max-height:85vh;overflow-y:auto;position:relative;animation:chatModalSlideUp .25s ease}.chat-join-modal::-webkit-scrollbar{width:6px}.chat-join-modal::-webkit-scrollbar-track{background:transparent}.chat-join-modal::-webkit-scrollbar-thumb{background:var(--chat-join-border);border-radius:3px}.chat-join-header{padding:20px 24px 12px;text-align:center;position:relative}.chat-join-close{z-index:1;position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:var(--chat-join-secondary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--chat-join-transition);color:var(--chat-join-text-muted)}.chat-join-close:hover{background:var(--chat-join-secondary-hover);color:var(--chat-join-text);transform:rotate(90deg)}.chat-join-close svg{width:16px;height:16px}.chat-join-emoji{font-size:36px;margin-bottom:8px;display:block}.chat-join-title{font-size:20px;font-weight:700;color:var(--chat-join-text);margin:0 0 4px}.chat-join-subtitle{font-size:13px;color:var(--chat-join-text-muted);margin:0}.chat-join-content{padding:0 20px 20px}.chat-join-tabs{display:flex;background:var(--chat-join-secondary);border-radius:var(--chat-join-radius-sm);padding:4px;margin-bottom:16px;gap:4px}.chat-join-tab{flex:1;padding:10px 14px;border:none;background:transparent;border-radius:var(--chat-join-radius-xs);font-size:14px;font-weight:600;color:var(--chat-join-text-muted);cursor:pointer;transition:all var(--chat-join-transition);display:flex;align-items:center;justify-content:center;gap:6px}.chat-join-tab:hover:not(.active){color:var(--chat-join-text);background:var(--chat-white-50)}.chat-join-tab.active{background:var(--chat-modal-bg);color:var(--chat-join-primary);box-shadow:var(--chat-join-shadow-sm)}.chat-join-tab-icon{font-size:16px}.chat-join-panel{display:none;animation:chatJoinFadeIn .2s ease}.chat-join-panel.active{display:block}.chat-join-form{display:flex;flex-direction:column;gap:12px}.chat-join-field{display:flex;flex-direction:column;gap:5px}.chat-join-label{font-size:12px;font-weight:600;color:var(--chat-join-text);text-transform:uppercase;letter-spacing:.3px}.chat-join-input{width:100%;padding:11px 14px;border:1.5px solid var(--chat-join-border);border-radius:var(--chat-join-radius-xs);font-size:15px;color:var(--chat-join-text);background:var(--chat-modal-bg);transition:all var(--chat-join-transition);box-sizing:border-box}.chat-join-input:focus{outline:none;border-color:var(--chat-join-primary);box-shadow:0 0 0 3px var(--chat-join-primary-light)}.chat-join-input::-moz-placeholder{color:var(--chat-join-text-muted)}.chat-join-input::placeholder{color:var(--chat-join-text-muted)}.chat-join-input.error{border-color:var(--chat-join-error);background:var(--chat-join-error-bg)}.chat-join-input.error:-webkit-autofill,.chat-join-input.error:-webkit-autofill:hover,.chat-join-input.error:-webkit-autofill:focus,.chat-join-input.error:-webkit-autofill:active{box-shadow:0 0 0 1000px var(--chat-join-error-bg) inset;-webkit-box-shadow:0 0 0 1000px var(--chat-join-error-bg) inset;border-color:var(--chat-join-error)}.chat-join-hint{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:var(--chat-join-text-muted);line-height:1.4;margin-top:4px}.chat-join-error,.chat-join-field-error{font-size:11px;color:var(--chat-join-error);display:flex;align-items:center;gap:4px}.chat-username-status{display:flex;align-items:center;gap:6px;font-size:12px;min-height:18px;margin-top:4px;transition:all .2s ease}.chat-username-status.hidden{opacity:0;visibility:hidden}.chat-username-status.checking{color:var(--chat-join-text-muted)}.chat-username-status.checking .status-icon{width:14px;height:14px;border:2px solid var(--chat-join-border);border-top-color:var(--chat-join-primary);border-radius:50%;animation:username-spinner .8s linear infinite}@keyframes username-spinner{to{transform:rotate(360deg)}}.chat-username-status.available{color:var(--chat-join-success, var(--chat-success))}.chat-username-status.available .status-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center}.chat-username-status.available .status-icon:before{content:"";width:8px;height:5px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-bottom:2px}.chat-username-status.unavailable{color:var(--chat-join-error)}.chat-username-status.unavailable .status-icon{width:14px;height:14px;position:relative;display:flex;align-items:center;justify-content:center}.chat-username-status.unavailable .status-icon:before,.chat-username-status.unavailable .status-icon:after{content:"";position:absolute;width:10px;height:2px;background:currentColor;border-radius:1px}.chat-username-status.unavailable .status-icon:before{transform:rotate(45deg)}.chat-username-status.unavailable .status-icon:after{transform:rotate(-45deg)}.chat-username-status .status-text{font-weight:500}.chat-join-input.username-available{border-color:var(--chat-join-success, var(--chat-success))}.chat-join-input.username-available:focus{box-shadow:0 0 0 3px var(--chat-success-15)}.chat-join-input.username-unavailable{border-color:var(--chat-join-error)}.chat-join-input.username-unavailable:focus{box-shadow:0 0 0 3px var(--chat-join-error-bg)}.chat-join-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:none;border-radius:var(--chat-join-radius-xs);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--chat-join-transition)}.chat-join-btn-primary{background:linear-gradient(135deg,var(--chat-join-primary),var(--chat-join-primary-hover));color:var(--chat-text-on-primary);box-shadow:0 4px 12px var(--chat-primary-30)}.chat-join-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--chat-primary-40)}.chat-join-btn-primary:active{transform:translateY(0)}.chat-join-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-join-btn-icon{width:18px;height:18px}.chat-join-guest{margin-bottom:0}.chat-join-guest-row{display:flex;gap:10px}.chat-join-guest-row .chat-join-field{flex:1}.chat-join-guest-row .chat-join-btn{align-self:flex-end;white-space:nowrap;padding:11px 16px}.chat-join-terms{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--chat-join-text-muted);line-height:1.4}.chat-join-terms input[type=checkbox]{margin:2px 0 0;accent-color:var(--chat-join-primary)}.chat-join-terms a{color:var(--chat-join-primary);text-decoration:none}.chat-join-terms a:hover{text-decoration:underline}.chat-join-full{display:flex;flex-direction:column;gap:12px}.chat-join-full-row{display:flex;gap:10px}.chat-join-full-row>.chat-join-field{flex:1}.chat-join-actions{display:flex;align-items:center;gap:8px}.chat-join-google{margin-bottom:0}.chat-join-btn-google{width:100%;padding:11px 14px;background:var(--chat-modal-bg);border:1.5px solid var(--chat-join-google-border);color:var(--chat-join-text);position:relative}.chat-join-btn-google:hover{background:var(--chat-join-secondary);border-color:var(--chat-join-text-muted)}.chat-join-badge{position:absolute;right:10px;padding:3px 6px;background:linear-gradient(135deg,var(--chat-join-success),var(--chat-success));color:var(--chat-text-on-primary);font-size:9px;font-weight:700;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.chat-join-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--chat-join-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.chat-join-divider:before,.chat-join-divider:after{content:"";flex:1;height:1px;background:var(--chat-join-border)}.chat-join-links{display:flex;justify-content:center;gap:8px;margin-top:12px;font-size:12px}.chat-join-link{color:var(--chat-join-primary);text-decoration:none}.chat-join-link:hover{text-decoration:underline}.chat-join-link-sep{color:var(--chat-join-text-muted)}.chat-join-perks{margin-top:14px;padding:10px 14px;background:linear-gradient(135deg,var(--chat-join-primary-light),var(--chat-success-subtle-xs));border-radius:var(--chat-join-radius-xs);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:11px}.chat-join-perks .perk-item{color:var(--chat-join-text);font-weight:500}.chat-join-perks .perk-sep{color:var(--chat-join-text-muted)}.chat-join-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 20px;color:var(--chat-join-text-muted);font-size:14px}.chat-join-spinner{width:32px;height:32px;border:3px solid var(--chat-join-secondary);border-top-color:var(--chat-join-primary);border-radius:50%;animation:chatJoinSpin .8s linear infinite}.chat-join-spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid var(--chat-border-strong);border-top-color:var(--chat-text-on-primary);border-radius:50%;animation:chatJoinSpin .8s linear infinite}@keyframes chatJoinSpin{to{transform:rotate(360deg)}}.chat-join-field label{display:block;font-size:12px;font-weight:600;color:var(--chat-join-text);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.chat-join-field input{width:100%;padding:12px 14px;border:1.5px solid var(--chat-join-border);border-radius:var(--chat-join-radius-xs);font-size:15px;color:var(--chat-join-text);background:var(--chat-modal-bg);transition:all var(--chat-join-transition);box-sizing:border-box}.chat-join-field input:focus{outline:none;border-color:var(--chat-join-primary);box-shadow:0 0 0 3px var(--chat-join-primary-light)}.chat-join-field input::-moz-placeholder{color:var(--chat-join-text-muted)}.chat-join-field input::placeholder{color:var(--chat-join-text-muted)}.chat-join-field-error{display:block;font-size:11px;color:var(--chat-join-error);margin-top:4px;min-height:16px}.chat-join-error-box{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 20px 12px;background:var(--chat-join-error-bg);border:1px solid var(--chat-join-error);border-radius:var(--chat-join-radius-xs);color:var(--chat-join-error);font-size:13px}.chat-join-error-box.is-status{background:var(--chat-join-bg-info);border-color:var(--chat-accent);color:var(--chat-modal-text)}.chat-join-error-box .chat-join-error-icon{flex-shrink:0}.chat-join-tab-icon{width:16px;height:16px;flex-shrink:0}.chat-join-avatar-trigger{display:flex;align-items:center;gap:12px;width:100%;padding:8px 14px;border:1.5px solid var(--chat-join-border);border-radius:var(--chat-join-radius-xs);background:var(--chat-modal-bg);cursor:pointer;transition:all var(--chat-join-transition);box-sizing:border-box;text-align:left}.chat-join-avatar-trigger:hover{border-color:var(--chat-join-primary);background:var(--chat-join-secondary)}.chat-join-avatar-trigger:focus{outline:none;border-color:var(--chat-join-primary);box-shadow:0 0 0 3px var(--chat-join-primary-light)}.chat-join-avatar-img{width:36px;height:36px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.chat-join-avatar-text{flex:1;font-size:14px;color:var(--chat-join-text-muted)}.chat-join-avatar-chevron{width:16px;height:16px;color:var(--chat-join-text-muted);flex-shrink:0;transition:transform var(--chat-join-transition)}.chat-join-avatar-trigger:hover .chat-join-avatar-chevron{color:var(--chat-join-primary)}.chat-avatar-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px;background:var(--chat-join-secondary);border-radius:var(--chat-join-radius-sm);border:1px solid var(--chat-join-border)}.chat-avatar-big-preview{width:125px;height:125px;border-radius:50%;overflow:hidden;background:var(--chat-modal-bg);padding:10px;border:2px solid var(--chat-modal-border);box-shadow:0 2px 8px var(--chat-black-08);transition:all var(--chat-join-transition)}.chat-avatar-big-preview:hover{transform:scale(1.02);border-color:var(--chat-modal-border-md);box-shadow:0 4px 12px var(--chat-black-12)}.chat-avatar-big-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;padding:5px}.chat-avatar-slider-container{display:flex;align-items:center;gap:12px;width:100%;max-width:100%}.chat-avatar-slider-btn{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--chat-join-border);background:var(--chat-modal-bg);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--chat-join-transition);color:var(--chat-join-text)}.chat-avatar-slider-btn:hover:not(:disabled){border-color:var(--chat-join-primary);background:var(--chat-join-primary-light);color:var(--chat-join-primary)}.chat-avatar-slider-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--chat-join-secondary)}.chat-avatar-slider-track{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:68px;max-width:348px;overflow:hidden}.chat-avatar-slider-loading{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--chat-join-text-muted)}.chat-avatar-slider-loading .chat-join-spinner-sm{border-color:var(--chat-join-secondary);border-top-color:var(--chat-join-primary)}.chat-avatar-thumb{flex-shrink:0;width:70px;height:70px;border-radius:8px;overflow:hidden;border:2px solid var(--chat-modal-border);cursor:pointer;transition:all var(--chat-join-transition);background:var(--chat-modal-bg);box-shadow:0 1px 3px var(--chat-black-06);margin:2px}.chat-avatar-thumb:hover{border-color:var(--chat-modal-border-strong);transform:translateY(-2px);box-shadow:0 4px 8px var(--chat-black-12)}.chat-avatar-thumb.selected{border-color:var(--chat-modal-border-selected);box-shadow:0 4px 12px var(--chat-black-15);transform:translateY(-2px)}.chat-avatar-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;padding:5px}.chat-avatar-more-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--chat-modal-text-muted);background:var(--chat-modal-bg);border:1.5px solid var(--chat-modal-border);border-radius:8px;cursor:pointer;transition:all var(--chat-join-transition)}.chat-avatar-more-btn:hover{background:var(--chat-modal-bg-hover);border-color:var(--chat-modal-border-strong);color:var(--chat-modal-text)}.chat-avatar-more-btn svg{flex-shrink:0}.chat-avatar-error{font-size:11px;color:var(--chat-join-error);text-align:center;padding:8px}.chat-join-hint-icon{flex-shrink:0;color:var(--chat-join-primary);margin-top:1px}.chat-join-google-icon{flex-shrink:0}.chat-join-btn-outline{width:100%;padding:12px 18px;background:transparent;border:1.5px solid var(--chat-join-border);color:var(--chat-join-text);text-decoration:none}.chat-join-btn-outline:hover{border-color:var(--chat-join-primary);background:var(--chat-join-primary-light);color:var(--chat-join-primary)}.chat-join-btn-outline .chat-join-btn-icon{width:18px;height:18px}.chat-join-perks{margin-top:16px;padding:14px;background:linear-gradient(135deg,var(--chat-join-primary-light),var(--chat-success-08));border-radius:var(--chat-join-radius-sm);display:flex;flex-direction:column;gap:10px}.chat-join-perks-compact{margin-top:12px;padding:10px 12px;background:linear-gradient(135deg,var(--chat-primary-05),var(--chat-success-subtle-xs));display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px 16px}.chat-join-perks-compact .chat-join-perk{font-size:12px;gap:6px}.chat-join-perks-compact .chat-join-perk-icon{width:14px;height:14px}.chat-join-perk{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--chat-join-text);font-weight:500}.chat-join-perk-icon{width:16px;height:16px;color:var(--chat-join-success);flex-shrink:0}.chat-join-signed-in{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 24px;text-align:center}.chat-join-user-avatar{width:96px;height:96px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--chat-modal-bg);padding:10px;border:2px solid var(--chat-modal-border);box-shadow:0 2px 8px var(--chat-black-08);transition:all var(--chat-join-transition)}.chat-join-user-avatar:hover{transform:scale(1.02);border-color:var(--chat-modal-border-md);box-shadow:0 4px 12px var(--chat-black-12)}.chat-join-signed-in-info{display:flex;flex-direction:column;align-items:center;gap:6px}.chat-join-signed-in-label{font-size:13px;font-weight:500;color:var(--chat-join-text-muted);text-transform:uppercase;letter-spacing:.5px}.chat-join-user-name{font-size:22px;font-weight:700;color:var(--chat-join-text);line-height:1.3;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-join-avatar-wrapper{position:relative;display:inline-block}.chat-join-verified-badge{position:absolute;bottom:2px;right:2px;width:26px;height:26px;background:linear-gradient(135deg,var(--chat-success),var(--chat-success));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--chat-text-on-primary);border:3px solid var(--chat-modal-bg);box-shadow:0 2px 8px var(--chat-success-40)}.chat-join-verified-badge svg{width:14px;height:14px}.chat-join-signed-in-actions{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:8px}.chat-join-signed-in .chat-join-btn-primary{width:100%;padding:14px 24px;font-size:15px}.chat-join-signed-in .chat-join-btn-primary .chat-join-btn-icon{flex-shrink:0}.chat-join-signed-in .chat-join-btn-text{margin-top:0}.chat-join-btn .btn-text,.chat-join-btn .btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.chat-join-btn-primary{width:100%}.chat-join-btn-text{width:100%;background:transparent;color:var(--chat-join-text-muted);padding:10px 16px;font-size:13px}.chat-join-btn-text:hover{color:var(--chat-join-primary);background:var(--chat-join-primary-light)}[data-chat-skin=system] .chat-join-overlay{background:color-mix(in srgb,var(--chat-sidebar-bg) 24%,rgba(0,0,0,.45))}[data-chat-skin=system] .chat-join-modal{background:var(--chat-input-bg);box-shadow:0 20px 48px -10px color-mix(in srgb,var(--chat-left-border) 30%,rgba(0,0,0,.18))}[data-chat-skin=system] .chat-join-modal::-webkit-scrollbar-thumb{background:var(--chat-input-border)}[data-chat-skin=system] .chat-join-title,[data-chat-skin=system] .chat-join-label,[data-chat-skin=system] .chat-field label,[data-chat-skin=system] .chat-label,[data-chat-skin=system] .chat-join-user-name,[data-chat-skin=system] .chat-join-perk{color:var(--chat-input-text)}[data-chat-skin=system] .chat-join-subtitle,[data-chat-skin=system] .chat-join-text,[data-chat-skin=system] .chat-join-text-muted,[data-chat-skin=system] .chat-field-hint,[data-chat-skin=system] .chat-join-hint,[data-chat-skin=system] .chat-join-signed-in-label,[data-chat-skin=system] .chat-join-link-sep,[data-chat-skin=system] .chat-input-icon{color:color-mix(in srgb,var(--chat-input-text) 62%,transparent)}[data-chat-skin=system] .chat-join-close,[data-chat-skin=system] .chat-join-tabs,[data-chat-skin=system] .chat-avatar-section{background:var(--chat-submenu-bg);border-color:color-mix(in srgb,var(--chat-left-border) 26%,rgba(0,0,0,.08));color:var(--chat-submenu-text)}[data-chat-skin=system] .chat-join-tabs{border:1px solid color-mix(in srgb,var(--chat-left-border) 24%,rgba(0,0,0,.08));box-shadow:inset 0 1px #ffffff73}[data-chat-skin=system] .chat-join-close:hover,[data-chat-skin=system] .chat-join-btn-google:hover,[data-chat-skin=system] .chat-avatar-more-btn:hover{background:color-mix(in srgb,var(--chat-submenu-bg) 84%,var(--chat-left-border));color:var(--chat-input-text)}[data-chat-skin=system] .chat-join-tab{border:1px solid transparent;color:color-mix(in srgb,var(--chat-input-text) 64%,transparent)}[data-chat-skin=system] .chat-join-tab .chat-join-tab-icon{color:currentColor;opacity:.9}[data-chat-skin=system] .chat-join-tab:hover:not(.active){background:color-mix(in srgb,var(--chat-submenu-bg) 80%,var(--chat-left-border));border-color:color-mix(in srgb,var(--chat-left-border) 30%,transparent);color:var(--chat-input-text)}[data-chat-skin=system] .chat-join-tab.active,[data-chat-skin=system] .chat-join-tab[aria-selected=true]{background:var(--chat-input-bg);color:var(--chat-sidebar-text-active);border-color:color-mix(in srgb,var(--chat-left-border) 42%,transparent);box-shadow:0 1px 3px color-mix(in srgb,var(--chat-left-border) 16%,transparent),inset 0 1px #ffffffb3}[data-chat-skin=system] .chat-join-tab:focus-visible{outline:none;border-color:color-mix(in srgb,var(--chat-left-border) 45%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--chat-left-border) 24%,transparent)}[data-chat-skin=system] .chat-input,[data-chat-skin=system] .chat-join-input,[data-chat-skin=system] .chat-join-field input,[data-chat-skin=system] .chat-join-btn-google,[data-chat-skin=system] .chat-avatar-slider-btn,[data-chat-skin=system] .chat-avatar-more-btn,[data-chat-skin=system] .chat-avatar-thumb,[data-chat-skin=system] .chat-avatar-big-preview,[data-chat-skin=system] .chat-join-user-avatar,[data-chat-skin=system] .chat-join-avatar-trigger{background:var(--chat-input-bg);border-color:var(--chat-input-border);color:var(--chat-input-text)}[data-chat-skin=system] .chat-input:focus,[data-chat-skin=system] .chat-join-input:focus,[data-chat-skin=system] .chat-join-field input:focus,[data-chat-skin=system] .chat-join-avatar-trigger:focus{border-color:var(--chat-input-border-focus);box-shadow:0 0 0 3px var(--chat-input-focus-glow)}[data-chat-skin=system] .chat-input:focus+.chat-input-icon,[data-chat-skin=system] .chat-input-wrap:has(.chat-input:focus) .chat-input-icon,[data-chat-skin=system] .chat-join-avatar-trigger:hover .chat-join-avatar-chevron,[data-chat-skin=system] .chat-join-link,[data-chat-skin=system] .chat-join-hint-icon,[data-chat-skin=system] .chat-join-perk-icon{color:var(--chat-sidebar-text)}[data-chat-skin=system] .chat-input::-moz-placeholder,[data-chat-skin=system] .chat-join-input::-moz-placeholder,[data-chat-skin=system] .chat-join-field input::-moz-placeholder{color:color-mix(in srgb,var(--chat-input-text) 46%,transparent)}[data-chat-skin=system] .chat-input::placeholder,[data-chat-skin=system] .chat-join-input::placeholder,[data-chat-skin=system] .chat-join-field input::placeholder{color:color-mix(in srgb,var(--chat-input-text) 46%,transparent)}[data-chat-skin=system] .chat-join-btn-primary{background:linear-gradient(135deg,var(--chat-send-bg),var(--chat-send-bg-hover));color:var(--chat-send-text);box-shadow:0 4px 14px color-mix(in srgb,var(--chat-left-border) 36%,transparent)}[data-chat-skin=system] .chat-join-btn-primary:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--chat-left-border) 45%,transparent)}[data-chat-skin=system] .chat-join-btn-text{color:color-mix(in srgb,var(--chat-input-text) 60%,transparent)}[data-chat-skin=system] .chat-join-btn-text:hover,[data-chat-skin=system] .chat-join-btn-outline:hover{color:var(--chat-left-border);background:color-mix(in srgb,var(--chat-left-border) 12%,rgba(255,255,255,.66));border-color:var(--chat-left-border)}[data-chat-skin=system] .chat-join-btn-outline{border-color:color-mix(in srgb,var(--chat-left-border) 30%,rgba(0,0,0,.1));color:var(--chat-input-text)}[data-chat-skin=system] .chat-join-divider,[data-chat-skin=system] .chat-join-loading{color:color-mix(in srgb,var(--chat-input-text) 56%,transparent)}[data-chat-skin=system] .chat-join-divider:before,[data-chat-skin=system] .chat-join-divider:after{background:color-mix(in srgb,var(--chat-left-border) 24%,rgba(0,0,0,.09))}[data-chat-skin=system] .chat-join-perks,[data-chat-skin=system] .chat-join-perks-compact{background:linear-gradient(135deg,color-mix(in srgb,var(--chat-send-bg) 18%,rgba(255,255,255,.56)),color-mix(in srgb,var(--chat-left-border) 10%,rgba(255,255,255,.48)))}[data-chat-skin=system] .chat-join-error-box{background:color-mix(in srgb,var(--chat-danger) 16%,var(--chat-input-bg));border-color:color-mix(in srgb,var(--chat-danger) 48%,transparent);color:var(--chat-danger)}[data-chat-skin=system] .chat-join-spinner{border-color:color-mix(in srgb,var(--chat-left-border) 22%,rgba(0,0,0,.1));border-top-color:var(--chat-left-border)}[data-chat-skin=system] .chat-join-spinner-sm{border-color:#ffffff59;border-top-color:#fffffff5}[data-chat-skin=system] .chat-join-verified-badge{border-color:#fffffff2}@media(max-width:480px){.chat-join-modal{max-width:100%;max-height:90vh;border-radius:var(--chat-join-radius) var(--chat-join-radius) 0 0;margin-top:auto}.chat-join-overlay{align-items:flex-end;padding:0}.chat-join-header{padding:18px 20px 10px}.chat-join-title{font-size:18px}.chat-join-content{padding:0 16px 20px}.chat-join-tabs{padding:3px}.chat-join-tab{padding:8px;font-size:12px;gap:4px}.chat-join-tab-icon{width:14px;height:14px}.chat-join-perks{padding:12px}.chat-join-perk{font-size:12px}}.uava-cover{width:100%;height:258px;border-radius:10px;overflow:hidden;background:var(--chat-header);box-shadow:inset 0 0 0 1px var(--chat-input-border)}.uava-info{display:flex;flex-direction:column;gap:4px}.uava-info h4{margin:0;font-size:14px;font-weight:700;color:var(--chat-header-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uava-info span{color:var(--chat-submenu-text);font-size:12px}#preloaderOverlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--chat-surface-elevated);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center}#preloaderOverlay.show{display:flex}body{margin:0;background:var(--chat-modal-surface-alt)}.emoji-category h4{background:transparent;padding:10px;border-radius:10px;margin:20px 0 10px}.emoji-category hr{display:none}[type=text]{font-family:sans-serif!important}.avatarh2{font-family:"sans-serif",sans-serif!important;text-transform:uppercase}.popup h2{font-size:12px}.chat-input-area input:focus{color:var(--chat-focus-text);background-color:var(--chat-text-on-primary);border-color:var(--chat-focus-border);outline:0;box-shadow:0 0 0 .2rem var(--chat-focus-ring)}div.cchat-flag[data-title=undefined]{display:none}.chat-container{resize:vertical;min-height:385px;max-height:800px;height:500px;max-width:1000px;background:#fff;box-shadow:5px 5px 10px var(--chat-black-30);border-radius:8px;overflow:hidden;margin-bottom:35px;display:flex;flex-direction:column;justify-content:space-between;position:relative;font-family:Lato;width:100%}.chat-header{height:56px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;background:var(--chat-header);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:10px 10px 0 0;padding:8px 16px;color:var(--chat-text);animation:fadeIn .4s ease-out;align-content:center;min-height:56px;z-index:10;box-shadow:0 1px 0 var(--chat-border);color:var(--chat-header-text)}.chat-messages{height:100%;min-height:230px;max-height:800px;overflow-y:auto;padding:10px;background:var(--chat-modal-bg);font-family:Lato,sans-serif}.chat-message{display:flex;align-items:flex-end;margin-bottom:10px}.chat-message img{width:32px;height:32px}.system-message img{width:20px!important;height:20px!important}.chat-bubble{padding:10px;border-radius:12px;background:var(--chat-modal-surface-alt);max-width:70%;position:relative}.chat-bubble .meta{font-size:10px;color:var(--chat-text-muted);position:absolute;bottom:4px;right:8px}.chat-bubble .nickname{font-weight:700;margin-bottom:4px;display:block}.chat-message.left{flex-direction:row}.chat-message.left .chat-bubble{margin-left:10px;background:var(--chat-modal-surface-alt)}.chat-message.right{flex-direction:row-reverse}.chat-message.right .chat-bubble{margin-right:10px;background:var(--chat-bubble-mine-alt)}.chat-preinput{width:100%;bottom:0;margin-bottom:0;border-radius:0;padding:10px 20px;min-height:68px;background:transparent;display:flex;align-items:center;justify-content:center;align-content:center;margin-top:auto}#preloader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--chat-join-overlay);pointer-events:all;z-index:1000}#preloader.hide{display:none!important}.start-chat-btn{color:var(--chat-input-text);text-transform:uppercase;width:100%;padding:10px;border:1px solid var(--chat-input-border);border-radius:10px;background:var(--chat-input-bg);transition:transform .18s ease,background .18s ease,border-color .18s ease;position:relative;overflow:hidden}.start-chat-btn:hover{background:var(--chat-header);color:var(--chat-header-text);border-color:color-mix(in srgb,var(--chat-header-text) 20%,transparent);transform:translateY(-1px) scale(1.01)}.start-chat-btn:after{content:"";position:absolute;top:-50%;left:-60%;width:50%;height:200%;background:linear-gradient(120deg,transparent,color-mix(in srgb,var(--chat-input-text) 28%,transparent),transparent);transform:translate(0);animation:startChatShimmer 2.2s ease-in-out infinite;pointer-events:none}@keyframes startChatShimmer{0%{transform:translate(-120%);opacity:0}15%{opacity:.7}45%{transform:translate(260%);opacity:0}to{transform:translate(260%);opacity:0}}.chat-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px var(--chat-black-20);z-index:10001;display:none;flex-direction:column;align-items:center}.chat-popup input{padding:10px;margin-bottom:10px;width:100%;border-radius:8px;border:1px solid var(--chat-modal-border)}.chat-popup button{padding:10px 20px;background:var(--chat-accent);color:#fff;border:none;border-radius:8px;cursor:pointer}.chat-input-area{display:flex;padding:10px 20px;border-top:none;align-items:stretch;gap:0;z-index:2;background:transparent;margin-top:auto}.chat-input-area input{flex-grow:1;padding:10px;border-radius:8px;border:1px solid var(--chat-modal-border)}.chat-input-area button{background:var(--chat-accent);color:#fff;border:none;border-radius:8px;cursor:pointer}.popup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:24px;border-radius:8px;box-shadow:0 3px 6px var(--chat-black-16);width:320px}.avatar-popup{display:none;width:500px;z-index:10002}.md-input{width:100%;padding:12px;margin:8px 0;border:1px solid var(--chat-modal-border-md);border-radius:4px;box-sizing:border-box;font-size:16px}.md-input:focus{outline:none;border-color:var(--chat-accent);box-shadow:0 0 0 2px var(--chat-primary-subtle)}.avatar-preview{display:flex;gap:0px;margin:16px 0;justify-content:center}.md-button{padding:10px 24px;border-radius:4px;border:none;font-size:14px;font-weight:500;text-transform:uppercase;cursor:pointer;transition:all .2s}.md-button-primary{background:var(--chat-accent);color:#fff}.md-button-secondary{background:transparent;color:var(--chat-accent)}.md-button-secondary:hover{background:color-mix(in srgb,var(--chat-primary) 4%,transparent)}.avatar-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:300px;overflow-y:auto;padding:16px}.avatar-item{cursor:pointer;padding:4px;border-radius:4px}.avatar-item:hover{background:var(--chat-surface-light)}.hidden{display:none!important}.button-group{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}#registerPopup{z-index:10001}.sendMessageAva{width:50px;height:40px;bottom:0;margin-bottom:0;background-repeat:no-repeat;background-position:center;background-size:80%;border:none;cursor:pointer;transition:all .2s ease;background-color:var(--chat-modal-surface-alt);box-shadow:0 1px 3px var(--chat-black-10);background-color:var(--chat-surface-near-white);box-shadow:inset 0 1px 0 var(--chat-white-40),0 1px 2px var(--chat-black-08),0 2px 4px var(--chat-black-05);border-radius:10px}.sendMessageAva:hover{background-color:var(--chat-surface-light-hover);transform:translateY(-2px);box-shadow:0 4px 10px var(--chat-black-15);background-color:var(--chat-modal-surface-alt);box-shadow:0 3px 8px var(--chat-black-15)}.sendMessageAva:active{transform:translateY(0);box-shadow:0 1px 4px var(--chat-black-20)}.avatar-toggle:checked~.avatar-menu{display:block}#sendButton{padding:5px 15px}.chat-message-text{font-weight:100;display:inline-block;position:relative;color:var(--chat-modal-text);-webkit-mask-image:linear-gradient(to right,black 0%,black 50%,transparent 50%,transparent 100%);-webkit-mask-size:200% 100%;-webkit-mask-position:100% 0%;-webkit-mask-repeat:no-repeat;animation:revealMask 1s ease-out forwards;mask-image:linear-gradient(to right,black 0%,black 50%,transparent 50%,transparent 100%);mask-size:200% 100%;mask-position:100% 0%;mask-repeat:no-repeat}@keyframes revealMask{0%{-webkit-mask-position:100% 0%;mask-position:100% 0%}to{-webkit-mask-position:0% 0%;mask-position:0% 0%}}.reply-preview{border-left:3px solid var(--chat-primary);background:var(--chat-reply-preview-bg);padding:6px 10px;border-radius:4px;width:92%;display:flex;margin:0 auto;font-family:Lato;font-size:13px;box-shadow:0 0 5px 2px var(--chat-reply-shadow);position:absolute;z-index:10;left:4%;justify-content:space-between;bottom:calc(100% + 10px)}.reply-header{display:flex;justify-content:space-between;font-weight:700}.reply-text{color:var(--chat-modal-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2;width:100%;height:100%;display:flex;align-items:center}.reply-preview.hidden{display:none}.chat-reply{background:var(--chat-border-light-e6);border-left:3px solid var(--chat-primary);padding:4px 8px;margin:5px 0;font-size:13px;border-radius:4px}.chat-reply .reply-author{font-weight:700;margin-bottom:2px}.chat-reply .reply-text{color:var(--chat-modal-text-dimmed);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-button{font-size:12px;background:none;border:none;color:var(--chat-primary);cursor:pointer;margin-top:4px;display:none}.chat-message:hover .reply-button{display:inline}.flash-highlight{background-color:var(--chat-flash-highlight);transition:background-color 1s ease}.message-user-block{display:flex;align-items:center;gap:6px;margin-bottom:2px}.message-reply-preview{font-size:.85em;padding:4px;background-color:var(--chat-black-05);border-left:2px solid var(--chat-quote-bar);cursor:pointer;margin-bottom:4px}.flipped-emoji{display:inline-block;transform:scaleX(-1)}.uava-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:1005}.uava-overlay.active{display:block}.uava-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:10002;padding:24px}.uava-modal.active{display:flex}.uava-content{background:var(--chat-sidebar-bg);color:var(--chat-sidebar-text);width:min(900px,90vw);max-height:min(800px,90vh);border-radius:16px;box-shadow:0 30px 60px #0000008c;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--chat-input-border);z-index:1006}.uava-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--chat-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--chat-input-border);gap:12px;min-height:48px}.uava-header h3{margin:0;font-size:15px;font-weight:600;color:var(--chat-header-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uava-title{font-size:15px;font-weight:600;letter-spacing:.2px;color:var(--chat-header-text)}.uava-back,.uava-close{background:var(--chat-header-button-hover);border:none;color:var(--chat-header-text);border-radius:50%;width:32px;height:32px;padding:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;line-height:1;transition:background .15s ease;flex-shrink:0}.uava-back:hover,.uava-close:hover{background:var(--chat-input-border)}.uava-body{padding:20px;overflow:auto;display:grid;gap:16px;background:var(--chat-messages-bg)}.uava-categories{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));align-items:start}@media(max-width:720px){.uava-categories{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media(max-width:540px){.uava-categories{grid-template-columns:1fr}}.uava-grid{background:var(--chat-sidebar-bg);border:1px solid var(--chat-input-border);border-radius:14px;padding:16px}.uava-grid h4{margin:0 0 12px;font-size:15px;font-weight:700}.uava-category-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.uava-card{background:var(--chat-header);border:1px solid var(--chat-input-border);border-radius:12px;padding:12px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;height:250px}.uava-card:hover{border-color:var(--chat-input-border-focus);transform:translateY(-1px);box-shadow:0 12px 28px #00000059}.uava-card.active{border-color:var(--chat-left-border);box-shadow:0 0 0 1px var(--chat-left-border)}.uava-card img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.uava-card .uava-card-title{font-size:13px;font-weight:700;color:var(--chat-header-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.uava-card .uava-card-meta{font-size:12px;color:var(--chat-submenu-text)}.uava-avatars-panel{background:var(--chat-sidebar-bg);border:1px solid var(--chat-input-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:220px}.uava-avatars-panel h4{margin:0;font-size:15px;font-weight:700}.uava-avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.uava-avatar-card{border:1px solid var(--chat-input-border);border-radius:12px;padding:10px;cursor:pointer;transition:all .15s ease;background:var(--chat-header);display:flex;flex-direction:column;gap:8px}.uava-avatar-card:hover{border-color:var(--chat-input-border-focus);transform:translateY(-1px);box-shadow:0 10px 24px #00000059}.uava-avatar-card.active{border-color:var(--chat-left-border);box-shadow:0 0 0 1px var(--chat-left-border)}.uava-avatar-card img{width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;border-radius:10px}.uava-avatar-card .uava-avatar-title{font-size:12px;font-weight:700;color:var(--chat-header-text);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.uava-avatar-card .uava-avatar-meta{font-size:11px;color:var(--chat-submenu-text)}.uava-empty{color:var(--chat-submenu-text);font-size:13px;padding:16px;text-align:center;border:1px dashed var(--chat-input-border);border-radius:12px;background:var(--chat-header)}.uava-footer{padding:14px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--chat-input-border);background:var(--chat-header)}.uava-button{background:var(--chat-left-border);color:var(--chat-header-text);border:none;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #00000040}.uava-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.uava-button.secondary{background:var(--chat-header-button-hover);color:var(--chat-header-text);border:1px solid var(--chat-input-border);box-shadow:none}.uava-button.secondary:hover{background:var(--chat-input-border)}.uava-loading{display:flex;justify-content:center;align-items:center;padding:24px;color:var(--chat-submenu-text);font-weight:600}.uava-loading .uava-spinner{width:16px;height:16px;border:2px solid var(--chat-input-border);border-top-color:var(--chat-left-border);border-radius:50%;margin-right:10px;animation:uava-spin .9s linear infinite}@keyframes uava-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.uava-help{color:var(--chat-submenu-text);font-size:12px;margin-top:6px}.uava-header .uava-pill{background:var(--chat-input-bg);color:var(--chat-header-text);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.uava-legend{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--chat-submenu-text)}.uava-legend .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px;background:var(--chat-left-border)}.uava-legend .dot.private{background:var(--chat-btn-pending-from)}.uava-legend .dot.group{background:var(--chat-btn-add-from)}.uava-legend .dot.broadcast{background:var(--chat-btn-message-from)}.uava-muted{color:var(--chat-submenu-text)}.uava-scrollbar::-webkit-scrollbar{width:10px;height:10px}.uava-scrollbar::-webkit-scrollbar-thumb{background:var(--chat-input-border);border-radius:10px}.uava-scrollbar::-webkit-scrollbar-track{background:var(--chat-input-bg)}.uava-badge{position:absolute;top:8px;right:8px;background:var(--chat-accent);color:var(--chat-uava-btn-text);font-weight:800;border-radius:10px;padding:4px 8px;font-size:11px;box-shadow:0 12px 24px var(--chat-uava-badge-glow)}.uava-toast{position:fixed;bottom:18px;right:18px;background:var(--chat-surface-card);color:var(--chat-text);padding:12px 14px;border-radius:12px;box-shadow:0 20px 40px var(--chat-black-45);border:1px solid var(--chat-border);display:none;z-index:2147483002;min-width:200px;font-weight:700}.uava-toast.success{border-color:var(--chat-uava-group-40);color:var(--chat-uava-toast-success-text)}.uava-toast.error{border-color:var(--chat-uava-private-40);color:var(--chat-uava-toast-error-text)}.uava-toast.show{display:block;animation:uava-pop .2s ease}@keyframes uava-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.uava-apply-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:var(--chat-surface-card);border-top:1px solid var(--chat-border)}.uava-apply-bar .uava-current{display:flex;align-items:center;gap:10px;color:var(--chat-text-muted)}.uava-apply-bar img{width:36px;height:36px;border-radius:10px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--chat-border)}.uava-apply-bar .uava-preview-title{font-size:13px;color:var(--chat-text);font-weight:700}.uava-apply-bar .uava-preview-meta{font-size:12px;color:var(--chat-text-muted)}.uava-sections{display:flex;gap:12px;flex-wrap:wrap}.uava-section-pill{padding:8px 12px;border-radius:10px;border:1px solid var(--chat-border);color:var(--chat-text-muted);background:var(--chat-white-02);font-weight:600;font-size:12px}.uava-section-pill.group{border-color:var(--chat-uava-group-35);color:var(--chat-uava-toast-success-text)}.uava-section-pill.private{border-color:var(--chat-uava-private-35);color:var(--chat-uava-toast-error-text)}.uava-section-pill.broadcast{border-color:var(--chat-uava-broadcast-35);color:var(--chat-uava-broadcast-text)}.uava-support{display:flex;align-items:center;gap:8px;color:var(--chat-text-muted);font-size:12px}.uava-support svg{width:16px;height:16px}.uava-pill-quiet{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:var(--chat-white-03);color:var(--chat-text-muted);font-weight:600}.uava-small{font-size:11px;color:var(--chat-uava-muted)}.uava-surface{border:1px solid var(--chat-border);border-radius:12px;padding:12px;background:var(--chat-surface-card)}.uava-chip-row{display:flex;gap:8px;flex-wrap:wrap}.uava-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--chat-surface);color:var(--chat-text);font-weight:600;font-size:12px}.uava-chip .dot{width:10px;height:10px;border-radius:50%}.uava-chip .dot.group{background:var(--chat-uava-group)}.uava-chip .dot.private{background:var(--chat-uava-private)}.uava-chip .dot.broadcast{background:var(--chat-uava-broadcast)}.uava-faded{color:var(--chat-uava-light-text)}.system-message{display:flex;justify-content:center!important;margin:25px 6px;font-size:.8rem;color:color-mix(in srgb,var(--chat-text) 80%,transparent);opacity:0;animation:fadeInSystemMsg .4s ease-in forwards}.system-message-body{color:var(--chat-sidebar-text);background:var(--chat-sidebar-bg);padding:6px 12px;border-radius:10px;border:1px solid color-mix(in srgb,var(--chat-input-focus-glow) 10%,transparent);box-shadow:0 0 8px 2px color-mix(in srgb,var(--chat-input-focus-glow) 15%,transparent);letter-spacing:.1px;font-weight:500;opacity:0;transform:translateY(8px);animation:fade-in .5s ease-out forwards}.system-message-content{display:flex;align-items:center;white-space:nowrap;justify-content:center;gap:6px}.system-message-actions{display:flex;justify-content:center;margin-top:8px}.system-message-body--slither{display:inline-flex;flex-direction:column;align-items:center;gap:2px;color:var(--chat-text);background:color-mix(in srgb,var(--chat-bg) 88%,var(--chat-sidebar-bg));padding:15px 40px}.system-message-body--slither .system-message-content{color:var(--chat-sidebar-text)}.system-game-highlight{font-weight:700;color:var(--chat-sidebar-text)}.system-message-join-btn{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:1px solid color-mix(in srgb,var(--chat-primary) 28%,transparent)!important;background:var(--chat-primary)!important;color:var(--chat-text-on-primary)!important;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease;animation:system-message-join-pulse 2.6s ease-in-out infinite}.system-message-join-btn:hover{transform:translateY(-1px);box-shadow:0 5px 14px color-mix(in srgb,var(--chat-primary) 24%,transparent);background:color-mix(in srgb,var(--chat-primary) 84%,black)!important;animation-play-state:paused}.system-message-join-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--chat-primary) 55%,transparent);outline-offset:1px;animation-play-state:paused}@keyframes system-message-join-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--chat-primary) 0%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--chat-primary) 16%,transparent)}}.system-message-icon,.system-message-avatar,.system-message-tail-icon{width:20px;height:20px;flex:0 0 auto}.system-message-icon[src$=".svg"]{filter:brightness(0) saturate(100%) invert(70%) sepia(20%) saturate(500%) hue-rotate(170deg) brightness(95%)}.system-message-avatar{-o-object-fit:cover;object-fit:cover}.system-message-tail-icon{margin-left:2px}.system-nickname-highlight{color:var(--chat-error);font-weight:700}@keyframes fade-in{to{opacity:1;transform:translateY(0)}}@keyframes fadeInSystemMsg{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(5px)}}.chat-message.system.room-default{background:linear-gradient(135deg,var(--chat-join-info-bg-from),var(--chat-join-info-bg-to));border-left:4px solid var(--chat-join-info-border);border-radius:8px;padding:12px 16px;margin:16px 40px;font-family:Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--chat-text-muted);position:relative;box-shadow:0 1px 3px var(--chat-black-05);display:flex;align-content:center;justify-content:center;align-items:center}.chat-message.system.room-default .chat-message-time{font-size:11px;color:var(--chat-text-muted);text-align:right}#roomSelector{display:none}#chatInputArea{bottom:0;width:100%;display:none}#chatInputArea.chat-input-area--auth-visible{display:flex}.selector-container.glass-container{display:flex;gap:10px}.glass-container{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap}.pickaroom{opacity:0;font-size:15px;width:100%;padding-right:12px;white-space:nowrap}.selector-glass{position:relative;width:200px;border-radius:10px;background:var(--chat-surface-highlight);border:1px solid var(--chat-border-strong);box-shadow:0 8px 32px var(--chat-black-10);overflow:hidden;z-index:2}#roomSelector:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--chat-modal-text-muted);margin-left:4px;transition:transform .2s}.selector-glass select{width:100%;padding:8px 8px 8px 15px;border:none;background:transparent;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;color:var(--chat-text-muted);background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:25px!important}.glass-lines{margin:7px;width:100%}.glass-lines .line{background:var(--chat-white-40);height:1px;box-shadow:0 1px 5px var(--chat-white-50)}#roomSelectorContainer{display:flex;align-items:center;justify-content:center;position:relative;width:100%;max-width:600px;background:var(--chat-surface-hover)}#roomSelector{font-family:Lato;font-size:13px;border-radius:8px;border:1px solid var(--chat-modal-border);background-color:var(--chat-text-on-primary);z-index:2;position:relative;box-shadow:0 1px 3px var(--chat-black-10)}.room-line{height:2px;flex:1;background:linear-gradient(to center,transparent,var(--chat-divider-ccc),transparent);position:relative;top:1px}.left-line:after,.right-line:after{content:"";position:absolute;width:20px;height:100%;background:var(--chat-modal-bg);top:0}.left-line:after{right:-1px;transform:skew(-40deg)}.right-line:after{left:-1px;transform:skew(40deg)}.system-strong{color:var(--chat-pure-red);font-weight:600}.typing-container{display:inline-block;font-family:monospace;font-size:1.2em;background:var(--chat-modal-bg)}.typing-text{display:inline-block;white-space:nowrap;overflow:hidden;border-right:2px solid black;animation:typing 1s steps(30,end) forwards,blink .7s step-end 3s 2,hide-cursor .01s linear 6.5s forwards}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{0%,to{border-color:#000}50%{border-color:transparent}}@keyframes hide-cursor{to{border-right:none}}.cchat-container{font-family:Lato,sans-serif}.cchat-container li{margin-bottom:0}.cchat-msg time{float:right;margin-left:10px;margin-bottom:0;margin-top:2px;font-size:10px;color:var(--chat-sidebar-text);line-height:2.5;white-space:nowrap}.cchat-messages{font-family:Lato,sans-serif;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;overflow-anchor:none;scroll-behavior:auto;overscroll-behavior:contain;margin:0;list-style:none;display:flex;flex-direction:column;min-height:0;padding:10px 0}.cchat-messages>*{overflow-anchor:none}.cchat-messages li{display:flex;align-items:flex-end;flex-shrink:0;gap:5px;align-content:flex-end;justify-content:flex-start;padding:4px 10px}.cchat-other .cchat-msg{background:var(--chat-bubble-other-bg);border-radius:5px;padding:5px 15px;word-break:break-word;box-shadow:var(--chat-bubble-other-shadow);font-family:Product Sans;min-width:200px;line-height:1;display:inline-block}.cchat-self{flex-direction:column}.cchat-avatar-wrap{width:36px;min-width:36px;height:36px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:center}.cchat-other .cchat-avatar-wrap:has(img),.cchat-other .cchat-avatar-wrap:has(img) .cchat-avatar{cursor:pointer}.cchat-self{justify-content:flex-end;align-items:flex-end}.cchat-self .cchat-actions{margin-right:8px}.cchat-self .cchat-msg{background:var(--chat-bubble-other-bg);border-radius:5px;min-width:50px;word-break:break-word;box-shadow:var(--chat-bubble-self-shadow);padding:10px 10px 10px 18px;font-family:Product Sans}.cchat-msg .cchat-user .cchat-range-admin{font-size:10px;color:var(--chat-success);border:1px solid var(--chat-success);border-radius:3px;padding:2px;margin-left:5px;line-height:2}.cchat-msg p{margin:0;display:inline-block;font-size:14px;word-break:break-word;white-space:pre-wrap;font-weight:300;overflow:hidden;line-height:1.3}.cchat-user{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-direction:row-reverse}.cchat-avatar{width:36px;height:36px}.cchat-username{font-size:14px;font-weight:500;color:var(--chat-bubble-username);flex-grow:1}.cchat-flag{height:16px;display:inline-block;position:relative;margin-bottom:3px;margin-right:-9px}.cchat-flag img{width:15px;height:auto}.cchat-other{display:flex;align-items:flex-end;margin-bottom:0}.cchat-self{align-items:flex-end!important;margin-bottom:0;width:100%;justify-content:flex-end!important}.cchat-group-start .cchat-msg time,.cchat-group-middle .cchat-msg time{display:none}.cchat-group-middle .cchat-avatar-wrap,.cchat-group-end .cchat-avatar-wrap{visibility:hidden}.cchat-group-start .cchat-msg{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.cchat-group-middle .cchat-msg{border-radius:8px}.cchat-group-end .cchat-msg{border-top-left-radius:8px;border-top-right-radius:8px}.cchat-msg{display:block;background-color:var(--chat-bubble-bg);padding:10px;border-radius:10px;max-width:450px;line-height:1.5;transform:translateZ(0);will-change:transform,opacity;box-shadow:0 1px 4px #00000014,0 0 1px #0000000d}.cchat-msg:after{display:block;clear:both}.cchat-reply{opacity:.7;font-size:12px;background:var(--chat-bubble-code-bg);padding:10px;border-left:4px solid var(--chat-error);border-radius:8px;margin-bottom:2px;color:var(--chat-modal-text);width:100%}.cchat-flag{width:24px;height:12px;display:inline-block;position:relative;margin-bottom:11px;margin-right:-15px}.cchat-flag:after{content:attr(data-title);position:absolute;top:-23px;left:137%;transform:translate(-50%) scale(.95);opacity:0;padding:5px 16px;background:var(--chat-surface-glass);color:var(--chat-text-on-primary);border-radius:5px;white-space:nowrap;font-size:12px;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10}.cchat-flag:hover:after{opacity:1;animation:tooltipBoom .3s ease forwards}@keyframes tooltipBoom{0%{opacity:0;transform:translate(-50%) scale(.3) rotate(0)}40%{transform:translate(-50%) scale(1.2) rotate(0)}60%{transform:translate(-50%) scale(.95) rotate(0)}80%{transform:translate(-50%) scale(1.1) rotate(0)}to{opacity:1;transform:translate(-50%) scale(1) rotate(0)}}#chatBanNotice{text-align:center;position:absolute;font-family:Lato;width:100%;font-size:20px;font-weight:500;height:100%;background:var(--chat-surface-light-hover);display:flex;align-content:center;justify-content:center;align-items:center;z-index:50}.bannedMsg{background:#fff;width:400px;height:200px;padding:50px;display:flex;align-content:center;justify-content:center;align-items:center;border-radius:10px;box-shadow:0 0 10px var(--chat-shadow-02-59);font-size:14px;font-family:Lato;flex-direction:column}.closeBtn{margin-top:32px;padding:10px 70px;background:var(--chat-gray-70);color:#fff;border:0;border-radius:5px;box-shadow:0 0 10px var(--chat-shadow-00-6e)}.chat-failed{opacity:.9;display:flex;align-items:center}#chatInputErrorHandler{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--chat-shadow-ffcd-30);border-radius:6px;color:var(--chat-text-muted);max-width:100%;width:600px;margin-left:calc(50% - 300px);z-index:0;font-family:Lato;line-height:1.4;box-shadow:0 0 9px 2px var(--chat-uava-shadow);padding:10px 12px;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;color:var(--chat-msg-failed);font-size:12px;min-height:16px;margin:4px 0}#chatInputErrorHandler.visible{opacity:1}#chatInputErrorHandler:before{content:"⚠️";justify-content:center;align-items:center;margin-right:5px;margin-top:initial;font-family:Noto Color emoji}.reply-box{position:absolute;bottom:100%;left:0;margin-bottom:6px;background:var(--chat-surface-f7);border-radius:6px;color:var(--chat-text-muted);max-width:100%;width:90%;margin-left:5%;font-family:Lato;line-height:1.4;box-shadow:0 1px 9px 2px var(--chat-uava-shadow);font-size:13px;padding:10px 12px;border-bottom:0;z-index:1;display:none}.cchat-msg{position:relative}.cchat-actions{font-family:"Noto Color Emoji";right:5px;gap:6px;top:calc(100% - 22px);opacity:0;pointer-events:none;justify-content:flex-end;margin-top:6px;display:flex;flex-direction:row;align-items:flex-start;line-height:1;margin-left:2px;align-content:flex-end;align-items:flex-end}.cchat-msg-wrapper{position:relative;margin-top:5px;min-width:200px;display:flex}.cchat-other .cchat-msg-wrapper{align-items:flex-end;align-content:flex-end}.cchat-msg-wrapper:hover .cchat-actions,.cchat-msg-wrapper.reaction-panel-active .cchat-actions{opacity:1;pointer-events:auto}@keyframes msg-enter-slideup{0%{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:translateZ(0)}}.cchat-messages li.cchat-self.is-entering,.cchat-messages li.cchat-other.is-entering{animation:msg-enter-slideup .56s ease-out both}.cchat-action-btn{background:var(--chat-sidebar-bg);box-shadow:0 2px 8px var(--chat-sidebar-bg);border:none;color:var(--chat-sidebar-text);font-size:13px;width:32px;height:32px;border-radius:20px;transition:color .2s;display:flex;align-items:center;align-content:center;justify-content:center;min-width:32px;margin-left:5px;padding-top:2px}.system-message img{display:inline-block;transition:transform .2s ease,translate .2s ease;transform-origin:right center}.system-message-avatar{transform:scale(2.5);translate:5px -3px}.system-message-avatar:hover{transform:scale(2.5);translate:2px -3px}.cchat-action-btn:hover{color:var(--chat-sidebar-text-active);background:var(--chat-sidebar-bg-active)}.cchat-dimmer{position:absolute;width:100%;height:100%;background:var(--chat-dark-modal-72);z-index:1;transition:opacity .2s ease;top:0;left:0;right:0;bottom:0}#chatMessages{position:relative}.cchat-dimmer.hidden{display:none}.cchat-reply-ref{display:flex;flex-direction:column;gap:2px;padding:6px 10px;margin-bottom:6px;background:var(--chat-black-08);border-left:3px solid var(--chat-accent);border-radius:4px;cursor:pointer;font-size:12px;transition:background .15s ease}.cchat-reply-ref:hover{background:var(--chat-black-12)}.cchat-reply-ref .reply-to-name{font-weight:600;color:var(--chat-accent)}.cchat-reply-ref .reply-to-text{color:var(--chat-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.cchat-highlight{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%,to{background-color:transparent}25%{background-color:var(--chat-bubble-mention)}50%{background-color:var(--chat-bubble-mention-soft)}75%{background-color:var(--chat-bubble-mention)}}.messages-wrapper{height:100%;position:relative;display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--chat-messages-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.messages-wrapper.dm-mode #chatMessages,.messages-wrapper.dm-mode #typing-indicator,.messages-wrapper.dm-mode #newMessagesBadge,.messages-wrapper.dm-mode #floatingDate,.messages-wrapper.dm-mode #chatHistoryLoader,.messages-wrapper.dm-mode #reactionPopup,.messages-wrapper.dm-mode #preChat,.messages-wrapper.dm-neutral #chatInputArea{display:none!important}.messages-wrapper:not(.dm-mode) #dmNewMessagesBadge{display:none!important}.messages-wrapper.dm-neutral #dmNewMessagesBadge,.messages-wrapper.dm-neutral #replyPreview{display:none!important}.dm-view{display:none;flex-direction:column;gap:0px;flex:1 1 auto;overflow:hidden}.dm-view.hidden{display:none}.messages-wrapper.dm-mode .dm-view{display:flex!important}.dm-new-messages-badge{background:var(--chat-header);color:var(--chat-header-text);border:1px solid color-mix(in srgb,var(--chat-header-text) 20%,transparent)}.dm-view-header{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:2;width:100%;padding:5px 16px;border-radius:0;background:var(--chat-header);color:var(--chat-header-text);border:1px solid color-mix(in srgb,var(--chat-header-text) 15%,transparent)}.dm-header-menu{margin-left:auto;position:relative;display:flex;align-items:center}.dm-header-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--chat-header-text) 20%,transparent);background:color-mix(in srgb,var(--chat-header-text) 8%,transparent);color:var(--chat-header-text);cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.dm-header-menu-btn:hover,.dm-header-menu-btn:focus-visible{background:var(--chat-header-button-hover);border-color:color-mix(in srgb,var(--chat-header-text) 35%,transparent);transform:translateY(-1px);outline:none}.dm-header-menu-btn svg{width:18px;height:18px;fill:currentColor}.dm-header-menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--chat-submenu-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--chat-submenu-text);border:1px solid color-mix(in srgb,var(--chat-submenu-text) 15%,transparent);border-radius:12px;box-shadow:0 12px 30px #00000059;z-index:5;width:-moz-max-content;width:max-content}.dm-header-menu-panel.hidden{display:none}.dm-header-menu-item{width:100%;border:none;border-radius:8px;padding:8px 10px;background:transparent;color:var(--chat-submenu-text);font-size:13px;font-weight:600;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s ease,color .15s ease}.dm-header-menu-icon{width:16px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;color:color-mix(in srgb,var(--chat-submenu-text) 60%,transparent)}.dm-header-menu-item:hover,.dm-header-menu-item:focus-visible{background:var(--chat-header-button-hover);outline:none}.dm-header-menu-item.is-danger{color:var(--chat-danger)}.dm-header-menu-item.is-danger .dm-header-menu-icon{color:color-mix(in srgb,var(--chat-danger) 80%,transparent)}.dm-header-menu-divider{height:1px;margin:4px 0;background:color-mix(in srgb,var(--chat-submenu-text) 20%,transparent)}.dm-view.neutral .dm-view-header{display:none}.dm-view.is-group .dm-view-header:not(.group-chat-header){display:none!important}.dm-view.is-group .group-chat-header{display:flex!important}.dm-view.is-group .dm-messages-container,.dm-view.is-group .dm-view-empty,.dm-view.is-group .dm-view-neutral,.dm-view.is-group #dmHistoryLoader,.dm-view.is-group #dmNewMessagesBadge{display:none!important}.dm-view.neutral .dm-messages-container{display:none}.dm-view-neutral{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;color:color-mix(in srgb,var(--chat-sidebar-text) 70%,transparent);padding-bottom:60px}.dm-neutral-title{font-size:16px;font-weight:600;color:var(--chat-sidebar-text)}.dm-neutral-subtitle{font-size:13px}.dm-neutral-lottie{width:140px;height:140px}.dm-neutral-lottie.is-action{cursor:pointer;border-radius:20px;padding:10px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:var(--chat-input-bg);border:1px solid var(--chat-input-border);box-shadow:0 10px 28px color-mix(in srgb,var(--chat-sidebar-bg) 35%,transparent)}.dm-neutral-lottie.is-action:hover,.dm-neutral-lottie.is-action:focus-visible{transform:translateY(-2px) scale(1.02);box-shadow:0 16px 34px color-mix(in srgb,var(--chat-join-primary) 25%,transparent);outline:none}.dm-start-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:1007}.dm-start-modal.show{display:flex}.dm-start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--chat-header) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dm-start-card{position:relative;z-index:1;width:min(520px,92vw);background:var(--chat-submenu-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:20px;border:1px solid color-mix(in srgb,var(--chat-submenu-text) 15%,transparent);box-shadow:0 24px 60px color-mix(in srgb,var(--chat-header) 50%,transparent);padding:20px;color:var(--chat-submenu-text)}.dm-friend-card{width:min(480px,92vw)}.dm-start-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;background:var(--chat-sidebar-bg);padding:15px 20px;border-radius:20px;color:var(--chat-sidebar-text)}.dm-start-title{font-size:18px;font-weight:600}.dm-start-subtitle{font-size:13px;color:color-mix(in srgb,var(--chat-submenu-text) 70%,transparent)}.dm-start-close{width:32px;height:32px;border-radius:10px;border:1px solid color-mix(in srgb,var(--chat-submenu-text) 20%,transparent);background:color-mix(in srgb,var(--chat-submenu-text) 8%,transparent);color:var(--chat-submenu-text);cursor:pointer;transition:background .2s ease}.dm-start-close:hover{background:var(--chat-header-button-hover)}.dm-start-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dm-start-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;border-radius:18px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 15%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent);color:var(--chat-sidebar-text);cursor:pointer;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dm-start-action:hover,.dm-start-action:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--chat-input-focus-glow) 60%,transparent);box-shadow:0 16px 34px color-mix(in srgb,var(--chat-input-focus-glow) 20%,transparent);color:var(--chat-sidebar-bg-active);outline:none}.dm-start-action.is-disabled,.dm-start-action:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.dm-start-icon{width:100%;height:100%;max-width:160px;max-height:160px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:color-mix(in srgb,var(--chat-sidebar-bg) 65%,transparent);border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 12%,transparent)}.dm-start-icon img{width:100%;height:100%;max-width:128px;max-height:128px;-o-object-fit:contain;object-fit:contain;padding:10px}.dm-start-label{font-size:16px;font-weight:600}.dm-start-hint{font-size:13px;text-align:center;color:color-mix(in srgb,var(--chat-sidebar-text) 70%,transparent)}@media(max-width:680px){.dm-start-actions{grid-template-columns:1fr}.dm-start-action{padding:18px 14px;width:100%}}@media(max-width:420px){.dm-start-action{padding:16px 12px}.dm-start-label{font-size:15px}.dm-start-hint{font-size:12px}}.dm-start-badge{position:absolute;top:10px;right:10px;font-size:10px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--chat-join-primary) 20%,transparent);color:color-mix(in srgb,var(--chat-text) 80%,transparent);border:1px solid color-mix(in srgb,var(--chat-join-primary) 35%,transparent)}.dm-friend-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:14px;border:1px solid var(--chat-input-border);background:var(--chat-input-bg);margin-bottom:12px;color:color-mix(in srgb,var(--chat-input-text) 70%,transparent)}.dm-friend-search:focus-within{border-color:var(--chat-input-border-focus);box-shadow:0 0 0 2px var(--chat-input-focus-glow)}.dm-friend-search input{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;background:transparent!important;border:none!important;border-radius:0!important;outline:none!important;box-shadow:none!important;color:var(--chat-input-text)!important;width:100%;font-size:13px;padding:10px 0!important;margin:0}.dm-friend-search input:focus{outline:none!important;box-shadow:none!important;border:none!important}.dm-friend-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chat-join-primary) 45%,transparent) transparent}.dm-friend-list::-webkit-scrollbar{width:8px}.dm-friend-list::-webkit-scrollbar-track{background:transparent}.dm-friend-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-join-primary) 35%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}.dm-friend-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--chat-join-primary) 55%,transparent);background-clip:padding-box}.dm-friend-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 10%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 55%,transparent);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dm-friend-item:hover,.dm-friend-item:focus-visible{transform:translateY(-1px);background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);outline:none}.dm-friend-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.dm-friend-name{font-size:14px;font-weight:600;color:var(--chat-sidebar-text)}.dm-friend-empty{text-align:center;font-size:13px;color:color-mix(in srgb,var(--chat-sidebar-text) 70%,transparent);padding:18px 12px}.dm-start-footer{display:flex;justify-content:flex-end;margin-top:14px;gap:10px}.dm-start-back{padding:8px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 20%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 55%,transparent);color:var(--chat-sidebar-text);cursor:pointer;transition:all .2s ease}.dm-start-back:hover{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);border-color:color-mix(in srgb,var(--chat-sidebar-bg-active) 60%,transparent)}.dm-messages-container{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.dm-messages{flex:1 1 auto}.dm-view-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.dm-view-meta{display:flex;flex-direction:column;gap:0px;min-width:0}.dm-view-name{font-size:14px;font-weight:600;color:var(--chat-header-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-view-subtitle{font-size:12px;color:color-mix(in srgb,var(--chat-header-text) 70%,transparent)}.dm-view-status{display:inline-flex;align-items:center;gap:8px}.dm-view-status-dot{width:8px;height:8px;border-radius:999px;background:var(--chat-left-border);border:2px solid color-mix(in srgb,var(--chat-header) 80%,transparent);box-shadow:0 0 color-mix(in srgb,var(--chat-left-border) 70%,transparent);animation:dmStatusPulse 2s cubic-bezier(.4,0,.6,1) infinite}.dm-view-status.is-offline .dm-view-status-dot{display:none}@keyframes dmStatusPulse{0%{box-shadow:0 0 color-mix(in srgb,var(--chat-left-border) 70%,transparent)}70%{box-shadow:0 0 0 6px color-mix(in srgb,var(--chat-left-border) 0%,transparent)}to{box-shadow:0 0 color-mix(in srgb,var(--chat-left-border) 0%,transparent)}}.dm-view-empty{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;font-size:13px;color:color-mix(in srgb,var(--chat-sidebar-text) 70%,transparent)}.dm-empty-title{font-size:16px;font-weight:600;color:var(--chat-sidebar-text)}.dm-empty-subtitle{font-size:13px;color:color-mix(in srgb,var(--chat-sidebar-text) 70%,transparent)}.dm-empty-lottie{width:140px;height:140px}.group-create-card{max-width:400px}.group-create-body{display:flex;flex-direction:column;gap:20px;padding:8px 0}.group-avatar-section{display:flex;justify-content:center}.group-avatar-preview{position:relative;width:88px;height:88px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid color-mix(in srgb,var(--chat-input-border-focus) 35%,transparent);transition:border-color .25s ease,box-shadow .25s ease;padding:10px}.group-avatar-preview:hover{border-color:var(--chat-input-border-focus);box-shadow:0 4px 20px color-mix(in srgb,var(--chat-input-focus-glow) 30%,transparent)}.group-avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.group-avatar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--chat-header);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.group-avatar-preview:hover .group-avatar-overlay{opacity:1}.group-avatar-overlay i{color:var(--chat-header-text);font-size:20px}.group-name-section{display:flex;flex-direction:column;gap:6px}.group-input-label{font-size:13px;font-weight:600;color:var(--chat-submenu-text)}.group-name-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--chat-input-border);background:var(--chat-input-bg);color:var(--chat-input-text);font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.group-name-input:focus{outline:none;border-color:var(--chat-input-border-focus);box-shadow:0 0 0 3px var(--chat-input-focus-glow)}.group-name-input::-moz-placeholder{color:color-mix(in srgb,var(--chat-input-text) 50%,transparent)}.group-name-input::placeholder{color:color-mix(in srgb,var(--chat-input-text) 50%,transparent)}.group-name-counter{font-size:11px;color:color-mix(in srgb,var(--chat-sidebar-text) 50%,transparent);text-align:right}.group-privacy-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:6px;border-radius:14px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 12%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 72%,transparent)}.group-privacy-option{border:1px solid transparent;border-radius:10px;padding:10px 12px;background:transparent;color:color-mix(in srgb,var(--chat-sidebar-text) 78%,transparent);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.group-privacy-option:hover{color:var(--chat-sidebar-text);background:color-mix(in srgb,var(--chat-sidebar-bg) 65%,transparent)}.group-privacy-option.is-active{background:var(--chat-sidebar-bg-active);border-color:var(--chat-input-border-focus);color:var(--chat-sidebar-text-active);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-input-focus-glow) 30%,transparent)}.group-privacy-option:focus-visible{outline:none;border-color:var(--chat-input-border-focus);box-shadow:0 0 0 3px var(--chat-input-focus-glow)}.group-slug-row{display:flex;align-items:center;gap:0;background:var(--chat-input-bg);border:1px solid var(--chat-input-border);border-radius:12px;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden}.group-slug-row:focus-within{border-color:var(--chat-input-border-focus);box-shadow:0 0 0 3px var(--chat-input-focus-glow)}.group-slug-row .group-name-input{min-width:0;flex:1;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:10px 12px!important;font-size:14px}.group-slug-row .group-name-input:focus{box-shadow:none!important;border-color:transparent!important}.group-slug-prefix{font-size:12px;color:var(--chat-sidebar-text);white-space:nowrap;padding:0 10px 0 14px;border-right:1px solid var(--chat-input-border);line-height:38px}.group-slug-status{font-size:14px;min-width:16px;transition:color .2s ease;flex-shrink:0;line-height:1;padding-right:12px}.group-slug-status.slug-status-saving{color:color-mix(in srgb,var(--chat-text) 45%,transparent)}.group-slug-status.slug-status-ok{color:var(--chat-success)}.group-slug-status.slug-status-error{color:var(--chat-error)}@media(max-width:560px){.group-info-section .group-slug-row{flex-wrap:wrap}.group-info-section .group-slug-prefix{flex-basis:100%;border-right:none;padding:8px 14px 0;line-height:1.4}}.group-info-section .group-name-section{padding-bottom:14px}.group-share-row{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.group-share-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 12%,transparent);border-radius:10px;background:color-mix(in srgb,var(--chat-sidebar-text) 5%,transparent);color:var(--chat-sidebar-text);font-size:12px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap;flex-shrink:0}.group-share-copy-btn i{font-size:13px;opacity:.7}.group-share-copy-btn:hover{background:color-mix(in srgb,var(--chat-accent) 12%,transparent);border-color:color-mix(in srgb,var(--chat-accent) 30%,transparent);color:var(--chat-accent)}.group-share-copy-btn:hover i{opacity:1}.group-share-copy-btn.copied{background:color-mix(in srgb,var(--chat-success) 12%,transparent);border-color:color-mix(in srgb,var(--chat-success) 30%,transparent);color:var(--chat-success)}.group-share-socials{display:flex;align-items:center;gap:4px}.group-share-social-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:color-mix(in srgb,var(--chat-sidebar-text) 6%,transparent);color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent);font-size:14px;cursor:pointer;transition:all .18s ease}.group-share-social-btn:hover{transform:scale(1.12)}.group-share-social-btn[data-share=telegram]:hover{background:color-mix(in srgb,#0088cc 15%,transparent);color:#08c}.group-share-social-btn[data-share=whatsapp]:hover{background:color-mix(in srgb,#25d366 15%,transparent);color:#25d366}.group-share-social-btn[data-share=twitter]:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 15%,transparent);color:var(--chat-sidebar-text)}.group-share-social-btn[data-share=facebook]:hover{background:color-mix(in srgb,#1877f2 15%,transparent);color:#1877f2}.group-share-social-btn[data-share=snapchat]:hover{background:color-mix(in srgb,#fffc00 18%,transparent);color:#fffc00}.group-share-social-btn[data-share=discord]:hover{background:color-mix(in srgb,#5865f2 15%,transparent);color:#5865f2}@media(max-width:560px){.group-info-modal-card{width:min(100%,96vw);max-height:92vh;border-radius:20px}.group-info-actions{padding:4px 16px 14px;gap:4px}.group-info-action-btn{min-width:58px;padding:8px 10px}.group-info-section{padding:0 16px}}.group-create-next{padding:10px 24px;border-radius:12px;border:none;background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.group-create-next:hover:not(:disabled){background:color-mix(in srgb,var(--chat-sidebar-bg-active) 85%,white);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--chat-sidebar-bg-active) 50%,transparent)}.group-create-next:disabled{opacity:.5;cursor:not-allowed}.group-members-card{max-width:440px}.group-selected-preview{display:flex;flex-wrap:wrap;gap:6px;padding:0 0 12px;min-height:32px}.group-selected-preview:empty{display:none}.group-selected-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;border-radius:999px;background:color-mix(in srgb,var(--chat-sidebar-bg) 55%,transparent);border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 20%,transparent);font-size:12px;font-weight:500;color:var(--chat-sidebar-text);animation:groupChipIn .2s ease}@keyframes groupChipIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.group-selected-chip img{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.group-selected-chip-remove{width:16px;height:16px;border-radius:50%;border:none;background:color-mix(in srgb,var(--chat-submenu-text) 15%,transparent);color:var(--chat-submenu-text);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.group-selected-chip-remove:hover{background:color-mix(in srgb,var(--chat-danger) 80%,transparent);color:var(--chat-header-text)}.group-select-all-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--chat-submenu-text) 15%,transparent)}.group-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-checkbox-label input[type=checkbox],.group-member-checkbox{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:18px!important;height:18px!important;min-width:18px;min-height:18px;border-radius:5px!important;border:2px solid var(--chat-input-border)!important;background:var(--chat-input-bg)!important;background-image:none!important;background-size:auto!important;cursor:pointer;position:relative;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;margin:0;padding:0!important;color:inherit!important;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-checkbox-label input[type=checkbox]:hover,.group-member-checkbox:hover{border-color:var(--chat-input-border-focus)!important;background-color:var(--chat-input-bg)!important;box-shadow:0 0 0 2px var(--chat-input-focus-glow)}.group-checkbox-label input[type=checkbox]:checked,.group-member-checkbox:checked{background:var(--chat-sidebar-bg-active)!important;background-color:var(--chat-sidebar-bg-active)!important;border-color:var(--chat-sidebar-bg-active)!important;background-image:none!important}.group-checkbox-label input[type=checkbox]:checked:hover,.group-member-checkbox:checked:hover,.group-checkbox-label input[type=checkbox]:checked:focus,.group-member-checkbox:checked:focus{background:var(--chat-sidebar-bg-active)!important;background-color:var(--chat-sidebar-bg-active)!important;border-color:var(--chat-sidebar-bg-active)!important;background-image:none!important}.group-checkbox-label input[type=checkbox]:checked:after,.group-member-checkbox:checked:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:9px;border:solid var(--chat-sidebar-text-active);border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg)}.group-checkbox-label input[type=checkbox]:focus-visible,.group-member-checkbox:focus-visible{outline:none!important;box-shadow:0 0 0 3px var(--chat-input-focus-glow)}.group-checkbox-text{font-size:13px;font-weight:600;color:var(--chat-submenu-text)}.group-selected-count{font-size:12px;color:color-mix(in srgb,var(--chat-submenu-text) 60%,transparent)}.group-member-list{max-height:280px}.group-member-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 10%,transparent);background:color-mix(in srgb,var(--chat-sidebar-bg) 55%,transparent);cursor:pointer;transition:all .2s ease}.group-member-item:hover{border-color:color-mix(in srgb,var(--chat-input-border-focus) 50%,transparent)}.group-member-item.is-selected{border-color:var(--chat-input-border-focus);background:color-mix(in srgb,var(--chat-sidebar-bg-active) 15%,transparent)}.group-create-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:none;background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.group-create-btn:hover:not(:disabled){background:color-mix(in srgb,var(--chat-sidebar-bg-active) 85%,white);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--chat-sidebar-bg-active) 50%,transparent)}.group-create-btn:disabled{opacity:.5;cursor:not-allowed}.group-create-btn.is-danger{background:var(--chat-danger);color:var(--chat-header-text)}.group-create-btn.is-danger:hover:not(:disabled){background:color-mix(in srgb,var(--chat-danger) 80%,black);box-shadow:0 4px 12px color-mix(in srgb,var(--chat-danger) 40%,transparent)}.group-chat-view{display:flex;flex-direction:column;height:100%}.group-chat-view.hidden{display:none}.group-chat-header{gap:12px}.group-chat-header-info{cursor:pointer}.group-chat-avatar,.group-chat-meta,.group-chat-name,.group-chat-members,.group-chat-header-info{all:unset}.group-messages-container{position:relative;flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.group-info-modal{position:fixed;right:0;bottom:0;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;z-index:1005;padding:0;margin:0}#userProfileModal.group-info-modal{z-index:2002}#groupRemoveConfirmModal.group-info-modal{z-index:2003}.group-info-modal.show{display:flex}.group-info-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--chat-header) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.group-info-modal-card{position:relative;z-index:1;width:min(460px,92vw);max-height:min(600px,88vh);display:flex;flex-direction:column;background:color-mix(in srgb,var(--chat-sidebar-bg) 88%,transparent);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-radius:24px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 10%,transparent);box-shadow:0 8px 32px color-mix(in srgb,var(--chat-input-focus-glow) 30%,transparent);color:var(--chat-sidebar-text);overflow:hidden;opacity:0;transform:scale(.96) translateY(10px);animation:groupInfoModalIn .28s cubic-bezier(.34,1.3,.64,1) forwards}@keyframes groupInfoModalIn{to{opacity:1;transform:scale(1) translateY(0)}}.group-info-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px 12px;flex-shrink:0;border-bottom:1px solid color-mix(in srgb,var(--chat-sidebar-text) 8%,transparent)}.group-info-modal-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.group-info-modal-close{width:30px;height:30px;border-radius:50%;border:none;background:var(--chat-input-bg);color:var(--chat-input-text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;transition:background .15s ease,transform .15s ease}.group-info-modal-close:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 15%,transparent);transform:scale(1.05)}.group-info-modal-body{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:4px 0 12px}.group-info-modal-body::-webkit-scrollbar{width:6px}.group-info-modal-body::-webkit-scrollbar-track{background:transparent}.group-info-modal-body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-sidebar-text) 18%,transparent);border-radius:3px}.group-info-modal-body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 30%,transparent)}.group-info-avatar-section{display:flex;flex-direction:column;align-items:center;padding:20px 24px 16px;gap:10px}.group-info-avatar{width:100%;height:100%;display:block;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:0}.group-info-name{font-size:20px;font-weight:700;color:var(--chat-sidebar-text);text-align:center;word-break:break-word;letter-spacing:-.02em;line-height:1.3}.group-info-name-wrap{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px}.group-info-name-display{display:inline-flex;align-items:center;justify-content:center;gap:8px}.group-info-name-edit-btn{width:28px;height:28px;border-radius:999px;border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--chat-sidebar-text) 50%,transparent);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.group-info-name-edit-btn:hover{color:var(--chat-sidebar-text);border-color:color-mix(in srgb,var(--chat-sidebar-text) 20%,transparent);background:var(--chat-input-bg)}.group-info-name-edit{display:flex;align-items:center;gap:8px}.group-info-name-edit.hidden{display:none}.group-info-name-edit .group-name-input{flex:1;min-width:0}.group-info-name-edit-actions{display:inline-flex;align-items:center;gap:6px}.group-info-name-edit-actions .group-info-add-member-btn{width:32px;height:32px}.group-info-subtitle{font-size:13px;color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent);text-align:center;margin-top:2px}.group-info-actions{display:flex;justify-content:center;gap:6px;padding:4px 20px 16px}.group-info-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:14px;background:transparent;cursor:pointer;transition:background .18s ease,transform .15s ease;min-width:68px}.group-info-action-btn:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 8%,transparent)}.group-info-action-btn:active{transform:scale(.95)}.group-info-action-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--chat-left-border) 14%,transparent);color:var(--chat-left-border);font-size:16px;transition:background .18s ease,transform .18s ease}.group-info-action-btn:hover:not(:disabled) .group-info-action-icon{background:color-mix(in srgb,var(--chat-left-border) 22%,transparent);transform:scale(1.06)}.group-info-action-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.group-info-action-label{font-size:11px;font-weight:600;color:var(--chat-left-border);white-space:nowrap;opacity:.85}.group-info-action-btn:hover .group-info-action-label{opacity:1}.group-info-section{flex:1 1 auto;display:flex;flex-direction:column;padding:0 20px}.group-info-section-header{display:flex;align-items:center;gap:10px;padding:14px 0;position:sticky;top:0;z-index:1}.group-info-section-icon{color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent);font-size:14px;width:18px;display:inline-flex;justify-content:center}.group-info-section-title{font-size:13px;font-weight:700;color:var(--chat-sidebar-text);flex:1;text-transform:uppercase;letter-spacing:.03em;opacity:.7}.group-info-add-member-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:none;background:transparent;color:var(--chat-sidebar-text);font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease}.group-info-add-member-btn:hover{background:var(--chat-input-bg);color:var(--chat-left-border)}.group-info-requests-actions{display:inline-flex;gap:6px}.group-info-request-actions{display:inline-flex;gap:6px;align-items:center}.group-info-members-list{display:flex;flex-direction:column}.group-info-member-item{display:flex;align-items:center;gap:12px;padding:8px 4px;cursor:pointer;transition:background .12s ease;position:relative;border-radius:12px}.group-info-member-item:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 8%,transparent)}.group-info-member-avatar{width:42px;height:42px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.group-info-member-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.group-info-member-name{font-size:14px;font-weight:600;color:var(--chat-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.group-info-member-role{font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;flex-shrink:0}.group-info-member-role.owner{background:color-mix(in srgb,var(--chat-left-border) 20%,transparent);color:var(--chat-left-border)}.group-info-member-role.admin{background:color-mix(in srgb,var(--chat-left-border) 15%,transparent);color:var(--chat-left-border)}.group-info-member-you{font-size:12px;color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent);font-weight:400}.group-info-member-status{font-size:12px}.group-info-member-status.online{color:var(--chat-left-border)}.group-info-member-status.offline{color:color-mix(in srgb,var(--chat-sidebar-text) 50%,transparent)}.group-info-member-menu-btn{display:none;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:transparent;color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent);cursor:pointer;flex-shrink:0;font-size:14px;transition:background .12s ease,color .12s ease}.group-info-member-item:hover .group-info-member-menu-btn,.group-info-member-item.menu-open .group-info-member-menu-btn{display:inline-flex}.group-info-member-menu-btn:hover{background:var(--chat-input-bg);color:var(--chat-sidebar-text)}.group-info-member-submenu{position:absolute;z-index:50;min-width:170px;background:var(--chat-submenu-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid color-mix(in srgb,var(--chat-submenu-text) 15%,transparent);border-radius:12px;box-shadow:0 8px 24px #0000004d;padding:4px;display:none}.group-info-member-submenu.open{display:block}.group-info-member-submenu-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:none;border-radius:8px;background:transparent;color:var(--chat-submenu-text);font-size:13px;font-weight:500;cursor:pointer;width:100%;text-align:left;transition:background .12s ease}.group-info-member-submenu-item:hover{background:var(--chat-header-button-hover)}.group-info-member-submenu-item.is-danger{color:var(--chat-danger)}.group-info-member-submenu-item.is-danger:hover{background:color-mix(in srgb,var(--chat-danger) 15%,transparent)}.group-info-member-submenu-icon{width:16px;text-align:center;font-size:13px}.group-info-loading{display:flex;justify-content:center;padding:20px 0}.group-confirm-card{width:min(340px,88vw);max-height:none;padding:24px;text-align:center}.group-confirm-text{font-size:15px;font-weight:500;color:var(--chat-sidebar-text);margin-bottom:20px;line-height:1.5}.group-confirm-actions{display:flex;gap:10px;justify-content:center}.group-confirm-btn{padding:9px 22px;border-radius:10px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .1s ease}.group-confirm-btn:active{transform:scale(.97)}.group-confirm-cancel{background:var(--chat-input-bg);color:var(--chat-sidebar-text);border:1px solid var(--chat-input-border)}.group-confirm-cancel:hover{background:color-mix(in srgb,var(--chat-sidebar-bg) 80%,transparent)}.group-confirm-danger{background:var(--chat-danger);color:var(--chat-header-text)}.group-confirm-danger:hover{background:color-mix(in srgb,var(--chat-danger) 80%,black)}.user-profile-modal-card{width:min(92vw,320px)}.user-profile-modal-card .group-info-modal-header{display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:8px;min-height:32px}.user-profile-modal-card .group-info-modal-title{justify-self:center;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-modal-header-back{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s ease}.user-profile-modal-card #userProfileModalBackBtn,.user-profile-modal-card #userProfileModalCloseBtn{width:32px;height:32px}#userProfileModal.profile-detail-open .profile-modal-header-back{visibility:visible;opacity:1;pointer-events:auto}.user-profile-modal-body{padding:8px 18px;overflow:hidden;min-height:0}@media(max-width:640px){.user-profile-modal-card{width:100vw;min-height:min(100dvh,100vh);max-width:100vw;max-height:min(100dvh,100vh);border-radius:0}.user-profile-modal-body{padding:8px 10px}}.profile-modal-content{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:hidden;color:var(--chat-sidebar-text)}.profile-modal-screen{width:100%;height:100%;overflow-y:auto;padding-right:2px;transition:transform .24s ease}.profile-modal-screen-main{transform:translate(0)}.profile-modal-screen-detail{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(100%)}.profile-modal-content.is-detail .profile-modal-screen-main{transform:translate(-100%)}.profile-modal-content.is-detail .profile-modal-screen-detail{transform:translate(0)}.profile-modal-header{display:flex;align-items:center;gap:14px;padding:10px 0 14px;position:relative}.profile-modal-avatar{width:60px;height:60px;border-radius:18px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.profile-modal-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.profile-modal-name{display:flex;align-items:center;gap:6px}.profile-modal-username{font-size:17px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-modal-flag-wrap{flex-shrink:0}.profile-modal-flag{width:20px;border-radius:2px}.profile-modal-status{font-size:13px}.profile-modal-status.is-online{color:var(--chat-left-border)}.profile-modal-online-indicator{position:absolute;top:14px;left:46px;width:12px;height:12px;background:var(--chat-left-border);border:2px solid color-mix(in srgb,var(--chat-header) 60%,transparent);border-radius:50%;box-shadow:0 0 8px color-mix(in srgb,var(--chat-left-border) 50%,transparent)}.profile-modal-blocks{display:flex;flex-direction:column;gap:6px}.profile-modal-nav-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:0;border-radius:12px;background:var(--chat-input-bg);color:var(--chat-sidebar-text);cursor:pointer;transform:translateY(0);transition:background .18s ease,transform .18s ease,box-shadow .2s ease}.profile-modal-nav-row:hover{background:var(--chat-sidebar-bg-active);transform:translateY(-1px);box-shadow:none;color:var(--chat-sidebar-text-active)}.user-profile-modal-card .profile-block-link:hover,.user-profile-modal-card .profile-block-menu-item:hover,.user-profile-modal-card .profile-block-card[data-block=games] .profile-block-list-item:not(.profile-block-link):hover{box-shadow:none}.profile-modal-nav-main{display:inline-flex;align-items:center;gap:9px;min-width:0;font-size:14px;font-weight:600}.profile-modal-nav-sub{display:inline-flex;align-items:center;gap:8px;font-size:12px}.profile-modal-detail-header{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:8px;padding:4px 0 10px}.profile-modal-detail-icon-btn{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--chat-sidebar-text);cursor:pointer}.profile-modal-detail-icon-btn:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 9%,transparent)}.profile-modal-detail-title{text-align:center;font-size:15px;font-weight:700;color:var(--chat-sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-modal-detail-list{display:flex;flex-direction:column;gap:6px;padding-top:2px}.profile-modal-detail-list .profile-block-list-item{border-radius:12px;background:color-mix(in srgb,var(--chat-sidebar-bg) 6%,transparent)}.profile-modal-blocks .profile-block-card{border-radius:12px}.profile-modal-actions{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.profile-modal-actions .friendship-popup-top-container,.profile-modal-actions .profile-popup-message-actions,.profile-modal-actions .profile-popup-block-actions,.profile-modal-actions .friendship-popup-row,.profile-modal-actions .friend-popup-btn{width:100%}.group-messages{flex:1 1 auto;overflow-y:auto;padding:10px}.group-new-messages-badge{position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.group-system-message{text-align:center;padding:8px 0}.group-system-message-text{display:inline-block;padding:6px 12px;border-radius:12px;background:color-mix(in srgb,var(--chat-text) 8%,transparent);font-size:12px;color:color-mix(in srgb,var(--chat-text) 70%,transparent)}.dm-conversation-item.is-group .dm-conversation-avatar{border-radius:12px}.dm-conversation-item.is-group .dm-conversation-name:before{content:"";display:inline-block;width:14px;height:14px;margin-right:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236366f1'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm0 14.2c-2.5 0-4.71-1.28-6-3.22.03-1.99 4-3.08 6-3.08 1.99 0 5.97 1.09 6 3.08-1.29 1.94-3.5 3.22-6 3.22z'/%3E%3C/svg%3E");background-size:contain;vertical-align:middle}li:not(.cchat-self) .cchat-msg:before{width:0px;height:0px;position:absolute;border-right:3px solid var(--chat-bubble-other-bg);border-left:14px solid transparent;border-bottom:10px solid var(--chat-bubble-other-bg);border-top:10px solid transparent;left:-12px;bottom:0}.replyBodyMessage{width:100%;display:flex;align-items:flex-start;flex-direction:column}.chat-history-loader{position:absolute;top:10px;left:50%;transform:translate(-50%);display:block;width:auto;max-width:300px;padding:12px 18px;background:var(--chat-surface-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--chat-border-soft);border-radius:12px;box-shadow:0 8px 32px var(--chat-black-30),0 2px 8px var(--chat-black-20);color:var(--chat-text-on-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;line-height:1.4;text-align:center;opacity:.95;z-index:100;pointer-events:none;animation:fadeInLoader .3s ease}@keyframes fadeInLoader{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:.95;transform:translate(-50%) translateY(0)}}.cchat-msg:after{content:"";display:table;clear:both}#pTrans{display:block;background:var(--chat-sidebar-bg);padding:3px 10px;border-radius:5px;font-size:12px;line-height:1.4;border-left:10px solid var(--chat-left-border)}p[data-text=text].translating{position:relative;background:linear-gradient(90deg,transparent 0%,var(--chat-bubble-mention-soft) 25%,var(--chat-bubble-mention) 50%,var(--chat-bubble-mention-soft) 75%,transparent 100%);background-size:200% 100%;animation:translateTextShimmer 1.5s infinite linear;border-radius:4px;padding:2px 4px;margin:-2px -4px}@keyframes translateTextShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cchat-translate-loader{display:flex;align-items:center;justify-content:center;padding:8px 0;margin:4px 0}.cchat-translate-loader .dot{width:20px;height:20px;border:2px solid var(--chat-translate-border);border-top-color:var(--chat-translate-accent);border-radius:50%;animation:translateSpinner .8s linear infinite}.cchat-translate-loader .dot:nth-child(2),.cchat-translate-loader .dot:nth-child(3){display:none}@keyframes translateSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cchat-divider{display:flex;align-items:center;justify-content:center;color:var(--chat-accent);font-size:12px;margin:20px 0;position:relative}.cchat-divider hr{flex:1;border:none;border-top:0px solid var(--chat-modal-border);margin:0 10px;box-shadow:0 0 9px 1px var(--chat-shadow-00-47);display:none}.cchat-divider span{white-space:nowrap;background:var(--chat-sidebar-bg);padding:4px 31px;border-radius:20px;font-size:13px;color:var(--chat-sidebar-text)}#floatingDate{position:absolute;top:5px;left:50%;transform:translate(-50%);background:var(--chat-border-light);color:var(--chat-text-muted);font-size:12px;padding:4px 12px;border-radius:21px;box-shadow:0 1px 4px var(--chat-black-10);z-index:100;opacity:0;transition:opacity .3s ease;pointer-events:none;width:100px;height:30px;font-family:sans-serif;display:flex;justify-content:center;align-content:center;align-items:center}#floatingDate.show{display:flex;opacity:1}#emojiInput{padding:10px 30px 10px 10px;font-size:16px;border:1px solid var(--chat-modal-border);border-radius:4px}.emoji-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:22px;cursor:pointer;pointer-events:auto;font-family:"Noto Color Emoji";opacity:.9}.emoji-icon:hover{opacity:.7}.emojiInputWrapper{width:100%;display:flex;position:relative;gap:0;align-items:stretch}.emojiInputWrapper.cooldown-active{pointer-events:none;opacity:.65}.newNotReadMessages{display:none;position:absolute;bottom:65px;left:50%;transform:translate(-50%);background:var(--chat-header);color:var(--chat-header-text);border:1px solid color-mix(in srgb,var(--chat-header-text) 20%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 12px;border-radius:12px;cursor:pointer;z-index:9999;font-size:14px;font-family:monospace;text-align:center}#pLoad{text-align:center;display:flex;align-content:center;justify-content:center;align-items:center;width:100%}#pLoad img{max-width:70px}.chat-news-room-msg{display:flex;flex-direction:row}#emojiBtn{margin-right:0}.emoji-popup{position:fixed;background:var(--chat-submenu-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--chat-input-border);padding:8px;display:none;width:auto;min-width:300px;max-width:460px;height:auto;max-height:450px;overflow-y:auto;border-radius:5px;box-shadow:0 0 11px color-mix(in srgb,var(--chat-header) 30%,transparent);z-index:10001;opacity:0;transition:opacity .15s ease;will-change:opacity}.hidden-emoji{display:none!important}.emoji-container{position:relative}.emoji-item{background:unset;padding:3px;width:70px;height:70px;cursor:pointer}.emoji-item:hover{background:var(--chat-header-button-hover);border-radius:5px;cursor:pointer}.emoji-container h4{padding:0;margin:20px 0 0 10px;color:color-mix(in srgb,var(--chat-submenu-text) 60%,transparent);text-transform:uppercase;font-weight:500;font-family:sans-serif;font-size:12px}.emoji-container hr{border:none;height:2px;background:linear-gradient(to right,transparent,color-mix(in srgb,var(--chat-submenu-text) 15%,transparent),transparent);position:relative}.input-wrapper{background:var(--chat-input-bg);position:relative;flex:1;display:flex;flex-direction:column!important;justify-content:center;align-items:stretch;padding:0!important;border-radius:12px 0 0 12px;min-height:44px;gap:0;align-content:flex-start;border:1px solid var(--chat-input-border);border-right:none;transition:border-color .15s ease,box-shadow .15s ease}.input-wrapper:focus-within{border-color:var(--chat-input-border-focus)}.input-wrapper:has(.cchat-reply-context:not(.hidden)),.input-wrapper:has(.cchat-edit-context:not(.hidden)){background:color-mix(in srgb,var(--chat-header) 70%,transparent);border-color:var(--chat-input-border-focus)}.input-wrapper:has(.cchat-reply-context:not(.hidden)) #messageInput,.input-wrapper:has(.cchat-edit-context:not(.hidden)) #messageInput{color:var(--chat-header-text)}.input-wrapper:has(.cchat-reply-context:not(.hidden)) .msg-ph-left,.input-wrapper:has(.cchat-reply-context:not(.hidden)) .msg-ph-right,.input-wrapper:has(.cchat-edit-context:not(.hidden)) .msg-ph-left,.input-wrapper:has(.cchat-edit-context:not(.hidden)) .msg-ph-right{color:var(--chat-header-text);opacity:.5}.input-inner-row{display:flex;width:100%;min-width:0;align-items:flex-end;padding:5px 2px 5px 15px;gap:4px}.input-actions-group{display:flex;align-items:center;flex:0 0 auto;flex-shrink:0;margin-left:8px;padding-right:10px;gap:4px;padding-bottom:2px}.cchat-reply-context,.cchat-edit-context{display:flex;align-items:center;padding:8px 12px;margin:6px 6px 0;position:relative;border-radius:8px;background:color-mix(in srgb,var(--chat-left-border) 10%,transparent);border-left:3px solid var(--chat-left-border);overflow:hidden;animation:replySlideUp .25s cubic-bezier(.34,1.56,.64,1);transform-origin:bottom center}.cchat-reply-context.hidden,.cchat-edit-context.hidden{display:none!important}@keyframes replySlideUp{0%{opacity:0;transform:translateY(10px) scale(.98);height:0}to{opacity:1;transform:translateY(0) scale(1);height:auto}}.cchat-reply-line,.cchat-edit-line{display:none}.cchat-edit-context{background:color-mix(in srgb,var(--chat-send-edit-bg, orange) 12%,transparent);border-left-color:var(--chat-send-edit-bg, orange)}.cchat-edit-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-right:8px;color:var(--chat-send-edit-bg, orange)}.cchat-edit-icon svg{width:18px;height:18px;fill:currentColor}.cchat-reply-info{flex:1;display:flex;flex-direction:column;justify-content:center;gap:2px;overflow:hidden;padding-right:8px}.cchat-reply-sender{font-size:13px;font-weight:700;color:var(--chat-left-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.cchat-reply-message{font-size:13px;color:var(--chat-sidebar-text);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.cchat-reply-close{background:color-mix(in srgb,var(--chat-danger) 15%,transparent);border:none;color:var(--chat-danger);cursor:pointer;padding:0;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.25,.8,.25,1);font-size:11px;margin-left:4px;flex-shrink:0}.cchat-reply-close:hover{background:var(--chat-danger);color:var(--chat-header-text);transform:rotate(90deg) scale(1.1)}.cchat-edited-inline{font-size:10px;letter-spacing:.2px;color:var(--chat-sidebar-text);opacity:.75;pointer-events:none;font-style:italic;margin-top:4px;padding-left:0;display:block}#chatSendBtn.chat-send-editing{background:var(--chat-send-edit-bg, var(--chat-warning))}#chatSendBtn.chat-send-editing:hover{background:var(--chat-send-edit-hover, color-mix(in srgb, var(--chat-warning) 80%, black))}.cchat-action-btn .cchat-icon-edit,#chatSendBtn .cchat-icon-edit{width:16px;height:16px;fill:currentColor}#messageInput:hover{background:transparent}#messageInput:focus{background:transparent}#messageInput{color:var(--chat-input-text);background:transparent;flex:1 1 auto;min-width:0;width:auto;max-width:100%;border:none;outline:none;padding:0;font-size:15px;line-height:22px;transition:all .25s ease;display:block;font-family:sans-serif;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;vertical-align:middle;margin-top:7px;margin-bottom:7px}#messageInput:empty:before{content:""}.input-inner-row{position:relative}.msg-ph{position:absolute;left:15px;right:84px;top:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.msg-ph-left{color:var(--chat-input-text);opacity:.8;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.msg-ph-right{color:var(--chat-input-text);opacity:.8;font-size:11px;white-space:nowrap;flex-shrink:0;letter-spacing:.2px;display:flex;align-items:center;gap:4px;margin-right:45px}.msg-ph-right i{font-size:10px;opacity:.85}#messageInput:not(:empty)+.msg-ph{display:none}@media(max-width:520px){.msg-ph-right{display:none}}#messageInput[contenteditable=false]{opacity:.6;cursor:not-allowed}.sticker-btn{background:transparent!important;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s;flex-shrink:0;margin-right:6px}.gif-btn{background:transparent!important;border:none!important;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:background-color .2s;flex-shrink:0;margin-right:6px;padding:2px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.gif-btn img{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease;display:block}.gif-btn img:hover{transform:scale(1.1)}.gif-picker-panel{position:fixed;width:380px;max-height:460px;background:var(--chat-submenu-bg);border:1px solid var(--chat-input-border);border-radius:14px;box-shadow:0 8px 32px color-mix(in srgb,var(--chat-header) 50%,transparent);display:flex;flex-direction:column;z-index:10000;overflow:hidden;animation:gifPickerFadeIn .2s cubic-bezier(.34,1.3,.64,1)}@keyframes gifPickerFadeIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.gif-picker-search{padding:10px 10px 6px;flex-shrink:0}.gif-search-input{width:100%!important;background:var(--chat-input-bg)!important;border:1px solid var(--chat-input-border)!important;border-radius:8px!important;color:var(--chat-input-text)!important;font-size:13px!important;padding:7px 10px!important;outline:none!important;box-sizing:border-box!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;accent-color:unset!important;transition:border-color .18s ease!important}.gif-search-input:focus{border-color:var(--chat-accent)!important}.gif-search-input::-moz-placeholder{color:color-mix(in srgb,var(--chat-submenu-text) 50%,transparent)!important}.gif-search-input::placeholder{color:color-mix(in srgb,var(--chat-submenu-text) 50%,transparent)!important}.gif-grid{overflow-y:auto;flex:1;padding:4px 8px 8px;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:5px;align-items:start;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chat-submenu-text) 25%,transparent) transparent}.gif-grid::-webkit-scrollbar{width:4px}.gif-grid::-webkit-scrollbar-track{background:transparent}.gif-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-submenu-text) 25%,transparent);border-radius:2px}.gif-grid-item{position:relative;overflow:hidden;height:100px;width:170px;border-radius:8px;cursor:pointer;aspect-ratio:1 / 1;background:color-mix(in srgb,var(--chat-input-bg) 80%,transparent);transition:transform .22s cubic-bezier(.34,1.4,.64,1),box-shadow .22s ease;will-change:transform}.gif-grid-item:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 8px 20px color-mix(in srgb,var(--chat-header) 55%,transparent)}.gif-grid-item img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:8px;transition:filter .22s ease}.gif-grid-item:hover img{filter:brightness(1.08)}.gif-attribution{font-size:10px;color:color-mix(in srgb,var(--chat-submenu-text) 45%,transparent);text-align:center;padding:4px 0 6px;flex-shrink:0;letter-spacing:.3px}.gif-picker-status{text-align:center;padding:28px 16px;color:color-mix(in srgb,var(--chat-submenu-text) 55%,transparent);font-size:13px}.sticker-btn img{width:30px;height:30px;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease}.sticker-btn img:hover{transform:scale(1.1)}.emoji-btn{cursor:pointer!important;width:30px;height:30px;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px;flex-shrink:0}.emoji-btn:hover{transform:scale(1.1)}.cooldown-chip{position:absolute;right:7px;top:7px;display:flex;align-items:center;gap:6px;font-size:14px;color:var(--chat-msg-muted);background:transparent;padding:4px 6px;border-radius:8px;pointer-events:none;font-family:sans-serif}.cooldown-chip .cooldown-icon{width:14px;height:14px;display:inline-block;-webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15 15"/></svg>') center / contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15 15"/></svg>') center / contain no-repeat;background:currentColor}.input-wrapper-container{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.chat-emoji-picker{position:absolute;bottom:calc(100% - 10px);right:16px;z-index:1003;box-shadow:0 4px 20px color-mix(in srgb,var(--chat-header) 40%,transparent);border-radius:8px;overflow:hidden;background:var(--chat-submenu-bg);border:1px solid var(--chat-input-border);color:var(--chat-submenu-text)}.chat-emoji-picker .emoji-mart{background:transparent;color:var(--chat-submenu-text);border:none;font-family:inherit}.chat-emoji-picker .emoji-mart-search input{background:var(--chat-input-bg);border:1px solid var(--chat-input-border);color:var(--chat-input-text)}.chat-emoji-picker .emoji-mart-category-label span{background:var(--chat-submenu-bg)}.chat-emoji-panel{display:flex;flex-direction:column;gap:8px;padding:10px;min-width:280px;max-width:360px;color:var(--chat-submenu-text)}.chat-emoji-header{display:flex;align-items:center}.chat-emoji-search{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--chat-input-border);background:var(--chat-input-bg);color:var(--chat-input-text);font-size:13px}.chat-emoji-search::-moz-placeholder{color:color-mix(in srgb,var(--chat-submenu-text) 50%,transparent)}.chat-emoji-search::placeholder{color:color-mix(in srgb,var(--chat-submenu-text) 50%,transparent)}.chat-emoji-categories{display:flex;gap:6px;flex-wrap:wrap}.chat-emoji-category{border-radius:999px;border:1px solid var(--chat-input-border);background:var(--chat-header-button-hover);color:var(--chat-sidebar-text);font-size:12px;line-height:1.2;cursor:pointer;width:28px;height:28px;display:grid;place-items:center;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.chat-emoji-category.is-active{background:color-mix(in srgb,var(--chat-left-border) 25%,transparent);color:var(--chat-left-border)}.chat-emoji-category:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 14px color-mix(in srgb,var(--chat-header) 30%,transparent);background:color-mix(in srgb,var(--chat-left-border) 18%,transparent);color:var(--chat-left-border)}.chat-emoji-category i{font-size:13px;transition:transform .18s ease}.chat-emoji-category:hover i{transform:scale(1.12)}.chat-emoji-body{position:relative;overflow:hidden}.chat-emoji-grid{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;padding:10px 4px 10px 0;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chat-submenu-text) 35%,transparent) transparent}.chat-emoji-grid::-webkit-scrollbar{width:6px}.chat-emoji-grid::-webkit-scrollbar-track{background:transparent;border-radius:3px}.chat-emoji-grid::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-submenu-text) 30%,transparent);border-radius:3px}.chat-emoji-section-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:6px;contain:content}.chat-emoji-section-skeleton .chat-emoji-section-grid{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--chat-submenu-text) 5%,transparent) 50%,transparent 100%);background-size:200% 100%;animation:emoji-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes emoji-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-emoji-section-label{font-size:11px;letter-spacing:.3px;text-transform:uppercase;margin-bottom:6px;color:color-mix(in srgb,var(--chat-submenu-text) 60%,transparent)}.chat-emoji-section-recent{padding-bottom:8px;border-bottom:1px solid color-mix(in srgb,var(--chat-input-border) 70%,transparent)}.chat-emoji-recent-grid{grid-template-columns:repeat(8,minmax(32px,1fr))}.chat-emoji-grid-flat{grid-template-columns:repeat(auto-fill,minmax(32px,1fr))}.chat-emoji-skeleton{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:8px}.chat-emoji-skeleton-item{width:100%;aspect-ratio:1;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--chat-submenu-text) 8%,transparent),color-mix(in srgb,var(--chat-submenu-text) 12%,transparent),color-mix(in srgb,var(--chat-submenu-text) 8%,transparent));background-size:200% 100%;animation:emoji-skeleton-shimmer 1.5s ease-in-out infinite}.chat-emoji-item{width:100%;aspect-ratio:1;border:none;border-radius:10px;background:transparent;cursor:pointer;display:grid;place-items:center}.chat-emoji-item:hover{background:var(--chat-header-button-hover)}.chat-emoji-item img{width:22px;height:22px;pointer-events:none}.chat-emoji-empty{margin-top:12px;text-align:center;font-size:12px;color:color-mix(in srgb,var(--chat-submenu-text) 60%,transparent)}.emoji.emoji-small{width:18px;height:18px;vertical-align:-4px}.cchat-msg .emoji.emoji-small,.emoji-input{width:20px;height:20px;vertical-align:-4px}.cchat-msg-transparent{background:transparent!important;box-shadow:none!important}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px}.emoji-anim-container{position:relative;width:70px;height:70px}.emoji-lottie-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.emoji-preview{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.reaction-panel{position:fixed;width:315px!important;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border-radius:20px;background:var(--chat-sidebar-bg);box-shadow:0 4px 16px var(--chat-input-focus-glow);z-index:1005;max-height:250px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease}.reaction-panel.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.reaction-scroll{display:flex;flex-direction:row;align-items:flex-start;overflow-y:auto;max-height:100%;flex-wrap:wrap;gap:2px;scrollbar-width:thin;scrollbar-color:var(--chat-white-30) transparent}.reaction-recent-row{width:100%;display:flex;flex-wrap:wrap;gap:2px;padding:0 0 4px;justify-content:flex-start;align-items:flex-start}.reaction-divider{width:100%;height:1px;margin:4px 0 6px;background:linear-gradient(90deg,var(--chat-border),var(--chat-white-35),var(--chat-border));opacity:.9}.reaction-scroll::-webkit-scrollbar{width:6px}.reaction-scroll::-webkit-scrollbar-track{background:transparent;border-radius:3px}.reaction-scroll::-webkit-scrollbar-thumb{background:var(--chat-surface-highlight);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.reaction-scroll::-webkit-scrollbar-thumb:hover{background:var(--chat-white-40)}.reaction-panel::-webkit-scrollbar{width:6px}.reaction-panel{scrollbar-width:thin;scrollbar-color:var(--chat-white-30) transparent}.reaction-item{width:30px;height:30px;margin:2px;transition:transform .2s ease;position:relative;cursor:pointer}.reaction-item:hover{transform:scale(1)}.reaction-item .reaction-preview{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.reaction-item .reaction-anim-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.reaction-item-list{width:16px;height:16px;margin:0;transition:transform .2s ease;position:relative}.reaction-item-list:hover{transform:scale(1)}.reaction-item-list .reaction-preview-inline{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.reaction-item-list .reaction-anim-inline{position:absolute;top:0;right:0;bottom:0;left:0;width:16px;height:16px;transform:translate(0);transition:width .18s ease,height .18s ease,transform .18s ease;will-change:width,height,transform}.reaction-item-list:hover .reaction-anim-inline{width:32px;height:32px;transform:translate(-8px,-8px)}.cchat-emoji-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;width:100%;justify-content:flex-end;min-height:0}.cchat-emoji-list:not(:empty){min-height:24px}.cchat-self .cchat-emoji-list{justify-content:flex-start}.emoji-count-item{display:flex;align-items:center;gap:4px;background:var(--chat-accent);color:var(--chat-text-on-primary);padding:4px 8px;border-radius:12px;font-size:13px;line-height:1;font-family:sans-serif;box-shadow:0 1px 4px var(--chat-black-30);cursor:pointer;transition:transform .15s ease,background .15s ease;min-height:24px}.emoji-icon{flex-shrink:0}.emoji-count{font-weight:600;font-size:10px}.collapsed-new{height:auto}#reactionPopup{position:absolute;bottom:12px;right:12px;display:flex;flex-direction:column-reverse;align-items:center;z-index:100;pointer-events:none;width:100%}.like-toast{background:var(--chat-surface-glass);color:var(--chat-text-on-primary);padding:10px 14px;border-radius:12px;margin-top:6px;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(30px) scale(.9);transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s ease;will-change:transform,opacity}.like-toast.show{opacity:1;transform:translateY(0) scale(1)}.like-toast.hide{opacity:0;transform:translateY(-40px) scale(.7) rotate(10deg)}.like-toast-inner{display:flex;align-items:center;gap:10px}.toast-avatar{width:26px;height:26px;border-radius:50%}.toast-text{font-size:14px;color:var(--chat-text-on-primary);font-weight:500}.toast-lottie{width:32px;height:32px}.reaction-notifications-container{position:absolute;bottom:120px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:12px;z-index:10000;pointer-events:none}.reaction-toast{--toast-bg: linear-gradient(135deg, var(--chat-primary-15) 0%, var(--chat-accent-15) 50%, var(--chat-pink-10) 100%);--toast-border: linear-gradient(135deg, var(--chat-primary-glow), var(--chat-accent-50), var(--chat-pink-40));--toast-glow: 0 0 40px var(--chat-accent-glow), 0 8px 32px var(--chat-black-40);position:relative;background:var(--chat-toast-surface-dim);color:var(--chat-text-on-primary);padding:14px 20px;border-radius:16px;display:flex;align-items:center;gap:14px;box-shadow:var(--toast-glow);opacity:0;transform:translateY(40px) scale(.8) rotateX(15deg);transition:all .5s cubic-bezier(.34,1.56,.64,1);will-change:transform,opacity;pointer-events:auto;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);overflow:hidden;min-width:280px}.reaction-toast:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;padding:1.5px;background:var(--toast-border);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.reaction-toast:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--chat-surface-hover) 50%,transparent 100%);transform:translate(-100%);animation:toast-shimmer 2s ease-in-out infinite;pointer-events:none}@keyframes toast-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.reaction-toast.show{opacity:1;transform:translateY(0) scale(1) rotateX(0)}.reaction-toast.hide{opacity:0;transform:translateY(-30px) scale(.6) rotateX(-15deg);pointer-events:none;transition:all .4s cubic-bezier(.55,0,1,.45)}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(50px) scale(.7)}}.reaction-toast.slide-out-down{animation:slideOutDown .4s cubic-bezier(.55,.085,.68,.53) forwards;pointer-events:none}.reaction-toast-inner{display:flex;align-items:flex-start;gap:14px;position:relative;z-index:1}.reaction-toast-inner .toast-avatar{width:44px;height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid var(--chat-accent-glow-md)}.reaction-toast .toast-body{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}@keyframes avatar-pulse{0%,to{box-shadow:0 0 20px var(--chat-accent-glow-md)}50%{box-shadow:0 0 30px var(--chat-accent-60),0 0 40px var(--chat-pink-30)}}.reaction-toast .toast-text{font-size:13px;font-family:sans-serif;font-weight:500;color:var(--chat-white-85);line-height:1.3;text-shadow:0 1px 2px var(--chat-black-30)}.reaction-toast .toast-text b{font-weight:700;background:linear-gradient(135deg,var(--chat-toast-text-from),var(--chat-toast-text-mid),var(--chat-toast-text-to));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reaction-toast .toast-preview{font-size:12px;font-family:sans-serif;color:var(--chat-text-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;font-style:italic;padding-left:2px}.reaction-toast .toast-preview .emoji{width:16px;height:16px;vertical-align:-3px;margin:0 1px;display:inline}.reaction-toast .toast-reaction-row{display:flex;align-items:center}.reaction-toast .toast-lottie{width:32px;height:32px;flex-shrink:0;filter:drop-shadow(0 0 10px var(--chat-white-30));animation:reaction-bounce .8s ease-out}@keyframes reaction-bounce{0%{transform:scale(0) rotate(-30deg)}50%{transform:scale(1.4) rotate(15deg)}70%{transform:scale(.85) rotate(-8deg)}to{transform:scale(1) rotate(0)}}.reaction-toast.show .toast-lottie{animation:reaction-bounce .8s cubic-bezier(.34,1.56,.64,1) .2s both}.reaction-toast.reaction-toast-error{--toast-border: linear-gradient(135deg, var(--chat-error-glow-strong), var(--chat-error-dark-50));--toast-glow: 0 0 40px var(--chat-error-30), 0 8px 32px var(--chat-black-40);background:var(--chat-error-toast-surface)}.reaction-toast.reaction-toast-error .toast-avatar{background:linear-gradient(var(--chat-error-toast-surface),var(--chat-error-toast-surface)) padding-box,linear-gradient(135deg,var(--chat-error),var(--chat-error-dark)) border-box;box-shadow:0 0 20px var(--chat-error-40)}.reaction-toast.reaction-toast-error .toast-text b{background:linear-gradient(135deg,var(--chat-error-light),var(--chat-error));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reaction-users-tooltip{position:fixed;z-index:1005;color:var(--chat-sidebar-text);background:var(--chat-sidebar-text-active);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:10px;padding:8px;box-shadow:0 2px 8px var(--chat-black-18);border:1px solid var(--chat-sidebar-bg);pointer-events:auto;max-width:240px;opacity:0;transform:translateY(6px) scale(.98);transition:opacity .16s ease,transform .16s ease;will-change:opacity,transform}.reaction-users-tooltip.visible{opacity:1;transform:translateY(0) scale(1);animation:reactionTooltipIn .18s ease-out}@keyframes reactionTooltipIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.tooltip-arrow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--chat-sidebar-text)}.tooltip-users{display:flex;flex-direction:column;gap:3px;max-height:250px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--chat-white-20) transparent}.tooltip-simple-count{display:flex;align-items:center;gap:8px;padding:8px 12px}.tooltip-count-number{font-size:24px;font-weight:700;color:#fff;line-height:1}.tooltip-count-text{font-size:13px;color:var(--chat-text);font-weight:500}.tooltip-users::-webkit-scrollbar{width:4px}.tooltip-users::-webkit-scrollbar-thumb{background:var(--chat-white-20);border-radius:2px}.tooltip-user-item{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;background:var(--chat-input-bg);transition:background .15s ease}.tooltip-user-item:hover{background:var(--chat-sidebar-bg)}.tooltip-user-avatar{width:24px;height:24px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.tooltip-user-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-user-item.tooltip-more{background:transparent;border-top:1px solid var(--chat-border);margin-top:4px;padding-top:6px;padding-bottom:4px;justify-content:center}.tooltip-more-text{font-size:11px;color:var(--chat-text-muted);font-weight:500;font-style:italic}.profile-btn:hover{transform:scale(1.05)}.profile-btn{background-size:32px;background-position:10px center;background-repeat:no-repeat;min-width:68px;justify-content:center;border:1px solid var(--chat-header-button-hover);display:flex;align-items:center;gap:0;height:38px;border-radius:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;position:relative;padding:6px 20px 6px 0}.profile-btn img{width:28px;height:28px;border-radius:6px}.profile-btn:after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;transition:transform .2s;border-top:6px solid var(--chat-header-text)}.profile-btn.open:after{transform:rotate(180deg)}#avatarMenu ul{list-style:none;margin:0;padding:0}#avatarMenu li{display:flex;text-transform:uppercase;align-items:center;justify-content:space-between;gap:20px;padding:7px 15px;font-size:14px;font-weight:500;color:inherit;cursor:pointer;transition:all .2s ease}#avatarMenu li:hover{background:var(--chat-light-shimmer-61);color:var(--chat-pure-black)}#avatarMenu li svg{width:14px;height:14px;fill:var(--chat-gray-77);flex-shrink:0;transition:fill .2s ease}#avatarMenu li:hover svg{fill:var(--chat-text)}.cchat-action-btn.addToBlacklistBtn{background-image:url(/images/blacklist.png)!important;background-size:27px!important;background-repeat:no-repeat!important;background-position:center!important}#blacklistPopup{z-index:10000;flex-direction:column;gap:12px;padding:16px;max-height:400px;overflow-y:auto;background:var(--chat-modal-bg);border-radius:12px;box-shadow:0 4px 12px var(--chat-black-10);color:var(--chat-text-muted);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bl-item{display:flex;align-items:center;gap:12px;background:transparent;border-radius:10px;padding:10px 12px;transition:background .25s,transform .1s}.bl-item:hover{background:var(--chat-surface-hover);transform:translateY(-1px)}.bl-avatar{width:42px;height:42px;-o-object-fit:cover;object-fit:cover}.bl-info{flex:1;display:flex;flex-direction:column}.bl-name{font-weight:600;font-size:15px;color:var(--chat-accent)}.bl-id{font-size:12px;color:var(--chat-text-muted)}.bl-remove{background:none;border:none;color:var(--chat-gray-aa);font-size:18px;cursor:pointer;transition:color .2s,transform .1s}.bl-empty{text-align:center;padding:30px;color:var(--chat-text-muted);font-size:14px}.cchat-action-btn{cursor:pointer;transition:all .25s cubic-bezier(.25,.1,.25,1)}.cchat-action-btn:hover{transform:scale(1.13);filter:brightness(1.1)}.cchat-msg-wrapper.hovered .cchat-actions .cchat-action-btn{opacity:1!important}.panel-visible{pointer-events:auto}@keyframes rainbowFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cchat-msg[data-user-id="95ffd153-ed29-468c-8cbc-c6d456292089"]{background:linear-gradient(270deg,var(--chat-banner-stop-1),var(--chat-banner-stop-2),var(--chat-banner-stop-3),var(--chat-banner-stop-4),var(--chat-banner-stop-5));background-size:800% 800%;animation:rainbowFlow 8s ease infinite;transition:background .3s ease}.cchat-msg[data-user-id="95ffd153-ed29-468c-8cbc-c6d456292089"]:after{content:"✅";position:absolute;top:4px;right:-24px;font-size:16px;color:var(--chat-warning-orange);animation:pulseIcon 2s infinite ease-in-out}@keyframes pulseIcon{0%,to{transform:scale(.5);opacity:1}50%{transform:scale(.7);opacity:.7}}.system-user{background:var(--chat-info-bg);color:var(--chat-info-link);padding:2px 6px;border-radius:6px;font-weight:600}.emoji-anim-container{position:relative;overflow:hidden}.emoji-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:2;transition:opacity .3s ease;pointer-events:all}.cchat-other[data-extra-verified=true] .cchat-avatar-wrap{position:relative}.cchat-other[data-extra-verified=true]:has(.cchat-avatar-wrap img) .cchat-avatar-wrap:after{content:"";position:absolute;bottom:-6px;right:3px;width:16px;height:16px;background-image:url(/images/verified.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:2;pointer-events:none}.cchat-avatar-wrap .cchat-avatar{display:block}.avatar-category-title{color:var(--chat-text-muted);grid-column:1 / -1;width:100%;font-size:18px;font-weight:700;border-bottom:1px solid var(--chat-surface)}.avatar-item{display:flex;align-items:center;justify-content:center;cursor:pointer}.avatar-item img{width:100%;height:auto;border-radius:8px;transition:transform .2s}.avatar-item img:hover{transform:scale(1.1)}.room-selector-wrapper{position:relative!important;display:inline-block;vertical-align:middle}.chat-room-selector{display:flex;align-items:center;gap:10px;padding:10px 15px;background:var(--chat-surface-hover);border-radius:12px;font-family:sans-serif;cursor:pointer;transition:all .3s ease;min-width:200px}.chat-room-selector img#roomImage{width:32px;height:32px;flex-shrink:0}.chat-room-selector #currentRoomName{flex:1;font-weight:500;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-selector #roomUserCount{font-size:12px;background:var(--chat-black-20);padding:2px 8px;border-radius:10px;flex-shrink:0}.chat-left-sidebar{position:relative;--chat-left-sidebar-width: 250px;--chat-left-sidebar-compact-width: 64px;width:var(--chat-left-sidebar-width);min-width:var(--chat-left-sidebar-width);max-width:350px;background:var(--chat-sidebar-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-right:1px solid color-mix(in srgb,var(--chat-sidebar-text) 12%,transparent);display:flex;flex-direction:column;overflow:hidden}.chat-left-sidebar.is-compact{width:var(--chat-left-sidebar-compact-width);min-width:var(--chat-left-sidebar-compact-width);max-width:var(--chat-left-sidebar-compact-width)}.chat-left-sidebar.hidden{display:none}.chat-left-sidebar .resize-handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:ew-resize;z-index:100;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chat-left-sidebar.is-compact .resize-handle{display:none}.chat-left-sidebar .resize-handle:hover,.chat-left-sidebar .resize-handle.active{background:var(--chat-left-border)}.chat-rooms-list{position:relative;width:100%;background:transparent;border-right:none;display:flex;flex-direction:column;overflow:hidden;padding:10px}.chat-rooms-list.is-compact{padding:10px 6px}.chat-rooms-list.is-compact .room-item{display:flex;justify-content:center;padding:0;width:44px;height:44px;margin:6px auto;border-radius:10px}.chat-rooms-list.is-compact .room-item .room-name-text,.chat-rooms-list.is-compact .room-item .room-count{display:none}.chat-rooms-list.is-compact .room-item .room-icon{display:inline-flex}.chat-rooms-list.hidden{display:none}.chat-rooms-list ul{list-style:none;padding:0;margin:0;color:var(--chat-sidebar-text)}.chat-conversations-list{width:100%;display:flex;flex-direction:column;gap:8px}.chat-conversations-list.hidden{display:none}.chat-tab-list{position:sticky;top:0;z-index:1;display:flex;align-items:flex-end;gap:4px;padding:8px 8px 0;background:var(--chat-sidebar-bg);border-bottom:1px solid color-mix(in srgb,var(--chat-input-bg) 70%,transparent)}.chat-tab{flex:1 1 auto;display:flex;justify-content:center;padding:8px 10px;border:none;border-top-left-radius:8px;border-top-right-radius:8px;font-weight:600;font-size:13px;color:var(--chat-sidebar-text);background:transparent;cursor:pointer;transition:color .15s ease,background .15s ease}.chat-tab.chat-tab-active{color:var(--chat-sidebar-bg-active);background:var(--chat-sidebar-text-active)}.chat-conversations-container{display:flex;flex-direction:column;gap:8px;padding:8px}.chat-conversations-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.chat-conversations-empty{padding:12px;color:var(--chat-sidebar-text);font-size:13px;opacity:.7;text-align:center}.chat-conversations-loader{display:flex;flex-direction:column;gap:14px;padding:6px 4px;background:transparent;border:none;border-radius:0}.chat-conversations-loader.hidden{display:none}.chat-conversations-loader-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:600;color:color-mix(in srgb,var(--chat-sidebar-text) 75%,transparent);letter-spacing:.2px}.chat-conversations-loader-spinner{width:16px;height:16px;border-radius:50%;border:2px solid color-mix(in srgb,var(--chat-sidebar-text) 15%,transparent);border-top-color:color-mix(in srgb,var(--chat-left-border) 85%,transparent);animation:chat-conversations-spin .9s linear infinite}.chat-conversations-skeleton{display:flex;flex-direction:column;gap:12px}.chat-conversations-skeleton-row{display:flex;align-items:center;gap:12px}.chat-conversations-skeleton-avatar{width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent);flex-shrink:0;position:relative;overflow:hidden}.chat-conversations-skeleton-content{display:flex;flex-direction:column;gap:6px;flex:1}.chat-conversations-skeleton-line{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent),color-mix(in srgb,var(--chat-header) 70%,transparent),color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent));background-size:200% 100%;animation:chat-conversations-shimmer 1.4s ease-in-out infinite}.chat-conversations-skeleton-line.is-title{width:60%}.chat-conversations-skeleton-line.is-subtitle{width:75%;opacity:.55}@keyframes chat-conversations-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chat-conversations-shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.chat-rooms-list li.room-item{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background .2s}.chat-rooms-list li.room-item:last-child{border-bottom:none}.chat-rooms-list li.room-item:hover{background-color:var(--chat-sidebar-bg);border-radius:.4rem}.chat-rooms-list li.room-item.active{background-color:var(--chat-sidebar-bg-active);border-radius:.4rem;color:var(--chat-sidebar-text-active)}.chat-rooms-list li.room-item img.room-icon{width:24px;height:24px;flex-shrink:0}.chat-rooms-list li.room-item .room-name-text{flex:1;font-weight:500;font-size:13px;font-family:sans-serif;color:inherit}.chat-rooms-list li.room-item .room-count{font-size:11px;background:var(--chat-sidebar-bg);border-radius:10px;color:var(--chat-sidebar-text);flex-shrink:0;width:20px;height:20px;margin-left:auto;display:flex;align-content:center;justify-content:center;align-items:center}.sidebar-fab{position:absolute;bottom:26px;right:10px;z-index:90;display:flex;flex-direction:column-reverse;align-items:center;gap:8px}.sidebar-fab-btn{width:48px;height:48px;border-radius:50%;border:none;background:var(--chat-sidebar-bg);color:var(--chat-sidebar-text);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000059;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s ease,background .2s ease,opacity .2s ease;opacity:0;pointer-events:none}.chat-left-sidebar:hover .sidebar-fab-btn{opacity:1;pointer-events:auto}.sidebar-fab-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000073;background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active)}.sidebar-fab-btn:active{transform:scale(.95)}.sidebar-fab.is-open .sidebar-fab-btn{opacity:1;pointer-events:auto;background:var(--chat-header);color:var(--chat-header-text)}.sidebar-fab.is-open .sidebar-fab-btn i{transform:rotate(45deg)}.sidebar-fab-btn i{transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-fab-menu{display:flex;flex-direction:column;gap:6px;opacity:0;transform:translateY(8px) scale(.9);pointer-events:none;transition:opacity .2s ease,transform .25s cubic-bezier(.4,0,.2,1)}.sidebar-fab.is-open .sidebar-fab-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.sidebar-fab-option{display:flex;align-items:center;gap:10px;padding:10px 16px;border:none;border-radius:12px;background:var(--chat-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--chat-header-text);font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 2px 10px #00000040;transition:background .2s ease,transform .15s ease}.sidebar-fab-option:hover{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);transform:translate(-2px)}.sidebar-fab-option i{width:18px;text-align:center;font-size:14px}.chat-left-sidebar.is-compact .sidebar-fab{display:none}.chat-container input::-moz-placeholder{color:var(--chat-input-text)!important;opacity:1}.chat-container input::placeholder{color:var(--chat-input-text)!important;opacity:1}.chat-container input{background:var(--chat-input-bg);border:1px solid var(--chat-input-border);opacity:1;padding:5px 10px}.chat-container input:focus{border-color:var(--chat-input-border-focus);box-shadow:0 0 0 2px var(--chat-input-focus-glow)}.custom-room-selector{position:relative;width:100%;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}.selected-room{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background:var(--chat-surface-hover);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--chat-border-strong);cursor:pointer;transition:all .3s ease;color:var(--chat-accent)}.room-name{font-weight:600;font-size:14px}.dropdown-arrow{font-size:10px;transition:transform .3s ease}.custom-room-selector.active .dropdown-arrow{transform:rotate(180deg)}.room-options{position:absolute;top:calc(100% + 8px);left:0;width:100%;background:var(--chat-surface-hover);border-radius:12px;box-shadow:0 4px 20px var(--chat-black-15);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100;max-height:300px;overflow-y:auto}.custom-room-selector.active .room-options{opacity:1;visibility:visible;transform:translateY(0)}.room-option{display:flex;align-items:center;padding:12px 15px;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--chat-surface)}.room-option:last-child{border-bottom:none}.room-option:hover{background:var(--chat-surface)}.room-option.selected{background:var(--chat-surface-hover);color:var(--chat-primary-hover)}.room-option .room-count{background:var(--chat-black-05)}#userProfilePopup{position:fixed;z-index:1006;background:var(--chat-sidebar-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--chat-sidebar-bg);border-radius:12px;padding:16px;color:var(--chat-sidebar-text);box-shadow:0 4px 20px var(--chat-sidebar-bg);display:none;opacity:0;transition:opacity .2s ease;pointer-events:none;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:default;width:-moz-max-content;width:max-content}#userProfilePopup.visible{opacity:1}.profile-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--chat-border-soft)}.profile-avatar{width:55px;height:55px;border-radius:50%;-o-object-fit:cover;object-fit:cover;padding:5px;border:2px solid var(--chat-border-soft)}.profile-info{flex:1;min-width:0}.profile-name{font-weight:700;font-size:15px;display:flex;align-items:center;gap:6px;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-flag{width:16px;height:auto;border-radius:2px}.profile-meta{font-size:11px;color:var(--chat-text-muted);font-family:monospace}.profile-details{font-size:13px}.profile-row{display:flex;justify-content:space-between;margin-bottom:6px;align-items:center}.profile-row span:first-child{color:var(--chat-white-60);font-size:12px;display:flex;align-items:center;gap:6px}.profile-icon{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.profile-row span:last-child{font-weight:500}.loading-dots{text-align:center;font-size:12px;padding:8px 0}.friendship-button-container{margin-top:12px;padding-top:12px;border-top:1px solid var(--chat-border-soft);display:flex;gap:8px;flex-direction:column}.friend-btn{padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px}.friend-btn:disabled{opacity:.5;cursor:not-allowed}.friend-btn-add{background:linear-gradient(135deg,var(--chat-friend-add-from) 0%,var(--chat-friend-add-to) 100%);color:#fff}.friend-btn-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px var(--chat-purple-grad-40)}.friend-btn-cancel{background:var(--chat-surface-hover);color:var(--chat-text);border:1px solid var(--chat-border-strong)}.friend-btn-cancel:hover:not(:disabled){background:var(--chat-surface-highlight)}.friend-btn-accept{background:linear-gradient(135deg,var(--chat-friend-accept-from) 0%,var(--chat-friend-accept-to) 100%);color:#fff}.friend-btn-accept:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px var(--chat-friend-accept-glow)}.friend-btn-decline{background:var(--chat-surface-hover);color:var(--chat-text);border:1px solid var(--chat-border-strong)}.friend-btn-decline:hover:not(:disabled){background:var(--chat-friend-decline-hover);border-color:var(--chat-friend-decline-border)}.friend-btn-remove{background:linear-gradient(135deg,#ee0979,#ff6a00);color:#fff}.friend-btn-remove:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #ee097966}#friendRequestContainer{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:10002;pointer-events:none}.friend-request-notification{position:relative;bottom:auto;right:auto;z-index:auto;width:350px;pointer-events:auto;background:var(--chat-dark-surface-95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--chat-border-strong);border-radius:16px;padding:20px;box-shadow:0 4px 6px -1px var(--chat-black-10),0 2px 4px -1px var(--chat-black-06),0 12px 24px var(--chat-black-40),inset 0 1px 1px var(--chat-border-soft);transform:translate(120%);opacity:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s ease-out;overflow:hidden}.friend-request-notification:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,var(--chat-surface) 50%,rgba(255,255,255,0) 100%);transform:skew(-25deg);animation:shine 6s infinite;pointer-events:none}@keyframes shine{0%,10%{left:-100%}to{left:200%}}.friend-request-notification.show{transform:translate(0);opacity:1}.friend-request-content{display:flex;flex-direction:column;align-items:center;gap:12px}.friend-request-top{display:flex;align-items:center;justify-content:center;gap:10px}.friend-request-avatar{padding:5px;width:70px;height:70px;border-radius:12px;-o-object-fit:cover;object-fit:cover;border:2px solid var(--chat-border-soft);box-shadow:0 2px 4px var(--chat-black-20)}.friend-request-name{font-weight:700;font-size:1rem;color:var(--chat-text-on-primary);white-space:nowrap;letter-spacing:.01em}.friend-request-flag{width:20px;height:auto;border-radius:3px;box-shadow:0 1px 2px var(--chat-black-30)}.friend-request-text{font-size:.9rem;color:var(--chat-text);margin-bottom:4px}.friend-request-buttons{display:flex;gap:12px;width:100%}.friend-request-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;border:none;transition:all .2s cubic-bezier(.25,.8,.25,1);color:var(--chat-text-on-primary);text-shadow:0 1px 1px var(--chat-black-10)}.friend-request-btn img{width:16px;height:16px;filter:drop-shadow(0 1px 1px var(--chat-black-20))}.friend-request-btn.accept{background:linear-gradient(135deg,var(--chat-success) 0%,var(--chat-success-dark) 100%);box-shadow:0 2px 4px var(--chat-success-btn-glow),inset 0 1px 1px var(--chat-white-20)}.friend-request-btn.accept:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--chat-success-btn-glow-hover),inset 0 1px 1px var(--chat-white-30)}.friend-request-btn.decline{background:var(--chat-surface-hover);border:1px solid var(--chat-border-soft)}.friend-request-btn.decline:hover{background:var(--chat-surface-highlight);transform:translateY(-2px);border-color:var(--chat-border-strong)}.friend-request-btn:active{transform:translateY(0)}.friendship-popup-row{display:flex;flex-direction:column;align-content:center;justify-content:space-around;align-items:center}.friend-popup-btn{width:64px;border-radius:5px}.message-sending .cchat-msg{position:relative;overflow:hidden}.message-sending .cchat-msg:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:30%;background:linear-gradient(90deg,transparent,var(--chat-translate-accent),#4285f4,transparent);animation:messageSendingProgress 1s infinite ease-in-out;z-index:11;border-radius:10px}@keyframes messageSendingProgress{0%{left:-30%}to{left:100%}}.message-sending time{opacity:0}.chat-failed .cchat-msg{opacity:.5;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.chat-rejected-toxic .cchat-msg{background-color:var(--chat-red-10)!important;text-decoration:line-through;opacity:.6;position:relative;margin-bottom:20px}.chat-rejected-toxic .cchat-msg:after{content:"🚫 Rejected: Inappropriate content";position:absolute;bottom:-20px;left:0;font-size:10px;color:var(--chat-error);white-space:nowrap;margin-bottom:5px}.retry-btn{background:none;border:none;cursor:pointer;padding:4px;margin-left:8px;border-radius:50%;transition:transform .2s,background-color .2s;display:flex;align-items:center;justify-content:center}.retry-btn:hover{background-color:var(--chat-error-alt-10);transform:rotate(180deg)}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.user-profile-header{display:flex;align-items:center;padding:10px 15px;background-color:var(--chat-text-on-primary);border-bottom:1px solid var(--chat-border-eee);position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:10px}.user-profile-header:hover{background-color:var(--chat-surface-f9)}#welcomeUser{display:flex;flex-direction:column;margin-right:8px;font-weight:600;font-size:14px!important}.menu-triangle{font-size:10px;color:var(--chat-text-muted);transition:transform .2s ease}.user-profile-header.active .menu-triangle{transform:rotate(180deg)}.avatar-menu.show{display:block;animation:fadeIn .2s ease-out}.avatar-menu-item{padding:12px 15px;cursor:pointer;transition:background .2s;display:flex;align-items:center;color:var(--chat-modal-text-dimmed);font-size:14px}.avatar-menu-item:hover{background-color:var(--chat-modal-surface-alt);color:var(--chat-modal-text)}.avatar-menu-item svg{margin-right:12px;width:18px;height:18px;fill:currentColor;opacity:.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}#userProfilePopup{display:none;opacity:0;transition:opacity .2s ease}.user-profile-popup{position:fixed;background:var(--chat-dark-slate-85);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--chat-border-soft);box-shadow:0 20px 40px -10px var(--chat-overlay-medium),0 0 0 1px var(--chat-white-05),inset 0 1px 0 var(--chat-border-soft);border-radius:14px;padding:12px;z-index:10001;min-width:260px;max-width:280px;color:var(--chat-near-white);pointer-events:auto;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .3s cubic-bezier(.34,1.56,.64,1),transform .3s cubic-bezier(.34,1.56,.64,1);transform-origin:top left}#userProfilePopup.visible{opacity:1;transform:translateY(0) scale(1)}.profile-popup-header{display:flex;align-items:center;gap:12px;padding-bottom:8px;position:relative}.online-status-indicator{position:absolute;top:2px;left:42px;width:12px;height:12px;background:var(--chat-success);border:2px solid var(--chat-dark-slate-solid);border-radius:50%;box-shadow:0 0 10px var(--chat-success-50);z-index:2;animation:statusPulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes statusPulse{0%{box-shadow:0 0 0 0 var(--chat-success-70)}70%{box-shadow:0 0 0 5px #10b98100}to{box-shadow:0 0 #10b98100}}.profile-popup-avatar{width:56px;height:56px;border-radius:18px;-o-object-fit:cover;object-fit:cover;border:2px solid var(--chat-border-soft);box-shadow:0 6px 14px -4px var(--chat-black-30);transition:transform .3s ease;padding:3px}.profile-popup-avatar:hover{transform:scale(1.05) rotate(-2deg)}.profile-popup-name{font-weight:700;font-size:16px;letter-spacing:-.025em;margin-bottom:4px;display:flex;align-items:center;gap:6px;text-shadow:0 2px 4px var(--chat-black-30)}.profile-popup-flag{min-width:20px;height:auto;border-radius:3px}.profile-popup-id{font-size:10px;transition:color .3s ease}.profile-popup-id.profile-status-online{font-family:sans-serif;font-size:12px;font-weight:700;color:var(--chat-status-online);background:linear-gradient(to right,var(--chat-status-online) 20%,#fff 50%,var(--chat-status-online) 80%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerNav 3s linear infinite;text-shadow:0 0 10px var(--chat-online-glow)}@keyframes shimmerNav{0%{background-position:-200% center}to{background-position:200% center}}.profile-popup-actions .friendship-popup-top-container{padding:5px 0}.profile-popup-actions .friendship-popup-row{display:flex;justify-content:center;gap:18px}.profile-popup-blocks{display:flex;flex-direction:column;gap:6px;margin-top:8px}.profile-block-card{position:relative;padding:10px 12px;border-radius:var(--chat-join-radius-sm);background:var(--chat-input-bg);color:var(--chat-input-text);border-color:var(--chat-input-border)}.profile-block-header{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:700}.profile-block-title{display:inline-flex;align-items:center;gap:6px}.profile-block-title i{font-size:12px}.profile-block-subtitle{font-size:11px}.profile-block-arrow{font-size:12px;opacity:.5;transition:opacity .2s,transform .2s,color .2s}.profile-block-hover:hover .profile-block-arrow,.profile-block-hover.profile-block-open .profile-block-arrow{opacity:1;transform:translate(2px)}.profile-block-grid{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:11px}.profile-block-grid .profile-detail-label{color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent)}.profile-block-grid .profile-detail-value{color:var(--chat-sidebar-text);font-weight:600;justify-self:end}.profile-block-hover{cursor:pointer}.profile-block-hover:hover,.profile-block-hover.profile-block-open{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);border-color:var(--chat-input-text)}.profile-popover-glass-base{background:var(--chat-sidebar-bg);background:color-mix(in srgb,var(--chat-sidebar-bg) 76%,transparent);backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid var(--chat-border-soft);box-shadow:0 20px 40px -10px var(--chat-overlay-medium),0 0 0 1px var(--chat-white-05),inset 0 1px 0 var(--chat-border-soft);will-change:backdrop-filter}.profile-block-popover{position:absolute;left:calc(100% + 17px);top:40%;width:320px;border-radius:var(--chat-join-radius-sm);opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--chat-join-transition),transform var(--chat-join-transition);z-index:20}.profile-block-open .profile-block-popover{opacity:1;pointer-events:auto}.profile-block-popover.roblox-popover-top{top:auto;bottom:60%;margin-bottom:6px;transform:translateY(50%)}.profile-block-popover.roblox-popover-bottom{top:40%;bottom:auto;margin-bottom:0;transform:translateY(-50%)}.profile-block-list{padding:10px 15px;max-height:240px;overflow:auto;display:flex;flex-direction:column;gap:6px;color:var(--chat-sidebar-text)}.profile-block-list-item{display:flex;align-items:center;gap:10px;font-size:13px;text-decoration:none;cursor:default}.profile-block-list-item i{font-size:26px;width:28px;text-align:center}.profile-block-list-item img{width:24px;height:24px;border-radius:var(--chat-join-radius-xs);-o-object-fit:cover;object-fit:cover}.profile-block-link:hover{color:var(--chat-sidebar-text)}.profile-block-link{cursor:pointer;padding:3px 8px;border-radius:var(--chat-join-radius-xs);border:1px solid transparent;background:transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.profile-block-link:hover i{color:var(--chat-left-border)}.profile-block-link:hover{color:var(--chat-sidebar-text-active);background:var(--chat-sidebar-bg-active);border-color:var(--chat-input-border);transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--chat-sidebar-bg) 30%,transparent)}.profile-block-link:focus-visible{outline:2px solid var(--chat-left-border);outline-offset:2px}.profile-block-menu-item{padding:6px 8px;border-radius:var(--chat-join-radius-xs);border:1px solid transparent;background:transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.profile-block-menu-item:hover{background:var(--chat-sidebar-bg-active);border-color:var(--chat-input-border);transform:translateY(-1px);color:var(--chat-sidebar-text-active)}.profile-block-card[data-block=games] .profile-block-list-item:not(.profile-block-link){padding:6px 8px;border-radius:var(--chat-join-radius-xs);border:1px solid transparent;background:transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease}.profile-block-card[data-block=games] .profile-block-list-item:not(.profile-block-link):hover{background:var(--chat-sidebar-bg-active);border-color:var(--chat-input-border);transform:translateY(-1px);box-shadow:none}.profile-block-list-text{display:flex;flex-direction:column;gap:0px}.profile-block-list-label{font-size:13px;font-weight:700}.profile-block-list-meta{font-size:11px}.profile-block-status{display:flex;align-items:center;gap:6px}.profile-block-status-dot{width:8px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--chat-sidebar-text) 40%,transparent);box-shadow:0 0 0 2px transparent;flex-shrink:0}.profile-block-status-online{background:var(--chat-left-border);box-shadow:0 0 0 2px color-mix(in srgb,var(--chat-left-border) 20%,transparent)}.profile-block-status-playing{background:var(--chat-sidebar-bg-active);box-shadow:0 0 0 2px color-mix(in srgb,var(--chat-sidebar-bg-active) 20%,transparent)}.profile-block-status-offline{background:color-mix(in srgb,var(--chat-sidebar-text) 40%,transparent);box-shadow:0 0 0 2px transparent}.profile-block-divider{height:1px;width:100%;background:var(--chat-input-border);margin:6px 0 8px}.profile-block-roblox img{width:26px;height:26px;border-radius:var(--chat-join-radius-xs);-o-object-fit:contain;object-fit:contain;border:1px solid var(--chat-input-border)}.profile-block-section-title{font-size:10px;font-weight:700;color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent);text-transform:uppercase;letter-spacing:.04em;margin:6px 0 4px}.profile-popup-actions .friend-popup-btn{border-radius:6px}.profile-popup-actions .friendship-popup-top-container.vertical-layout .friend-popup-btn{width:100%;height:30px;padding:0 8px;display:flex;align-items:center;justify-content:flex-start;border-radius:6px}.profile-popup-actions .friendship-popup-top-container.vertical-layout .friend-popup-btn.accept-btn{background:linear-gradient(135deg,var(--chat-btn-accept-from) 0%,var(--chat-btn-accept-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-accept-from) 40%,transparent);color:var(--chat-btn-text);transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-popup-actions .friendship-popup-top-container.vertical-layout .friend-popup-btn.accept-btn:hover{background:linear-gradient(135deg,var(--chat-btn-accept-from) 0%,var(--chat-btn-accept-to) 100%);filter:brightness(1.18) saturate(1.1);box-shadow:0 4px 16px color-mix(in srgb,var(--chat-btn-accept-from) 60%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.profile-popup-actions .friendship-popup-top-container.vertical-layout .friend-popup-btn.accept-btn:active{transform:scale(.97)}.profile-popup-actions .friendship-popup-top-container.vertical-layout .friend-popup-btn.decline-btn{background:linear-gradient(135deg,var(--chat-btn-remove-from) 0%,var(--chat-btn-remove-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-remove-from) 40%,transparent);color:var(--chat-btn-text);transition:all .2s cubic-bezier(.4,0,.2,1)}.profile-popup-actions .friendship-popup-top-container.vertical-layout .friend-popup-btn.decline-btn:hover{background:linear-gradient(135deg,var(--chat-btn-remove-from) 0%,var(--chat-btn-remove-to) 100%);filter:brightness(1.14) saturate(1.1);box-shadow:0 4px 16px color-mix(in srgb,var(--chat-btn-remove-from) 60%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.profile-popup-actions .friendship-popup-top-container.vertical-layout .friend-popup-btn.decline-btn:active{transform:scale(.97)}.profile-popup-message-actions{display:flex;justify-content:center;border-top:1px solid var(--chat-input-border);gap:18px}.profile-popup-message-actions .friend-popup-btn{width:auto;padding:6px 12px;background:var(--chat-sidebar-bg);color:var(--chat-sidebar-text)}.profile-popup-block-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin:15px 0}#userProfilePopup[data-messages-available=true] .profile-popup-details{padding:8px 0;border-top:1px solid var(--chat-border);border-bottom:1px solid var(--chat-border);margin:10px 0}.warning-icon{width:28px;height:28px;-o-object-fit:contain;object-fit:contain}#userProfilePopup:not([data-messages-available=true]) .profile-popup-details{padding:8px 0;border-top:1px solid var(--chat-border);margin-top:10px;border-bottom:none;margin-bottom:0}.profile-detail-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;border-radius:8px;transition:background .2s ease;margin-bottom:1px}.profile-detail-item:hover{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active)}.profile-detail-item img{width:18px;height:18px;-o-object-fit:contain;object-fit:contain;opacity:.9;filter:drop-shadow(0 2px 4px var(--chat-black-20))}.profile-detail-label{flex:1;font-weight:500}.profile-detail-value{font-weight:600;font-variant-numeric:tabular-nums}.profile-detail-value.online{color:var(--chat-status-online);text-shadow:0 0 10px var(--chat-online-glow-strong)}.profile-roblox-presence{background:var(--chat-roblox-presence-bg);border-left:3px solid var(--chat-roblox-accent);padding-left:12px!important;display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.profile-roblox-presence:hover{background:var(--chat-roblox-presence-hover-bg)}.profile-roblox-presence i.fa-rev{font-size:20px}.profile-roblox-info{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.profile-roblox-username{color:var(--chat-roblox-accent);font-weight:600;text-decoration:none;transition:color .2s}.profile-roblox-username:hover{color:var(--chat-roblox-accent-hover);text-decoration:underline}.profile-roblox-status{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.9em}.profile-roblox-status i{font-size:10px;animation:pulse 2s ease-in-out infinite}.profile-roblox-id-block{margin-top:16px;padding:0;border-radius:6px;background:var(--chat-surface-2, #1e293b);border:1px solid var(--chat-border-color, #334155);overflow:hidden;box-shadow:0 1px 2px var(--chat-black-10)}.roblox-business-card{display:flex;align-items:stretch;min-height:72px}.roblox-logo-section{width:64px;background:var(--chat-stats-sidebar-bg);display:flex;align-items:center;justify-content:center;border-right:1px solid var(--chat-border-color, #334155);flex-shrink:0}.roblox-main-logo{width:32px;height:32px;-o-object-fit:contain;object-fit:contain;filter:grayscale(100%) opacity(.8);transition:all .3s ease}.profile-roblox-id-block:hover .roblox-main-logo{filter:grayscale(0%) opacity(1)}.roblox-details-section{flex:1;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;gap:4px}.profile-roblox-card{position:relative;margin-top:14px}.profile-roblox-card-link{display:block;text-decoration:none}.roblox-kid-card{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--chat-roblox-presence-bg);border:1px solid var(--chat-roblox-divider);border-radius:var(--chat-join-radius-sm);transition:transform var(--chat-join-transition),box-shadow var(--chat-join-transition),background var(--chat-join-transition),border-color var(--chat-join-transition)}.profile-roblox-card:hover .roblox-kid-card,.profile-roblox-card.roblox-popover-open .roblox-kid-card{transform:scale(1.02);background:var(--chat-roblox-presence-hover-bg);box-shadow:var(--chat-join-shadow-sm);border-color:color-mix(in srgb,var(--chat-roblox-divider) 70%,transparent)}.roblox-kid-logo-wrapper{flex-shrink:0;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--chat-roblox-divider) 40%,transparent);border-radius:var(--chat-join-radius-xs);padding:4px}.roblox-kid-logo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s}.profile-roblox-card:hover .roblox-kid-logo,.profile-roblox-card.roblox-popover-open .roblox-kid-logo{transform:rotate(-5deg) scale(1.1)}.roblox-kid-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.roblox-kid-status{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--chat-join-radius-xs);font-size:11px;font-weight:700;width:-moz-fit-content;width:fit-content}.roblox-kid-status i{font-size:10px}.roblox-kid-status.status-online{background:color-mix(in srgb,var(--chat-join-primary) 20%,transparent);color:var(--chat-join-primary);border:1px solid color-mix(in srgb,var(--chat-join-primary) 30%,transparent)}.roblox-kid-status.status-playing{background:color-mix(in srgb,var(--chat-join-success) 20%,transparent);color:var(--chat-join-success);border:1px solid color-mix(in srgb,var(--chat-join-success) 30%,transparent)}.roblox-kid-status.status-offline{background:color-mix(in srgb,var(--chat-join-error) 20%,transparent);color:var(--chat-join-error);border:1px solid color-mix(in srgb,var(--chat-join-error) 30%,transparent)}.roblox-kid-username{font-size:10px;color:var(--chat-msg-muted);font-weight:500;margin-left:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roblox-kid-arrow{color:var(--chat-msg-muted);font-size:12px;margin-right:4px;opacity:.5;transition:opacity .2s,transform .2s}.profile-roblox-card:hover .roblox-kid-arrow,.profile-roblox-card.roblox-popover-open .roblox-kid-arrow{opacity:1;transform:translate(2px);color:var(--chat-msg-text)}.roblox-kid-popover{position:absolute;left:calc(100% + 20px);top:40%;bottom:auto;width:240px;background:var(--chat-profile-popup-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--chat-msg-border);border-radius:var(--chat-join-radius-sm);box-shadow:var(--chat-join-shadow-sm);padding:10px;opacity:0;pointer-events:none;transform:translateY(-50%);transition:opacity var(--chat-join-transition),transform var(--chat-join-transition);z-index:20;color:var(--chat-msg-text)}.roblox-kid-popover.roblox-popover-top{top:auto;bottom:60%;margin-bottom:6px;transform:translateY(25%)}.roblox-kid-popover.roblox-popover-bottom{top:40%;bottom:auto;margin-bottom:0;transform:translateY(-50%)}.profile-roblox-card.roblox-popover-open .roblox-kid-popover{opacity:1;pointer-events:auto}.roblox-kid-popover-header{display:flex;gap:10px;align-items:center;margin-bottom:8px}.roblox-kid-popover-avatar{width:42px;height:42px;border-radius:var(--chat-join-radius-xs);border:1px solid var(--chat-msg-border);-o-object-fit:cover;object-fit:cover}.roblox-kid-popover-title{display:flex;flex-direction:column;gap:2px}.roblox-kid-popover-name{font-size:13px;font-weight:700;color:var(--chat-msg-text)}.roblox-kid-popover-handle{font-size:11px;color:var(--chat-msg-muted)}.roblox-kid-popover-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--chat-msg-muted);margin-bottom:8px}.roblox-kid-popover-meta-value{color:var(--chat-msg-text);font-weight:600}.roblox-kid-popover-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}.roblox-kid-popover-stat{text-align:center;padding:6px 4px;border-radius:var(--chat-join-radius-xs);background:color-mix(in srgb,var(--chat-msg-bg) 80%,var(--chat-roblox-divider));border:1px solid var(--chat-msg-border)}.roblox-kid-popover-stat-label{display:block;font-size:10px;color:var(--chat-msg-muted)}.roblox-kid-popover-stat-value{display:block;font-size:12px;font-weight:700;color:var(--chat-msg-text)}.roblox-kid-popover-about{margin-bottom:10px}.roblox-kid-popover-about-text{font-size:11px;color:var(--chat-msg-muted);margin-top:4px}.roblox-kid-popover-actions{display:flex;gap:6px;width:100%}.roblox-kid-popover-btn{flex:1;text-align:center;font-size:11px;font-weight:700;padding:6px 8px;border-radius:var(--chat-join-radius-xs);text-decoration:none;transition:background var(--chat-join-transition),color var(--chat-join-transition),border-color var(--chat-join-transition);width:100%}.roblox-kid-popover-btn.primary{background:var(--chat-join-primary);color:var(--chat-join-secondary);border:1px solid color-mix(in srgb,var(--chat-join-primary) 70%,transparent)}.roblox-kid-popover-btn.ghost{background:color-mix(in srgb,var(--chat-join-primary) 12%,transparent);color:var(--chat-join-primary);border:1px solid color-mix(in srgb,var(--chat-join-primary) 35%,transparent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.loading-dots{text-align:center;font-size:12px;padding:10px 0;font-style:italic}.friendship-popup-container{display:flex;flex-direction:column;gap:10px;padding:16px 0 4px;border-top:1px solid var(--chat-border)}.friendship-popup-row{display:flex;justify-content:center;gap:12px}.friend-popup-btn{width:100%;height:32px;border:none;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:flex-start;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0 10px;background:var(--chat-input-bg);border-radius:8px;color:var(--chat-input-text)}.friend-popup-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;filter:brightness(1.06)}.friend-popup-btn:not([class*=-btn]):hover,.friend-popup-btn:hover:not(.pending-btn):not(.add-btn):not(.accept-btn):not(.decline-btn):not(.remove-btn):not(.message-btn):not(.block-btn){background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);filter:none}.friend-popup-btn:active{transform:scale(.97)}.friend-popup-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:transparent}.friend-popup-btn img{width:42px;-o-object-fit:contain;object-fit:contain;margin-left:7px;margin-right:10px}.friend-popup-btn.pending-btn{background:linear-gradient(135deg,var(--chat-btn-pending-from) 0%,var(--chat-btn-pending-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-pending-from) 40%,transparent);color:var(--chat-btn-text)}.friend-popup-btn.pending-btn:hover{background:linear-gradient(135deg,var(--chat-btn-pending-from) 0%,var(--chat-btn-pending-to) 100%);filter:brightness(1.14) saturate(1.1);box-shadow:0 4px 14px color-mix(in srgb,var(--chat-btn-pending-from) 55%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.friend-popup-btn.add-btn{background:linear-gradient(85deg,var(--chat-btn-add-from) 0%,var(--chat-btn-add-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-add-from) 40%,transparent);color:var(--chat-btn-text)}.friend-popup-btn.add-btn:hover{background:linear-gradient(85deg,var(--chat-btn-add-from) 0%,var(--chat-btn-add-to) 100%);filter:brightness(1.18) saturate(1.1);box-shadow:0 4px 14px color-mix(in srgb,var(--chat-btn-add-from) 55%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.friendship-popup-top-container.vertical-layout{display:flex;flex-direction:column;gap:18px}.friend-popup-btn.accept-btn{background:linear-gradient(135deg,var(--chat-btn-accept-from) 0%,var(--chat-btn-accept-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-accept-from) 40%,transparent);color:var(--chat-btn-text)}.friend-popup-btn.accept-btn:hover{background:linear-gradient(135deg,var(--chat-btn-accept-from) 0%,var(--chat-btn-accept-to) 100%);filter:brightness(1.18) saturate(1.1);box-shadow:0 4px 16px color-mix(in srgb,var(--chat-btn-accept-from) 60%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.friend-popup-btn.decline-btn{background:linear-gradient(135deg,var(--chat-btn-remove-from) 0%,var(--chat-btn-remove-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-remove-from) 40%,transparent);color:var(--chat-btn-text)}.friend-popup-btn.decline-btn:hover{background:linear-gradient(135deg,var(--chat-btn-remove-from) 0%,var(--chat-btn-remove-to) 100%);filter:brightness(1.14) saturate(1.1);box-shadow:0 4px 16px color-mix(in srgb,var(--chat-btn-remove-from) 60%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.friend-popup-btn.remove-btn{background:linear-gradient(135deg,var(--chat-btn-remove-from) 0%,var(--chat-btn-remove-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-remove-from) 40%,transparent);color:var(--chat-btn-text)}.friend-popup-btn.remove-btn:hover{background:linear-gradient(135deg,var(--chat-btn-remove-from) 0%,var(--chat-btn-remove-to) 100%);filter:brightness(1.14) saturate(1.1);box-shadow:0 4px 14px color-mix(in srgb,var(--chat-btn-remove-from) 60%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.friend-popup-btn.message-btn{background:linear-gradient(135deg,var(--chat-btn-message-from) 0%,var(--chat-btn-message-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-message-from) 40%,transparent);color:var(--chat-btn-text)}.friend-popup-btn.message-btn:hover{background:linear-gradient(135deg,var(--chat-btn-message-from) 0%,var(--chat-btn-message-to) 100%);filter:brightness(1.18) saturate(1.1);box-shadow:0 4px 16px color-mix(in srgb,var(--chat-btn-message-from) 60%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.friend-popup-btn.block-btn{background:linear-gradient(85deg,var(--chat-btn-block-from) 0%,var(--chat-btn-block-to) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--chat-btn-block-from) 40%,transparent);color:var(--chat-btn-text);white-space:nowrap;width:100%}.friend-popup-btn.block-btn:hover{background:linear-gradient(85deg,var(--chat-btn-block-from) 0%,var(--chat-btn-block-to) 100%);filter:brightness(1.18) saturate(1.1);box-shadow:0 4px 14px color-mix(in srgb,var(--chat-btn-block-from) 60%,transparent);color:var(--chat-btn-text);transform:translateY(-2px)}.friend-request-content{box-shadow:0 4px 12px var(--chat-black-35);background:var(--chat-dm-surface);border:1px solid var(--chat-dm-border);padding:14px 16px;border-radius:10px;color:#fff;font-size:15px;box-shadow:0 6px 16px var(--chat-black-45);display:flex;flex-direction:column;justify-content:center;align-items:center;align-content:center;gap:12px}.friend-request-icon{display:flex;align-items:center;justify-content:center;min-width:24px;max-width:24px;height:24px}.friend-request-content{background:var(--chat-dm-surface);border:1px solid var(--chat-dm-border);padding:14px 16px;border-radius:10px;color:#fff;font-size:15px;box-shadow:0 6px 16px var(--chat-black-45)}.friend-request-layout{display:flex;flex-direction:row;align-items:center;gap:12px;padding:5px 20px}.friend-request-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.warning-icon{width:26px;height:26px;display:block}.friend-request-text{flex:1;line-height:1.25;align-items:center}#floatingDate{white-space:nowrap}.left-header-section{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:8px;min-width:0;flex:1 1 auto}.right-header-section{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto}.chat-header .header-nav-btn{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:10px;padding:6px 12px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--chat-header-text);cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.chat-header .header-nav-btn img{width:34px;height:34px;display:block;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 4px var(--chat-black-10));transition:transform .2s ease}.chat-header .header-nav-btn:hover{background:var(--chat-header-button-hover);box-shadow:0 0 1px var(--chat-header)}.chat-header .header-nav-btn:hover img{transform:scale(1.15)}.chat-header .header-nav-btn:focus-visible{outline:2px solid var(--chat-accent);outline-offset:2px}.chat-header .header-nav-label{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--chat-header-text);white-space:nowrap;opacity:.9}.chat-header .header-nav-btn .messages-badge,.chat-header .header-nav-btn .friends-list-badge{position:absolute;top:-2px;right:-2px;background:var(--chat-error);color:#fff;font-size:11px;font-weight:800;height:22px;min-width:22px;padding:0 6px;border-radius:11px;display:flex;align-items:center;justify-content:center;border:2px solid var(--chat-border-soft);box-shadow:0 2px 4px var(--chat-black-25);z-index:10}#soundIcon{padding:0}#chatMessageAva:hover{transform:translateY(-1px);padding-right:20px;background:var(--chat-header-button-hover)}#avaImage{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;margin-left:-12px;margin-right:10px;transition:transform .3s ease;z-index:2}#chatMessageAva:hover #avaImage{transform:scale(1.1) rotate(-8deg)}#welcomeUN{font-weight:700;font-size:14px;letter-spacing:.3px}.center-section{flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:hidden;display:flex}.chat-friends-list{position:relative;width:100%;background:transparent;border-right:none;display:flex;flex-direction:column;overflow:visible;transition:transform .3s ease}.chat-friends-list.hidden{display:none}.chat-friends-list h3{padding:16px;margin:0;font-size:16px;font-weight:600;color:var(--chat-text);border-bottom:1px solid var(--chat-border-soft);display:none}.chat-groups-list{position:relative;width:100%;background:transparent;border-right:none;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.chat-groups-list.hidden{display:none}.chat-groups-list h3{padding:16px;margin:0;font-size:16px;font-weight:600;color:var(--chat-text);border-bottom:1px solid var(--chat-border-soft);display:none}.friends-search-container{padding:12px;border-bottom:1px solid color-mix(in srgb,var(--chat-sidebar-text) 12%,transparent);display:flex;gap:8px;align-items:center}.friends-search-input{flex:1;min-width:0;border-radius:6px;padding:8px 12px;font-size:13px;outline:none;transition:all .2s ease}.friends-sort-btn{background:var(--chat-sidebar-bg);border-radius:6px;border:1px solid var(--chat-input-border);padding:9px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.friends-sort-btn:hover{background:var(--chat-input-border-focus)}.friends-sort-btn svg{width:16px;height:16px;color:var(--chat-sidebar-text);fill:var(--chat-sidebar-text)}.friends-sort-popup{position:absolute;top:calc(100% + 4px);right:0;background:var(--chat-sidebar-bg);border:1px solid var(--chat-input-border);border-radius:8px;color:var(--chat-input-text);padding:4px;min-width:150px;box-shadow:0 4px 12px #0000004d;z-index:1000;display:none;gap:2px;flex-direction:column}.system-message-content{gap:5px}.friends-sort-popup.visible{display:flex}.friends-sort-option{padding:6px 7px;font-family:sans-serif;font-size:12px;cursor:pointer;border-radius:4px;transition:background .2s ease;display:flex;align-items:center;color:inherit;gap:3px}.friends-sort-option:hover{background:var(--chat-header-button-hover)}.friends-sort-option.active{background:var(--chat-sidebar-bg-active);font-weight:600;color:var(--chat-sidebar-text-active)}.friends-sort-option.active:before{content:"✓";font-weight:700;background:url(/images/icons/systems/marked.webp);background-size:12px 12px;background-repeat:no-repeat;background-position:center;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}.friends-list-container{flex:1;overflow-y:auto;padding:8px;color:var(--chat-sidebar-text)}.friends-category{margin-bottom:9px}.friends-category-header{display:flex;align-items:center;gap:8px;padding:5px 9px;background:var(--chat-sidebar-bg);border-radius:6px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s ease}.friends-category-header:hover{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active)}.friends-category-header:hover .friends-category-title,.friends-category-header:hover .friends-category-toggle{color:var(--chat-sidebar-text-active)}.friends-category-toggle{background:none;border:none;color:var(--chat-sidebar-text);font-size:12px;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.friends-category-title{flex:1;font-size:11px;font-weight:600;color:var(--chat-sidebar-text);text-transform:uppercase;letter-spacing:.5px}.friends-category-items{margin-top:8px;display:flex;flex-direction:column;gap:0px;max-height:500px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.friends-category-items.collapsed{max-height:0;opacity:0}.friend-item{display:flex;align-items:center;gap:10px;padding:4px 12px;background:var(--chat-sidebar-bg);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.friend-item:hover{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active)}.friend-avatar-container{position:relative;flex-shrink:0}.friend-avatar{width:30px;height:30px;-o-object-fit:cover;object-fit:cover}.friend-online-indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;background:transparent;transition:background .3s ease}.friend-online-indicator.online{background:var(--chat-btn-accept-from);box-shadow:0 0 8px color-mix(in srgb,var(--chat-btn-accept-from) 60%,transparent);border:2px solid var(--chat-sidebar-bg)}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.friend-name-row{display:flex;align-items:center;gap:6px;min-width:0}.friend-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-role-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:999px;letter-spacing:.3px;line-height:1;white-space:nowrap}.friend-role-admin{background:color-mix(in srgb,var(--chat-danger) 15%,transparent);color:var(--chat-danger);border:1px solid color-mix(in srgb,var(--chat-danger) 30%,transparent)}.friend-role-moderator{background:color-mix(in srgb,var(--chat-left-border) 15%,transparent);color:var(--chat-left-border);border:1px solid color-mix(in srgb,var(--chat-left-border) 30%,transparent)}.friends-request-status{font-size:11px;color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent)}.friend-request-actions{display:flex;flex-shrink:0}.friend-action-btn{width:28px;height:28px;min-width:28px;font-size:12px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap;padding:0;display:flex;align-items:center;justify-content:center}.accept-btn img{width:20px;height:20px;vertical-align:middle}.accept-btn:hover{transform:scale(1.05)}.decline-btn img{width:20px;height:20px;vertical-align:middle}.decline-btn:hover{transform:scale(1.05)}.friend-action-btn:disabled{opacity:.5;cursor:not-allowed}.friends-empty-message{padding:20px;text-align:center;color:var(--chat-sidebar-text);font-size:13px;font-style:italic}.friends-list-container::-webkit-scrollbar{width:6px}.friends-list-container::-webkit-scrollbar-track{background:transparent}.friends-list-container::-webkit-scrollbar-thumb{background:var(--chat-surface-hover);border-radius:3px}не .friends-list-container::-webkit-scrollbar-thumb:hover{background:var(--chat-white-20)}#groupsList{position:relative;background:transparent;border:none;padding:4px;cursor:pointer;display:inline-block;transition:transform .2s ease,opacity .2s ease}#groupsList:hover{transform:scale(1.08);opacity:.8}#groupsListIcon{width:50px;height:50px;-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block}#groupsList .unread-badge{position:absolute;top:0;right:0;background:var(--chat-error);color:var(--chat-text-on-primary);font-size:12px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;line-height:18px;box-shadow:0 2px 6px var(--chat-black-15);animation:badgePulse 2s ease-in-out infinite;transition:opacity .15s ease;opacity:1}#groupsList:hover .unread-badge{opacity:0}.groups-list-container{flex:1;overflow-y:auto;padding:8px}.groups-search-container{padding:12px;border-bottom:1px solid var(--chat-border-soft);display:flex;gap:8px;align-items:center}.groups-search-input{flex:1;min-width:0;background-color:var(--chat-surface-elevated)!important;color:var(--chat-accent)!important;border-color:transparent!important;font-size:13px!important;font-family:sans-serif!important;padding:3px 7px!important;border-radius:5px!important;outline:none;transition:all .2s ease}.groups-search-input::-moz-placeholder{color:var(--chat-text-muted)}.groups-search-input::placeholder{color:var(--chat-text-muted)}.create-group-btn-inline{background:var(--chat-surface);border:1px solid var(--chat-border-soft);border-radius:6px;padding:8px 12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;flex-shrink:0;font-size:13px;color:var(--chat-text)}.create-group-btn-inline:hover{background:var(--chat-surface-hover)}.create-group-btn-inline img{width:20px;height:20px}.group-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--chat-surface-elevated);border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative;margin-bottom:4px}.group-item:hover{background:var(--chat-surface-hover)}.group-avatar-container{position:relative;flex-shrink:0}.group-avatar{width:40px;height:40px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.group-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.group-name{font-size:14px;font-weight:500;color:var(--chat-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-members-count{font-size:11px;color:var(--chat-text-muted)}.group-unread-badge{background:var(--chat-error);color:#fff;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600;min-width:18px;text-align:center}.group-pin-icon{width:28px;height:28px;display:none;align-items:center;justify-content:center;margin-left:10px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-item.pinned .group-pin-icon{display:flex}.group-pin-icon img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain;opacity:1}.group-item:hover .group-pin-icon{opacity:0;visibility:hidden}.group-actions-btn{position:absolute;right:18px;width:28px;height:28px;border:none;background:transparent;color:var(--chat-text);font-size:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-item:hover .group-actions-btn{opacity:1;visibility:visible;transform:rotate(0)}.group-actions-btn:hover{background:var(--chat-surface-hover);color:var(--chat-text);transform:rotate(90deg)}.group-actions-menu{position:fixed;background:var(--chat-surface-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--chat-border-soft);border-radius:8px;box-shadow:0 8px 24px var(--chat-black-15),0 2px 8px var(--chat-black-10);padding:6px 0;z-index:9999999;min-width:180px;animation:menuSlideIn .2s cubic-bezier(.4,0,.2,1)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.group-actions-menu .action-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s}.group-actions-menu .action-item:hover{background:var(--chat-surface-hover)}.group-actions-menu .action-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.group-actions-menu .action-icon img{width:16px;height:16px;-o-object-fit:contain;object-fit:contain}.group-actions-menu .action-item:hover .action-icon{transform:scale(1.1)}.group-actions-menu .action-text{font-size:14px;color:var(--chat-text);font-weight:500}.group-actions-menu .action-item.delete .action-text{color:var(--chat-error)}.groups-empty-message{padding:20px;text-align:center;color:var(--chat-text);font-size:13px;font-style:italic}.groups-category{margin-bottom:12px}.groups-category-header{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;background:var(--chat-surface);border-radius:6px;transition:background .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.groups-category-header:hover{background:var(--chat-surface-elevated)}.groups-category-toggle{background:none;border:none;color:var(--chat-text);font-size:12px;cursor:pointer;padding:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.groups-category-title{font-size:13px;font-weight:600;color:var(--chat-text);text-transform:uppercase;letter-spacing:.5px}.groups-category-items{margin-top:4px;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.groups-category-items.collapsed{max-height:0!important;opacity:0;margin-top:0}.group-item.pending-invite{background:var(--chat-notif-yellow-bg);border-left:3px solid var(--chat-notif-yellow-border)}.group-item.pending-invite:hover{background:var(--chat-notif-yellow-bg-hover)}.group-invite-text{font-size:11px;color:var(--chat-text-muted);font-style:italic}.pending-invite-actions{display:flex;gap:6px;margin-left:auto}.invite-btn{width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0}.invite-btn img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.invite-btn.accept{background:var(--chat-success-glow-20)}.invite-btn.accept:hover{background:var(--chat-success-glow);transform:scale(1.05)}.invite-btn.decline{background:var(--chat-error-material-20)}.invite-btn.decline:hover{background:var(--chat-invite-decline-glow);transform:scale(1.05)}.invite-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.group-invitation-notification{position:fixed;bottom:20px;right:20px;background:var(--chat-surface-elevated);border-radius:16px;box-shadow:0 8px 32px var(--chat-black-30);padding:16px;min-width:320px;max-width:400px;z-index:10000000;opacity:0;transform:translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.group-invitation-notification.show{opacity:1;transform:translateY(0);pointer-events:all}.group-invitation-content{display:flex;flex-direction:column;gap:12px}.group-invitation-header{display:flex;align-items:center;gap:12px}.group-invitation-avatar{width:48px;height:48px;border-radius:8px;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 8px var(--chat-black-10)}.group-invitation-info{flex:1;display:flex;flex-direction:column;gap:4px}.group-invitation-name{font-size:16px;font-weight:600;color:var(--chat-text)}.group-invitation-inviter{display:flex;align-items:center;gap:6px}.inviter-avatar-small{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.inviter-name{font-size:12px;color:var(--chat-text-muted)}.group-invitation-text{font-size:14px;color:var(--chat-text);text-align:center;padding:4px 0}.group-invitation-buttons{display:flex;gap:8px}.group-invitation-btn{flex:1;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.group-invitation-btn.accept{background:linear-gradient(135deg,var(--chat-invite-accept-from) 0%,var(--chat-invite-accept-to) 100%);color:#fff}.group-invitation-btn.accept:hover{background:linear-gradient(135deg,var(--chat-invite-accept-to) 0%,var(--chat-invite-accept-to) 100%);transform:translateY(-1px);box-shadow:0 4px 12px var(--chat-success-glow)}.group-invitation-btn.decline{background:linear-gradient(135deg,var(--chat-invite-decline-from) 0%,var(--chat-invite-decline-to) 100%);color:#fff}.group-invitation-btn.decline:hover{background:linear-gradient(135deg,var(--chat-invite-decline-to) 0%,var(--chat-invite-decline-to) 100%);transform:translateY(-1px);box-shadow:0 4px 12px var(--chat-invite-decline-glow)}.group-invitation-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.groups-list-container::-webkit-scrollbar{width:6px}.groups-list-container::-webkit-scrollbar-track{background:transparent}.groups-list-container::-webkit-scrollbar-thumb{background:var(--chat-surface-hover);border-radius:3px}.groups-list-container::-webkit-scrollbar-thumb:hover{background:var(--chat-white-20)}@media(max-width:1200px){.chat-friends-list,.chat-groups-list{width:250px}}@media(max-width:768px){.chat-friends-list,.chat-groups-list{position:absolute;right:0;top:0;bottom:0;z-index:1000;box-shadow:-2px 0 10px var(--chat-black-30)}}.friends-list-loading{padding:20px;text-align:center;color:var(--chat-text-muted);font-size:13px}.friends-list-loading:after{content:"...";animation:loading-dots 1.5s steps(4,end) infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.unread-badge{position:absolute;top:4px;right:0;background:var(--chat-error);color:var(--chat-text-on-primary);font-size:12px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 6px var(--chat-black-15);pointer-events:none;z-index:10;line-height:18px;animation:badgePulse 2s ease-in-out infinite;transition:opacity .15s ease;opacity:1}.friends-list-badge{position:absolute;width:18px;top:4px;right:0;background:var(--chat-error);color:var(--chat-text-on-primary);font-size:12px;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;box-shadow:0 2px 6px var(--chat-black-15);pointer-events:none;z-index:10;line-height:18px;animation:badgePulse 2s ease-in-out infinite;transition:opacity .15s ease;opacity:1}@keyframes badgePulse{0%,to{transform:scale(.7)}50%{transform:scale(1.1)}}#priveteMessagesBtn .unread-badge{top:0;right:0}.friend-item{position:relative}.friend-item .friends-list-badge{top:2px;right:2px}.friend-item:hover .friends-list-badge,#priveteMessagesBtn:hover .unread-badge{opacity:0}.group-item{position:relative}.group-item .unread-badge{top:2px;right:2px}.group-item:hover .unread-badge{opacity:0}.minimized-unread-badge{display:none!important}#chatSendBtn{padding:0 18px;transition:background .2s ease,transform .15s ease;border-radius:0 12px 12px 0;background:var(--chat-send-bg, var(--chat-sidebar-bg));border:1px solid var(--chat-input-border);border-left:none;cursor:pointer;display:flex;align-items:center;justify-content:center}#chatSendBtn:hover{background:var(--chat-send-bg-hover, var(--chat-sidebar-bg-active));transform:scale(1.04)}.send-icon-inner{height:24px;transition:transform .2s ease}.send-icon-inner:hover{transform:scale(1.3)}.send-icon{height:22px;width:27px}.avatar-menu{color:var(--chat-submenu-text);position:absolute;top:53px;right:16px;left:auto;width:260px;height:auto;bottom:auto;background:var(--chat-submenu-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:.4rem;padding:8px;box-shadow:0 10px 40px -5px var(--chat-header);font-family:inherit;animation:menuPopIn .25s cubic-bezier(.2,.8,.2,1);transform-origin:top right;z-index:1000;display:none}.avatar-menu[style*="display: block"]{display:block!important}@keyframes menuPopIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.avatar-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.avatar-menu li img{width:22px;height:22px;opacity:1;filter:none;transition:all .2s ease;-o-object-fit:contain;object-fit:contain}.avatar-menu li:hover,#avatarMenu li:hover{background:var(--chat-submenu-bg);color:inherit;transform:translateY(2px);margin:0;border-radius:.4rem}.avatar-menu li:hover img{transform:scale(1.15) rotate(5deg)}#privateMessagesMenu{font-family:sans-serif;position:absolute;background:var(--chat-surface-elevated);border-radius:8px;box-shadow:0 8px 32px var(--chat-black-12),0 2px 8px var(--chat-black-08);overflow:hidden;display:none;z-index:999999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--chat-surface);min-width:320px;max-width:380px}#privateMessagesMenu.show{display:block;animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}#privateMessagesList{list-style:none;padding:0;margin:0;overflow-y:auto;max-height:420px}#privateMessagesList::-webkit-scrollbar{width:8px}#privateMessagesList::-webkit-scrollbar-track{background:transparent;margin:8px 0}#privateMessagesList::-webkit-scrollbar-thumb{background:var(--chat-surface);border-radius:10px;border:2px solid transparent;background-clip:padding-box}#privateMessagesList::-webkit-scrollbar-thumb:hover{background:var(--chat-surface-hover);background-clip:padding-box}.conversation-item{display:flex;align-items:center;padding:1px 0;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;background:transparent;margin:1px 0;color:var(--chat-sidebar-text)}.conversation-item:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--chat-left-border);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover{background:var(--chat-header-button-hover);padding-left:5px}.conversation-item:hover:before{transform:scaleY(1)}.conversation-item.active{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);padding-left:5px}.conversation-item.active:before{transform:scaleY(1)}.conversation-item.active .icon-pinned-chat{background-color:var(--chat-sidebar-text-active)}.conversation-item.unread{background:color-mix(in srgb,var(--chat-header) 70%,transparent)}.conversation-item:last-child{border-bottom:none}.conversation-avatar{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;margin-right:10px;padding:7px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover .conversation-avatar{transform:scale(1.05)}.conversation-info{flex:1;min-width:0;overflow:hidden;padding:5px;display:flex;flex-direction:column;gap:0px}.conversation-title-row,.conversation-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.conversation-meta{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:0}.conversation-badge-wrap{display:inline-flex;align-items:center;justify-content:flex-end;flex-shrink:0;min-width:22px}.conversation-badge-wrap .conversation-unread-count{margin-left:0;min-width:18px;height:18px;border-radius:999px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--chat-left-border) 70%,transparent);color:var(--chat-header-text);border:1px solid color-mix(in srgb,var(--chat-header) 60%,transparent)}.conversation-name{font-size:14px;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.2px}.conversation-time{flex-shrink:0;font-size:12px;opacity:.6;white-space:nowrap}.conversation-read-status{position:relative;width:18px;height:12px;display:inline-block;opacity:.7}.conversation-read-status:before,.conversation-read-status:after{content:"";position:absolute;width:8px;height:4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);top:4px}.conversation-read-status:before{left:1px;opacity:.7}.conversation-read-status:after{left:6px;opacity:0}.conversation-read-status.is-read{opacity:1}.conversation-read-status.is-read:after{opacity:.7}.dm-read-receipt{display:flex;justify-content:flex-end;margin-top:6px;width:100%;padding:0 10px;margin-bottom:10px}.dm-read-receipt img{width:14px;height:14px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 6px #00000040;border:1px solid color-mix(in srgb,var(--chat-header) 60%,transparent)}.conversation-item.unread .conversation-name{font-weight:700;color:var(--chat-header-text)}.conversation-input-btn.sticker-btn img{width:28px;height:28px}.conversation-last-message{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;filter:opacity(.8);min-width:0;flex:1}.conversation-sticker-preview{display:inline-block;width:auto;height:28px;vertical-align:middle}.conversation-item.unread .conversation-last-message{font-weight:600;color:var(--chat-sidebar-text)}.conversation-unread-badge{display:none!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.conversation-pin-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--chat-left-border);transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-pin-icon i{display:inline-block;width:14px;height:14px;background-color:var(--chat-sidebar-text);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10l-1 6 3 3v2H5v-2l3-3-1-6zm4 12v6h2v-6h-2z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 3h10l-1 6 3 3v2H5v-2l3-3-1-6zm4 12v6h2v-6h-2z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.conversation-item.is-group-invite{background:linear-gradient(135deg,color-mix(in srgb,var(--chat-left-border) 6%,transparent),color-mix(in srgb,var(--chat-header) 8%,transparent));border-left:3px solid var(--chat-left-border)}.conversation-item.is-group-invite:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--chat-left-border) 12%,transparent),color-mix(in srgb,var(--chat-header) 14%,transparent))}.conversation-invite-info{font-size:.8rem;color:var(--chat-left-border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.conversation-invite-actions{display:flex;gap:4px;flex-shrink:0;align-items:center}.invite-accept-btn,.invite-decline-btn{width:30px;height:30px;padding:0;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:transparent}.invite-accept-btn img,.invite-decline-btn img{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 1px 1px var(--chat-black-15))}.invite-accept-btn:hover:not(:disabled){transform:scale(1.15);background:var(--chat-success-alt-12)}.invite-decline-btn:hover:not(:disabled){transform:scale(1.15);background:var(--chat-error-bs-12)}.invite-accept-btn:disabled,.invite-decline-btn:disabled{opacity:.4;cursor:not-allowed}.group-invite-join-banner{display:flex;align-items:center;justify-content:center;padding:10px 20px;background:color-mix(in srgb,var(--chat-sidebar-bg) 60%,transparent);border-top:1px solid var(--chat-input-border);flex-shrink:0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.group-invite-join-banner.hidden{display:none}.join-banner-accept{padding:10px 18px;border:1px solid var(--chat-input-border);border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;background:var(--chat-sidebar-bg);color:var(--chat-sidebar-text);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:none;letter-spacing:.01em;position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%}.join-banner-accept:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--chat-sidebar-text) 10%,transparent),transparent);transition:left .5s ease}.join-banner-accept:hover:not(:disabled){background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active);border-color:var(--chat-input-border-focus);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--chat-sidebar-bg) 40%,transparent);filter:none}.join-banner-accept:hover:not(:disabled):before{left:100%}.join-banner-accept:active:not(:disabled){transform:translateY(0);box-shadow:none;background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active)}.join-banner-accept:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}#groupChatView.invite-preview-mode #groupMessages{opacity:.92}.messages-wrapper:has(#groupChatView.invite-preview-mode:not(.hidden))>#chatInputArea{display:none!important}#groupChatView.invite-preview-mode .group-chat-header .dm-header-menu{display:none!important}.group-invite-notification .friend-request-desc{font-size:.82rem;color:var(--chat-white-70);margin-top:2px}.conversation-actions-btn{position:absolute;right:18px;width:28px;height:28px;border:none;background:transparent;color:var(--chat-text);font-size:20px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover .conversation-actions-btn{opacity:1;visibility:visible;transform:rotate(0)}.conversation-actions-btn:hover{background:var(--chat-surface-hover);color:var(--chat-text);transform:rotate(90deg)}.conversation-actions-menu{position:fixed;background:var(--chat-surface-elevated);border-radius:12px;box-shadow:0 8px 24px var(--chat-black-15),0 2px 8px var(--chat-black-10);padding:6px 0;z-index:9999999;min-width:180px;border:1px solid var(--chat-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:menuFadeIn .2s cubic-bezier(.4,0,.2,1)}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.conversation-actions-menu .action-item{display:flex;align-items:center;padding:5px 14px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.conversation-actions-menu .action-item:hover{background:var(--chat-surface-hover);padding-left:22px}.conversation-actions-menu .action-icon{font-size:20px;margin-right:14px;transition:transform .2s}.conversation-actions-menu .action-item:hover .action-icon{transform:scale(1.1)}.conversation-actions-menu .action-text{font-size:14px;color:var(--chat-text);font-weight:500}#preloaderOverlay{border-radius:8px}.chat-connection-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;background:var(--chat-overlay-heavy);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.connection-status-content{background:var(--chat-surface-elevated);border-radius:8px;padding:32px 48px;box-shadow:0 8px 32px var(--chat-black-30);display:flex;flex-direction:column;align-items:center;gap:16px;max-width:90%;animation:scaleIn .3s ease}.connection-status-icon{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.status-warning .connection-status-icon{animation:pulse 2s ease-in-out infinite}.status-info .connection-status-icon{animation:spin 1.5s linear infinite}.status-success .connection-status-icon{animation:checkmark .5s ease}.connection-status-message{color:var(--chat-text);font-size:16px;font-weight:500;text-align:center;line-height:1.5}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes checkmark{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.conversation-actions-menu .action-item.delete .action-text{color:var(--chat-error-dark);font-weight:600}.delete-confirmation-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;display:flex;align-items:center;justify-content:center;animation:modalFadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.delete-confirmation-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--chat-overlay-medium);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-confirmation-modal .modal-content{position:relative;background:var(--chat-surface-elevated);border-radius:16px;padding:28px;max-width:420px;width:90%;box-shadow:0 12px 48px var(--chat-black-30),0 4px 16px var(--chat-black-20);z-index:1;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.delete-confirmation-modal h3{margin:0 0 14px;font-size:20px;font-weight:700;color:var(--chat-text);letter-spacing:.3px}.delete-confirmation-modal p{margin:0 0 24px;font-size:15px;color:var(--chat-text);line-height:1.6}.delete-for-both-container{display:flex;align-items:center;margin-bottom:24px;cursor:pointer;padding:12px;border-radius:8px;background:var(--chat-surface-hover);transition:background .2s}.delete-for-both-container:hover{background:var(--chat-surface)}.delete-for-both-checkbox{margin:0 10px 0 0;cursor:pointer;width:18px;height:18px;accent-color:var(--chat-surface-card)}.delete-for-both-container span{font-size:14px;color:var(--chat-text);font-weight:500}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-btn{padding:10px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.modal-btn.cancel{background:var(--chat-surface-hover);color:var(--chat-text)}.modal-btn.cancel:hover{background:var(--chat-surface);transform:translateY(-1px);box-shadow:0 2px 8px var(--chat-black-10)}.modal-btn.delete{background:linear-gradient(135deg,var(--chat-error-dark) 0%,var(--chat-error-deep-hex) 100%);color:var(--chat-text);box-shadow:0 4px 12px var(--chat-error-deep-30)}.modal-btn.delete:hover{transform:translateY(-1px);box-shadow:0 6px 16px var(--chat-error-deep-40)}.modal-btn:active{transform:translateY(0)}.conversations-empty{padding:50px 24px;text-align:center;background:var(--chat-surface-elevated)}.empty-icon{font-size:56px;margin-bottom:20px;opacity:.6;filter:grayscale(20%);animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.conversations-empty h3{font-size:18px;font-weight:700;color:var(--chat-text);margin-bottom:10px;letter-spacing:.3px}.conversations-empty p{font-size:14px;color:var(--chat-text-muted);line-height:1.6;max-width:280px;margin:0 auto}.empty-text{font-size:16px;font-weight:500;color:var(--chat-text);margin-bottom:8px}.empty-hint{font-size:14px;color:var(--chat-text)}.conversations-loader{padding:16px;text-align:center;display:none}.loader-animation{display:flex;flex-direction:column;align-items:center;gap:12px}.loader-spinner{width:32px;height:32px;border:3px solid var(--chat-modal-surface-alt);border-top:3px solid var(--chat-dm-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.conversation-window{position:relative;width:340px;height:460px;background:var(--chat-accent);border-radius:8px;box-shadow:0 4px 16px var(--chat-black-20);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;flex-shrink:0}.conversation-window.has-unread{animation:wobble 3s ease-in-out infinite}@keyframes wobble{0%,15%,to{transform:translate(0) rotate(0)}3%{transform:translate(-5px) rotate(-2deg)}6%{transform:translate(4px) rotate(1.5deg)}9%{transform:translate(-3px) rotate(-1deg)}12%{transform:translate(2px) rotate(.5deg)}}.conversation-window.show{opacity:1;transform:translateY(0)}.conversation-window.minimized{display:none}.conversation-header{display:flex;align-items:center;padding:12px 16px;background:var(--chat-surface-card);color:var(--chat-text);flex-shrink:0;transition:background .3s ease}.conversation-header.has-unread{animation:unread-shake .5s ease;background:var(--chat-warning-amber-10)}@keyframes unread-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.minimize-btn{padding-bottom:4px}.conversation-header-avatar{width:36px;height:36px;-o-object-fit:cover;object-fit:cover;margin-right:12px}.conversation-header-info{flex:1;min-width:0}.conversation-header-name{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-header-members,.conversation-header-status{font-size:11px;opacity:.9;margin-top:2px}.conversation-header-status.online{color:var(--chat-invite-accept-from)}.conversation-header-actions{display:flex;gap:4px}.conversation-top-row{display:flex;align-items:center;gap:6px}.conversation-pin-icon{font-size:12px;color:var(--chat-join-primary);transform:rotate(45deg);opacity:.9}.conversation-header-btn{width:28px;height:28px;border:none;background:var(--chat-surface-elevated);color:var(--chat-text);border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.conversation-header-btn:hover{background:var(--chat-white-30)}.conversation-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.conversation-messages::-webkit-scrollbar{width:6px}.conversation-messages::-webkit-scrollbar-thumb{background:var(--chat-surface-elevated);border-radius:3px}.conversation-date-separator{text-align:center;font-size:11px;color:var(--chat-text);margin:8px 0;position:relative}.conversation-date-separator:before,.conversation-date-separator:after{content:"";position:absolute;top:50%;width:40%;height:.5px;background:transparent}.conversation-date-separator:before{left:0}.conversation-date-separator:after{right:0}.conversation-message{display:flex;flex-direction:column;max-width:85%;width:100%;margin-bottom:4px}.conversation-message.own{align-self:flex-end}.conversation-message.other{align-self:flex-start}.message-sender-info{display:flex;align-items:center;gap:6px;margin-bottom:4px}.message-sender-avatar{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.message-sender-name{font-size:11px;font-weight:600;color:var(--chat-text-muted)}.message-content{background:#fff;padding:8px 12px;border-radius:12px;position:relative;box-shadow:0 1px 2px var(--chat-black-10)}.conversation-message.own .message-content{background:var(--chat-dm-primary);color:var(--chat-text-on-primary);width:100%;border-bottom-right-radius:4px}.conversation-message.other .message-content{background:var(--chat-surface);color:var(--chat-text);border-bottom-left-radius:4px;width:100%}.message-text{font-size:13px;line-height:1.4;word-wrap:break-word;margin-bottom:4px;font-family:sans-serif}.conversation-message.unread .message-content{background:var(--chat-surface-card)!important}.conversation-message.unread .message-text{font-weight:700}.message-time{font-size:10px;opacity:.7;text-align:right}.conversation-message.other .message-time{color:var(--chat-text)}.read-receipt-container{padding:2px 10px;margin-bottom:10px;display:flex;justify-content:flex-end;align-items:right;text-align:right;width:100%}.read-receipt-container img{width:18px;height:18px;border-radius:50%;-o-object-fit:cover;object-fit:cover;cursor:pointer;background:transparent;padding:2px}.message-status.error{color:var(--chat-error);font-size:10px;margin-left:4px;display:inline-block}.conversation-message .message-text:has(.emoji-inline-v2){background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important}.conversation-message.own .message-content:has(.emoji-inline-v2),.conversation-message.other .message-content:has(.emoji-inline-v2){background:transparent!important;padding:0!important}.conversation-message .emoji-inline-v2{display:inline-block;width:200px;height:200px;background:transparent}.message-sticker{width:120px;height:120px;-o-object-fit:contain;object-fit:contain}.message-retry-btn{display:block;margin-top:8px;padding:4px 12px;background:var(--chat-white-20);border:1px solid var(--chat-border-strong);color:#fff;border-radius:4px;cursor:pointer;font-size:11px}.message-retry-btn:hover{background:var(--chat-white-30)}.conversation-typing-indicator{padding:8px 12px;background:var(--chat-modal-surface-alt);border-top:1px solid var(--chat-border-e0);display:flex;align-items:center;gap:6px}.typing-dot{width:6px;height:6px;background:var(--chat-popup-status-gray);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.typing-text{font-size:11px;color:var(--chat-text-muted);font-style:italic}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.conversation-input-area{padding:10px 0;display:flex;align-items:center;background:var(--chat-surface-card);gap:0px;justify-content:center;flex-shrink:0;justify-content:space-evenly}.conversation-input:focus{border:none!important;box-shadow:none!important;background:transparent!important}.conversation-input-btn{border:none;background:transparent;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,filter .3s ease;flex-shrink:0;transform:scale(1)}.conversation-input-btn:hover{transform:scale(1.1)}.conversation-input-btn img{-o-object-fit:contain;object-fit:contain}.conversation-input-wrapper{max-width:240px;flex:1;display:flex;align-items:center;border-radius:20px;padding:0;justify-content:center;position:relative}.conversation-input{flex:1;border:none;outline:none;font-size:13px!important;background:transparent!important;color:var(--chat-text)!important;border-radius:10px!important;padding:6px 28px 6px 12px!important}.send-btn{padding:6px 16px;background:var(--chat-dm-primary);color:var(--chat-text-on-primary);border:none;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;transition:background .2s;flex-shrink:0}.send-btn:hover{background:var(--chat-status-link-btn)}.disabled-not-friend .conversation-input{background:var(--chat-surface-card)!important;cursor:not-allowed;opacity:.6}.disabled-not-friend .conversation-input-btn,.disabled-not-friend .send-btn{opacity:.4;cursor:not-allowed;pointer-events:none}.conversation-not-friend-notification{background:var(--chat-amber-bg);border-left:4px solid var(--chat-amber-border);padding:12px 16px;margin:10px;border-radius:8px;display:flex;align-items:center;gap:10px;animation:slideInNotification .3s ease-out}.conversation-not-friend-notification.fade-out{animation:fadeOutNotification .3s ease-out forwards}.notification-content{display:flex;align-items:center;gap:10px}.notification-icon{font-size:20px}.notification-text{color:var(--chat-text);font-size:13px;line-height:1.4}@keyframes slideInNotification{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeOutNotification{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.pinned-message{display:flex;align-items:center;padding:8px 12px;background:var(--chat-modal-surface-alt);border-bottom:1px solid var(--chat-conv-border);cursor:pointer;transition:background .2s}.pinned-message:hover{background:var(--chat-conv-border)}.pinned-icon{font-size:16px;margin-right:8px}.pinned-text{flex:1;font-size:13px;color:var(--chat-modal-text);font-weight:500}.pinned-close{background:none;border:none;color:var(--chat-conv-neutral-text);font-size:18px;cursor:pointer;padding:4px;transition:color .2s}.pinned-close:hover{color:var(--chat-modal-text)}.message.highlight{background:var(--chat-warn-soft-bg);transition:background .3s}.form-input{background:var(--chat-surface);color:var(--chat-text)}.group-modal-body{position:relative}.group-id-message{font-size:12px;margin-top:6px;min-height:18px;position:absolute;display:flex;justify-content:flex-end;flex-direction:row;flex-wrap:nowrap;align-items:center;width:100%}#adminModPopup{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--chat-surface-elevated);border-radius:12px;box-shadow:0 8px 32px var(--chat-black-20);padding:24px;z-index:10001;min-width:320px;max-width:420px}#adminModPopup.visible{display:block}.admin-mod-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:var(--chat-overlay-medium);z-index:10000}.admin-mod-overlay.visible{display:block}.admin-mod-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-color, var(--chat-conv-border))}.admin-mod-title{font-size:18px;font-weight:600;color:var(--chat-modal-text);display:flex;align-items:center;gap:8px}.admin-mod-close{background:none;border:none;font-size:24px;color:var(--chat-modal-text-muted);cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.admin-mod-close:hover{color:var(--chat-modal-text)}.admin-mod-user-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--chat-modal-surface-alt);border-radius:8px;margin-bottom:16px}.admin-mod-avatar{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.admin-mod-user-details{flex:1}.admin-mod-username{font-weight:600;font-size:15px;color:var(--chat-modal-text);margin-bottom:2px}.admin-mod-userid{font-size:12px;color:var(--chat-modal-text-muted)}.admin-mod-actions{display:flex;flex-direction:column;gap:8px}.admin-mod-btn{padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;text-align:left}.admin-mod-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px var(--chat-black-10)}.admin-mod-btn:active{transform:translateY(0)}.admin-mod-btn.ban-1h{background:var(--chat-admin-ban-1h-bg);color:var(--chat-admin-ban-1h-text)}.admin-mod-btn.ban-1h:hover{background:var(--chat-admin-ban-1h-hover)}.admin-mod-btn.ban-1d{background:var(--chat-admin-ban-1d-bg);color:var(--chat-admin-ban-1d-text)}.admin-mod-btn.ban-1d:hover{background:var(--chat-admin-ban-1d-hover)}.admin-mod-btn.ban-1w{background:var(--chat-admin-ban-light);color:var(--chat-admin-ban-1w-text)}.admin-mod-btn.ban-1w:hover{background:var(--chat-admin-ban-mid)}.admin-mod-btn.ban-perm{background:var(--chat-admin-ban-mid);color:var(--chat-admin-ban-perm-text)}.admin-mod-btn.ban-perm:hover{background:var(--chat-error-light)}.admin-mod-btn.delete-user{background:var(--chat-admin-delete-user-bg);color:var(--chat-text-on-primary)}.admin-mod-btn.delete-user:hover{background:var(--chat-admin-delete-user-hover)}.admin-mod-btn.delete-msg{background:var(--chat-admin-delete-msg-bg);color:var(--chat-text-on-primary)}.admin-mod-btn.delete-msg:hover{background:var(--chat-admin-delete-msg-hover)}.admin-mod-btn.delete-all{background:var(--chat-admin-delete-all-bg);color:var(--chat-text-on-primary)}.admin-mod-btn.delete-all:hover{background:var(--chat-admin-delete-all-hover)}#typing-indicator{position:absolute;top:7px;left:50%;transform:translate(-50%);width:auto;max-width:360px;padding:5px 14px;font-size:12px;color:var(--chat-input-text);font-style:italic;background:var(--chat-input-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:10px;box-shadow:0 2px 33px var(--chat-black-15),0 1px 12px var(--chat-black-10);z-index:100;pointer-events:none;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.conversation-actions-menu .action-icon img{width:20px}.floating-unread-badge{position:absolute;bottom:60px;right:10px;background:linear-gradient(135deg,var(--chat-msg-btn-from) 0%,var(--chat-unread-float-to) 100%);color:#fff;padding:6px 14px;border-radius:18px;cursor:pointer;box-shadow:0 4px 12px var(--chat-msg-btn-glow);z-index:100;animation:slideInUp .3s ease-out;font-size:12px;font-weight:600;letter-spacing:.3px;display:flex;align-items:center;gap:5px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.floating-unread-badge:before{content:"↓";font-size:18px;font-weight:700;animation:bounceDown 1.5s ease-in-out infinite}.floating-unread-badge:hover{background:linear-gradient(135deg,var(--chat-unread-float-to) 0%,var(--chat-unread-badge-to) 100%);transform:translateY(-3px);box-shadow:0 8px 25px var(--chat-msg-btn-glow-hover)}.floating-unread-badge:active{transform:translateY(-1px);box-shadow:0 4px 15px var(--chat-msg-btn-glow)}.floating-unread-badge *{pointer-events:none}.badge-content{display:flex;align-items:center;gap:6px}.badge-count{font-weight:700;font-size:15px}.badge-text{font-weight:500;font-size:13px;opacity:.9}.badge-arrow{font-size:18px;font-weight:700;animation:bounceDown 1.5s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.unread-divider{display:flex;align-items:center;justify-content:center;margin:16px 0;position:relative;padding:0 16px}.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:var(--chat-surface-elevated);position:relative}.unread-divider:before{margin-right:12px}.unread-divider:after{margin-left:12px}.unread-divider span{padding:4px 12px;color:var(--chat-text);font-size:12px;font-weight:500;background:var(--chat-surface-elevated);border-radius:12px;white-space:nowrap;position:relative;z-index:1;transition:all .2s ease}.group-unread-badge{background:var(--chat-error);color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:12px;min-width:20px;text-align:center;box-shadow:0 2px 6px var(--chat-error-alt-30);animation:badgePop .3s cubic-bezier(.68,-.55,.265,1.55)}@keyframes badgePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.conversation-item.has-unread .conversation-name{font-weight:700}.conversation-item.has-unread .conversation-last-message{font-weight:600}.message-skeleton{display:flex;gap:12px;padding:12px;animation:skeletonPulse 1.5s ease-in-out infinite}.message-skeleton-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(90deg,#f0f0f0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite}.message-skeleton-content{flex:1;display:flex;flex-direction:column;gap:8px}.message-skeleton-line{height:14px;background:linear-gradient(90deg,#f0f0f0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s ease-in-out infinite;border-radius:4px}.message-skeleton-line.short{width:60%}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.7}}.scroll-hint{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:var(--chat-overlay-heavy);color:#fff;padding:8px 16px;border-radius:20px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999}.scroll-hint.visible{opacity:1}.reply-preview{position:absolute;left:4%;bottom:calc(100% + 12px);width:92%;display:flex;justify-content:space-between;align-items:center;background:var(--chat-white-35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--chat-white-40);border-left:4px solid var(--chat-surface-card);border-radius:10px;padding:8px 14px;font-family:Inter,Lato,sans-serif;font-size:13px;color:var(--chat-label-dark);line-height:1.4;top:10px;height:50px;box-shadow:0 4px 10px var(--chat-black-08),0 0 12px color-mix(in srgb,var(--chat-surface-card) 20%,transparent);transition:all .25s ease;z-index:10}.reply-preview:hover{transform:translateY(-2px);box-shadow:0 6px 14px var(--chat-black-10),0 0 20px color-mix(in srgb,var(--chat-accent) 25%,transparent)}.reply-preview:before{content:"";position:absolute;top:0;left:10%;width:80%;height:2px;background:var(--chat-gradient-line);border-radius:2px}.reply-preview .close-btn{cursor:pointer;background:none;border:none;font-size:16px;color:var(--chat-modal-text-muted);opacity:.7;transition:opacity .2s}.reply-preview .close-btn:hover{opacity:1}.reply-text{color:var(--chat-text);font-size:16px}.avatar-preview{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px;margin-bottom:15px}.avatar-preview img{border-radius:50%;width:64px;height:64px;padding:5px;transition:transform .3s ease}.avatar-preview img:hover{transform:scale(1.05)}.cchat-msg-wrapper a{text-decoration:underline;font-weight:700}#messageInput::-webkit-scrollbar{width:8px}#messageInput::-webkit-scrollbar-track{background:var(--chat-surface-highlight);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px}#messageInput::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--chat-surface-card),var(--chat-surface-card));border-radius:8px;box-shadow:0 0 6px color-mix(in srgb,var(--chat-accent) 40%,transparent);-webkit-transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s}#messageInput::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--chat-surface-card) 80%,white),color-mix(in srgb,var(--chat-surface-card) 80%,white));box-shadow:0 0 10px color-mix(in srgb,var(--chat-accent) 60%,transparent)}#messageInput::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,var(--chat-neon-from),var(--chat-neon-to));box-shadow:0 0 12px var(--chat-neon-glow)}#messageInput::-webkit-scrollbar-corner{background:transparent}.sound-btn{display:flex;align-items:center;justify-content:center;transition:transform .3s ease,filter .3s ease;cursor:pointer;padding-left:5px!important}.sound-btn:hover{transform:scale(1.1)}.chat-container{background:var(--chat-surface-elevated)}.chat-input-area{position:relative;background:transparent;border-top:unset}#chatInputErrorHandler{position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);display:none;align-items:center;gap:12px;width:520px;padding:16px 18px;background:var(--chat-error-toast-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:4px solid var(--chat-error-toast-border-left);border-top:1px solid var(--chat-error-toast-border-subtle);border-right:1px solid var(--chat-error-toast-border-subtle);border-bottom:1px solid var(--chat-error-toast-border-subtle);border-radius:14px;color:var(--chat-error-toast-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;line-height:1.5;box-shadow:var(--chat-error-toast-shadow);opacity:0;pointer-events:none;z-index:100;overflow:hidden}#chatInputErrorHandler.visible{display:flex;opacity:1;animation:shakeAndFade 3s ease forwards}@keyframes shakeAndFade{0%{transform:translate(-50%);opacity:1}1.5%{transform:translate(calc(-50% - 4px));opacity:1}3%{transform:translate(calc(-50% + 4px));opacity:1}4.5%{transform:translate(calc(-50% - 3px));opacity:1}6%{transform:translate(calc(-50% + 3px));opacity:1}7.5%{transform:translate(calc(-50% - 2px));opacity:1}9%{transform:translate(-50%);opacity:1}33%{transform:translate(-50%);opacity:1}83%{transform:translate(-50%);opacity:1}to{transform:translate(-50%);opacity:0}}#chatInputErrorHandler:before{content:"";display:none}.chat-message.system.room-default{background:var(--chat-surface-elevated);border-left:4px solid var(--chat-surface-card);border-radius:12px;padding:14px 18px;margin:18px 40px;font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:1.6;color:var(--chat-text);position:relative;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px var(--chat-black-08),0 0 12px color-mix(in srgb,var(--chat-accent) 20%,transparent);animation:fadeInUp .4s ease-out}.chat-message-text{font-weight:400;color:var(--chat-accent);position:relative;animation:textReveal .9s ease-out forwards}@keyframes fadeInUp{0%{opacity:0}to{opacity:1}}@keyframes textReveal{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.cchat-other .cchat-msg,.cchat-self .cchat-msg{background:var(--chat-msg-bg);border-radius:10px;padding:8px 16px;word-break:break-word;font-family:Inter,Product Sans,sans-serif;min-width:300px;line-height:1.4;display:inline-block;color:var(--chat-text);box-shadow:0 1px 4px var(--chat-sidebar-bg),0 0 12px color-mix(in srgb,var(--chat-sidebar-bg) 12%,transparent);transition:transform .2s ease-out,box-shadow .2s ease-out;background:var(--chat-sidebar-bg);color:var(--chat-sidebar-text)}.cchat-other .cchat-msg:hover{transform:translateY(-2px);box-shadow:0 4px 10px var(--chat-black-10),0 0 18px color-mix(in srgb,var(--chat-surface-card) 25%,transparent)}.cchat-msg p{margin:0;font-size:12px;font-weight:400;word-break:break-word;line-height:1.4}.cchat-date-group,.cchat-sender-group{display:flex;flex-direction:column}.cchat-messages li.cchat-group-start .cchat-msg time,.cchat-messages li.cchat-group-middle .cchat-msg time{display:none!important}.cchat-messages li.cchat-group-end .cchat-msg time,.cchat-messages li.cchat-group-single .cchat-msg time{display:inline-block!important}.cchat-messages li.cchat-group-middle .cchat-avatar-wrap,.cchat-messages li.cchat-group-end .cchat-avatar-wrap{visibility:hidden}.cchat-messages li.cchat-group-start .cchat-msg{border-bottom-left-radius:8px!important;border-bottom-right-radius:8px!important}.cchat-messages li.cchat-group-middle .cchat-msg{border-radius:8px!important}.cchat-messages li.cchat-group-end .cchat-msg{border-top-left-radius:8px!important;border-top-right-radius:8px!important}.emoji-count-item{display:flex;align-items:center;gap:5px;background:var(--chat-input-bg);color:var(--chat-input-text);padding:4px 8px;border-radius:14px;font-size:13px;line-height:1;font-family:Inter,sans-serif;box-shadow:0 0 2px var(--chat-input-focus-glow);transition:transform .2s ease}.emoji-count-item:hover{transform:scale(1.1);background:var(--chat-sidebar-text-active);color:var(--chat-sidebar-text)}.reaction-panel{pointer-events:none;top:-200px}#floatingDate{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:100;display:flex;justify-content:center;align-items:center;min-width:110px;height:32px;padding:4px 16px;background:linear-gradient(135deg,color-mix(in srgb,var(--chat-surface-card) 10%,var(--chat-surface)),color-mix(in srgb,var(--chat-surface-card) 10%,var(--chat-surface)));border-radius:20px;border:1px solid var(--chat-white-40);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--chat-accent);font-size:12px;font-weight:500;font-family:Inter,sans-serif;text-shadow:0 1px 2px var(--chat-white-60);box-shadow:0 2px 8px var(--chat-black-08),0 0 10px color-mix(in srgb,var(--chat-accent) 20%,transparent);opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none}#floatingDate.show{opacity:1;transform:translate(-50%) translateY(0)}#floatingDate.fade-in{animation:floatFade .5s ease-out}@keyframes floatFade{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cchat-messages{height:100%;scrollbar-gutter:stable}.cchat-messages::-webkit-scrollbar{width:8px}.cchat-messages::-webkit-scrollbar-track{background:color-mix(in srgb,var(--chat-sidebar-bg) 30%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:8px}.cchat-messages::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-sidebar-text) 22%,transparent);border-radius:8px;box-shadow:none;-webkit-transition:background .3s,box-shadow .3s;transition:background .3s,box-shadow .3s}.cchat-messages::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--chat-sidebar-text) 40%,transparent);box-shadow:none}.cchat-messages::-webkit-scrollbar-thumb:active{background:color-mix(in srgb,var(--chat-left-border) 60%,transparent);box-shadow:none}.cchat-messages::-webkit-scrollbar-corner{background:transparent}.cchat-username{margin-bottom:2px;margin-left:-6px;color:var(--chat-sidebar-text);padding:3px 10px;border-radius:8px;background-color:var(--chat-sidebar-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .3s ease,box-shadow .3s ease}.cursor-reward-banner{width:100%}.emoji-popup{position:fixed;background:var(--chat-submenu-bg);color:var(--chat-sidebar-text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--chat-input-border);padding:0;display:none;width:460px;height:400px;max-height:450px;overflow:hidden;border-radius:12px;box-shadow:0 6px 25px color-mix(in srgb,var(--chat-header) 30%,transparent);animation:fadeIn .25s ease-out;transition:transform .2s ease,box-shadow .3s ease}.emoji-popup.show{display:block;opacity:1}.emoji-popup-inner{padding:16px 14px;height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--chat-submenu-text) 30%,transparent) transparent}.emoji-popup-inner::-webkit-scrollbar{width:6px}.emoji-popup-inner::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--chat-submenu-text) 30%,transparent);border-radius:6px}.emoji-popup-inner::-webkit-scrollbar-track{background:transparent}.emoji-popup:hover{transform:translateY(-2px);box-shadow:0 8px 28px color-mix(in srgb,var(--chat-header) 35%,transparent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emoji-item:hover{background-color:unset}.emoji-container hr{display:none;border:none;height:2px;background:var(--chat-gradient-line);opacity:.7;border-radius:2px;margin:12px 0;position:relative;box-shadow:0 0 6px var(--chat-neon-glow-25)}.emoji-container h4{margin:30px 4px 16px 10px;padding:4px 10px;color:var(--chat-neon-harbor);font-family:Inter,Open Sans,sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;background:var(--chat-white-35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:inline-block;box-shadow:0 1px 4px var(--chat-black-10),inset 0 0 3px var(--chat-white-40);transition:all .25s ease}.emoji-container h4:hover{background:var(--chat-white-50);box-shadow:0 0 6px var(--chat-neon-glow-soft);transform:translateY(-1px)}.chat-upgrade-overlay{z-index:1005}.chat-upgrade-modal{max-width:420px}.chat-upgrade-header{padding:24px 24px 16px;border-bottom:1px solid var(--chat-join-border)}.chat-upgrade-icon{width:56px;height:56px;margin:0 auto 16px;background:linear-gradient(135deg,var(--chat-join-primary),var(--chat-join-primary-hover));border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-upgrade-icon svg,.chat-upgrade-icon i{width:28px;height:28px;color:#fff}.chat-upgrade-tabs{display:flex;gap:4px;padding:16px 24px;background:var(--chat-join-bg)}.chat-upgrade-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:var(--chat-join-radius-sm);font-size:14px;font-weight:600;color:var(--chat-join-muted);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.chat-upgrade-tab:hover{background:var(--chat-join-surface);color:var(--chat-join-text)}.chat-upgrade-tab.active{background:var(--chat-join-surface);color:var(--chat-join-primary);box-shadow:0 2px 8px var(--chat-black-10)}.chat-upgrade-tab svg{width:18px;height:18px}.chat-upgrade-panel{display:none;padding:24px}.chat-upgrade-panel.active{display:block}.chat-upgrade-form{display:flex;flex-direction:column;gap:16px}.chat-upgrade-field{display:flex;flex-direction:column;gap:6px}.chat-upgrade-label{font-size:13px;font-weight:600;color:var(--chat-join-text)}.chat-upgrade-input{width:100%;padding:12px 14px;font-size:15px;border:2px solid var(--chat-join-border);border-radius:var(--chat-join-radius-sm);background:var(--chat-join-bg);color:var(--chat-join-text);transition:border-color .2s,box-shadow .2s}.chat-upgrade-input:focus{outline:none;border-color:var(--chat-join-primary);box-shadow:0 0 0 3px var(--chat-join-primary-light)}.chat-upgrade-input::-moz-placeholder{color:var(--chat-join-text-muted)}.chat-upgrade-input::placeholder{color:var(--chat-join-text-muted)}.chat-upgrade-field-error{font-size:12px;color:var(--chat-join-error);margin-top:4px}.chat-upgrade-btn{width:100%;padding:14px 20px;font-size:15px;font-weight:600;border:none;border-radius:var(--chat-join-radius-sm);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.chat-upgrade-btn-primary{background:linear-gradient(135deg,var(--chat-primary),var(--chat-primary-hover))!important;color:var(--chat-text-on-primary)!important;border:none!important}.chat-upgrade-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--chat-primary) 40%,transparent)}.chat-upgrade-btn-primary:disabled{opacity:.6;cursor:not-allowed}.chat-upgrade-btn-google{background:linear-gradient(135deg,var(--chat-primary),var(--chat-primary-hover))!important;color:var(--chat-text-on-primary)!important;border:none!important;margin-bottom:23px}.chat-upgrade-btn-google:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--chat-primary) 40%,transparent)}.chat-upgrade-btn svg{width:20px;height:20px}.chat-upgrade-info{display:flex;gap:12px;padding:14px;background:var(--chat-join-primary-light);border-radius:var(--chat-join-radius-sm);margin-bottom:8px}.chat-upgrade-info-icon{flex-shrink:0;width:20px;height:20px;color:var(--chat-join-primary)}.chat-upgrade-info-text{font-size:13px;color:var(--chat-join-text);line-height:1.5}.chat-upgrade-google-content{text-align:center}.chat-upgrade-google-icon{width:64px;height:64px;margin:0 auto 20px;background:var(--chat-near-white);border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-upgrade-google-icon svg{width:32px;height:32px}.chat-upgrade-google-desc{font-size:14px;color:var(--chat-join-muted);line-height:1.6}.chat-upgrade-error{display:none;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:var(--chat-join-error-bg);border:1px solid var(--chat-join-error);border-radius:var(--chat-join-radius-xs);color:var(--chat-join-error);font-size:13px}.chat-upgrade-error.visible{display:flex}.chat-upgrade-success{display:none;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:var(--chat-join-success-bg);border:1px solid var(--chat-success);border-radius:var(--chat-join-radius-xs);color:var(--chat-success);font-size:13px}.chat-upgrade-success.visible{display:flex}@media(max-width:480px){.chat-upgrade-modal{max-width:100%;max-height:90vh;border-radius:var(--chat-join-radius) var(--chat-join-radius) 0 0;margin-top:auto}.chat-upgrade-overlay{align-items:flex-end;padding:0}.chat-upgrade-header{padding:20px 20px 14px}.chat-upgrade-title{font-size:20px}.chat-upgrade-panel{padding:20px}.chat-upgrade-tabs{padding:12px 16px}.chat-upgrade-tab{padding:10px 12px;font-size:13px}}.cchat-self .cchat-action-btn{margin-bottom:5px}.cchat-action-delete{padding-bottom:4px}.cchat-action-delete:hover{color:var(--chat-danger)!important;background:color-mix(in srgb,var(--chat-danger) 15%,transparent)}.cchat-messages{list-style:none;margin:0;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:0 13px}.cchat-messages.is-loading{opacity:.6;pointer-events:none}.cchat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:var(--chat-text);opacity:.7}.cchat-empty-state p{margin:0 0 8px;font-size:15px}.group-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1;padding:20px;pointer-events:none}.group-empty-state.hidden{display:none!important}.group-empty-state-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;background:color-mix(in srgb,var(--chat-sidebar-bg) 85%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:28px 36px 24px;border-radius:18px;border:1px solid color-mix(in srgb,var(--chat-sidebar-text) 8%,transparent);box-shadow:0 4px 24px color-mix(in srgb,#000 10%,transparent)}.group-empty-state-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--chat-left-border) 10%,transparent);color:var(--chat-left-border);margin-bottom:12px;transition:transform .3s ease}.group-empty-state:hover .group-empty-state-icon{transform:scale(1.07)}.group-empty-state-icon i{font-size:32px}.group-empty-state-title{font-size:16px;font-weight:600;color:var(--chat-sidebar-text);line-height:1.4}.group-empty-state-hint{font-size:13px;color:color-mix(in srgb,var(--chat-sidebar-text) 60%,transparent);line-height:1.4}.group-private-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2;background:var(--chat-surface-elevated);padding:20px}.group-private-empty-state.hidden{display:none!important}.group-private-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px}.group-private-empty-icon{width:88px;height:88px;border-radius:26px;display:flex;align-items:center;justify-content:center;color:var(--chat-join-primary, #3b82f6);background:color-mix(in srgb,var(--chat-join-primary, #3b82f6) 10%,transparent);margin-bottom:20px;transition:transform .3s ease}.group-private-empty-state:hover .group-private-empty-icon{transform:scale(1.05)}.group-private-empty-icon svg{width:40px;height:40px;stroke-width:1.5}.group-private-empty-title{margin:0;max-width:340px;font-size:16px;font-weight:600;line-height:1.5;text-align:center;color:var(--chat-text);opacity:.75}#groupChatView.invite-preview-mode .cchat-actions{display:none!important}#groupChatView.invite-preview-mode .cchat-emoji-list{pointer-events:none}.cchat-empty-hint{font-size:13px;opacity:.6}.cchat-retry-btn{margin-top:16px;padding:8px 20px;background:var(--chat-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.cchat-retry-btn:hover{background:color-mix(in srgb,var(--chat-primary) 80%,black)}.cchat-message-item{background:var(--chat-msg-bg);border:1px solid var(--chat-msg-border);border-radius:12px;padding:10px 12px;color:var(--chat-msg-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cchat-message-item.is-pending{border-color:var(--chat-msg-pending);box-shadow:0 0 0 1px color-mix(in srgb,var(--chat-msg-pending) 40%,transparent)}.cchat-self.is-failed .cchat-msg,.cchat-other.is-failed .cchat-msg{border-left:3px solid var(--chat-error-border-transparent);position:relative;overflow:hidden}.cchat-self.is-failed .cchat-msg:before,.cchat-other.is-failed .cchat-msg:before{content:"";position:absolute;top:-50%;left:-100%;width:40%;height:200%;background:linear-gradient(to bottom right,transparent 0%,var(--chat-surface) 30%,var(--chat-surface-highlight) 50%,var(--chat-white-05) 70%,transparent 100%);transform:skew(-25deg);animation:swordShine 3s ease-in-out infinite;pointer-events:none;z-index:10}@keyframes swordShine{0%{left:-100%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:150%;opacity:0}}.cchat-message-item.is-failed{border-color:var(--chat-msg-failed);box-shadow:0 0 0 1px color-mix(in srgb,var(--chat-msg-failed) 40%,transparent)}.cchat-message-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}.cchat-message-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.cchat-message-name{font-weight:700;color:var(--chat-msg-text)}.cchat-message-time{margin-left:auto;color:var(--chat-msg-muted);font-size:12px}.cchat-message-status{font-size:12px;color:var(--chat-msg-muted);padding:2px 8px;border-radius:999px;border:1px solid var(--chat-msg-border)}.cchat-message-item.is-pending .cchat-message-status{color:var(--chat-msg-pending);border-color:color-mix(in srgb,var(--chat-msg-pending) 50%,transparent)}.cchat-message-item.is-failed .cchat-message-status{color:var(--chat-msg-failed);border-color:color-mix(in srgb,var(--chat-msg-failed) 50%,transparent)}.cchat-message-body{white-space:pre-wrap;line-height:1.4;color:var(--chat-msg-text)}.cchat-message-actions{display:flex;gap:10px;margin-top:10px;margin-right:10px}.message-action{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;min-height:30px;border-radius:12px;font-size:13px;font-weight:500;line-height:1;background:var(--chat-black-32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--chat-border-soft);color:var(--chat-text-on-primary);cursor:pointer;transition:background-color .16s ease,border-color .16s ease,transform .14s ease,box-shadow .14s ease}.message-action:hover{background:var(--chat-surface-overlay);border-color:var(--chat-border-strong);transform:scale(1.05)}.message-action:active{transform:scale(.98);box-shadow:inset 0 2px 4px var(--chat-black-45)}.message-action.retry{background:var(--chat-black-38)}.message-action.cancel{background:var(--chat-black-26)}.message-action:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.send-actions{display:flex;flex:0 0 auto;align-items:stretch;gap:0;margin-left:0}.chat-send-cooldown{font-size:12px;color:var(--chat-msg-muted);min-width:90px}.sticker-message{margin:0!important;padding:0!important;background:transparent!important}.chat-sticker-container{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.chat-sticker-container svg{position:absolute;top:0;left:0;width:100%;height:100%}.cchat-msg:has(.sticker-message){background:transparent!important;box-shadow:none!important;padding:4px!important}.cchat-msg-wrapper:has(.sticker-message):hover .cchat-actions{display:none!important}.cchat-msg:has(.sticker-message):hover .cchat-username{text-decoration:none!important}.gif-message{margin:0!important;padding:0!important;background:transparent!important}.chat-gif-img{display:block;max-width:240px;max-height:200px;width:auto;height:auto;border-radius:10px;-o-object-fit:contain;object-fit:contain}.cchat-msg:has(.gif-message){background:transparent!important;box-shadow:none!important;padding:4px!important;text-align:right;min-width:unset}:root,body.chat-page,.chat-window,.chat-container,.friends-list-container,.friend-request-notification,.chat-messages,.friends-category,.chat-input-area,.room-list,.user-profile-popup,.chat-header,.chat-sidebar,.cchat-container{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}.cchat-action-edit{padding-bottom:3px}.group-member-item.is-disabled{opacity:.6;cursor:not-allowed;background:color-mix(in srgb,var(--chat-surface-elevated) 30%,transparent);border-color:transparent}.group-member-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--chat-surface-3)}.dm-delete-body{padding:16px 24px;color:var(--chat-text-muted);font-size:14px;line-height:1.5}.dm-delete-warning{margin:0 24px 16px;padding:12px 16px;background:color-mix(in srgb,var(--chat-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--chat-error) 20%,transparent);border-radius:10px;color:var(--chat-error);font-size:13px;line-height:1.5;display:flex;align-items:center;gap:10px}.dm-delete-warning i{font-size:14px}.dm-confirm-footer{padding:16px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--chat-border);background:color-mix(in srgb,var(--chat-surface-elevated) 50%,transparent);border-radius:0 0 16px 16px}.dm-start-card{border-radius:16px;overflow:visible}.user-name[data-role=user-menu-name]{display:inline-block;max-width:100px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}#welcomeUN{display:inline-block;max-width:25ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle}.user-name[data-role=user-menu-name] .emoji-name-inline,#welcomeUN .emoji-name-inline{width:16px;height:16px;padding:0;margin:0}.mobile-header-center{display:none}.mobile-header-back{display:none;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border:none;background:transparent;color:var(--chat-header-text);cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent;transition:background .15s ease;flex-shrink:0}.mobile-header-back:active{background:var(--chat-header-button-hover)}.mobile-room-icon{width:22px;height:22px;border-radius:5px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.mobile-room-name{font-size:13px;font-weight:700;color:var(--chat-header-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-room-count{font-size:11px;color:color-mix(in srgb,var(--chat-header-text) 55%,transparent);flex-shrink:0;white-space:nowrap}.mobile-room-count:not(:empty):before{content:"·";margin-right:3px}@media(max-width:640px){.chat-container{height:80svh!important;max-height:none!important;min-height:320px!important;resize:none!important;margin-bottom:0!important;display:flex!important;flex-direction:column!important}.mobile-header-center{display:flex;flex:1 1 auto;align-items:center;justify-content:center;gap:5px;min-width:0;overflow:hidden;padding:0 6px}.left-header-section{flex:0 0 auto}.chat-rooms-list{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0}.chat-rooms-list ul{display:flex;flex-direction:column;gap:2px}.chat-rooms-list li.room-item{min-height:58px;padding:10px 16px;gap:14px;border-radius:0!important;border-bottom:1px solid color-mix(in srgb,var(--chat-border) 40%,transparent)}.chat-rooms-list li.room-item:last-child{border-bottom:none}.chat-rooms-list li.room-item img.room-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0}.chat-rooms-list li.room-item .room-name-text{font-size:15px;font-weight:600}.chat-rooms-list li.room-item .room-count{width:28px;height:28px;font-size:12px;font-weight:700}#chatV2.mobile-sidebar-open .mobile-room-icon,#chatV2.mobile-sidebar-open .mobile-room-name,#chatV2.mobile-sidebar-open .mobile-room-count{display:none}#chatV2.mobile-sidebar-open .mobile-header-back{display:flex}.chat-left-sidebar:not(.hidden){width:100%!important;max-width:100%!important;min-width:0!important;border-right:none!important}.cchat-msg{max-width:82%!important}.cchat-reply-ref .reply-to-text{max-width:140px}.cchat-messages li{padding:2px 6px}.msg-ph-right{display:none!important}.dm-view-header{padding:4px 10px!important;gap:8px!important}.newNotReadMessages{bottom:70px!important}}.mobile-room-selector{display:none;align-items:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:5px 8px;border-radius:8px;min-width:0;max-width:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:background .15s ease;color:inherit}.mobile-room-selector:active{background:color-mix(in srgb,var(--chat-header-text) 12%,transparent)}.mobile-room-chevron{flex-shrink:0;transition:transform .2s ease;color:color-mix(in srgb,var(--chat-header-text) 65%,transparent)}.mobile-room-picker-overlay.is-open~* .mobile-room-chevron,#mobileRoomSelectorBtn[aria-expanded=true] .mobile-room-chevron{transform:rotate(180deg)}.mobile-room-picker-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;flex-direction:column;background:var(--chat-messages-bg, #fff);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}.mobile-room-picker-overlay.is-open{display:flex;animation:mobilePickerSlideIn .22s ease}@keyframes mobilePickerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-room-picker-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 16px;height:52px;flex-shrink:0;border-bottom:1px solid var(--chat-border);background:var(--chat-header)}.mobile-room-picker-title{font-size:15px;font-weight:700;color:var(--chat-header-text)}.mobile-room-picker-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;cursor:pointer;color:var(--chat-header-text);border-radius:8px;-webkit-tap-highlight-color:transparent}.mobile-room-picker-close:active{background:color-mix(in srgb,var(--chat-header-text) 12%,transparent)}.mobile-room-picker-list{list-style:none;margin:0;padding:8px 0;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.mobile-room-picker-item{display:flex;align-items:center;gap:14px;padding:10px 16px;min-height:62px;cursor:pointer;border-bottom:1px solid color-mix(in srgb,var(--chat-border) 45%,transparent);transition:background .12s ease;color:var(--chat-sidebar-text)}.mobile-room-picker-item:last-child{border-bottom:none}.mobile-room-picker-item:active,.mobile-room-picker-item:hover{background:color-mix(in srgb,var(--chat-sidebar-bg-active) 40%,transparent)}.mobile-room-picker-item.active{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active)}.mobile-room-picker-icon{width:40px;height:40px;border-radius:10px;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.mobile-room-picker-name{flex:1;font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-room-picker-count{font-size:12px;font-weight:700;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:color-mix(in srgb,var(--chat-sidebar-bg) 80%,transparent);color:var(--chat-sidebar-text);padding:0 6px;flex-shrink:0}@media(max-width:640px){.mobile-room-selector{display:flex}}.mobile-tab-bar,.mobile-tab-badge{display:none}@media(max-width:640px){.chat-header{height:52px;min-height:52px;padding:6px 12px;gap:8px}.chat-header .selector-container.glass-container{display:none!important}#avaImage{width:36px;height:36px;margin-left:-6px}.welcome-subtext{display:none!important}#welcomeUN{font-size:12px!important;max-width:10ch!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}#chatMessageAva{padding:4px 10px 4px 0!important;height:36px}#chatMessageAva:hover{padding-right:10px}.cadmin-menu__trigger{width:36px;height:36px}.mobile-tab-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-around;background:var(--chat-header);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid var(--chat-border);border-radius:0 0 10px 10px;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0px);min-height:58px;flex-shrink:0;box-shadow:0 -1px 0 var(--chat-border);z-index:10}.mobile-tab-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1 1 0;min-height:44px;padding:6px 4px;background:transparent;border:none;cursor:pointer;position:relative;border-radius:10px;transition:background .2s ease,transform .1s ease;color:var(--chat-header-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-tab-btn:active{background:var(--chat-header-button-hover);transform:scale(.94)}.mobile-tab-btn.is-active{background:var(--chat-header-button-hover)}.mobile-tab-btn img{width:26px;height:26px;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease;display:block}.mobile-tab-btn.is-active img{transform:scale(1.12);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--chat-accent) 70%,transparent))}.mobile-tab-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;opacity:.75;white-space:nowrap;line-height:1;color:var(--chat-header-text);transition:opacity .2s ease}.mobile-tab-btn.is-active .mobile-tab-label{opacity:1}.mobile-tab-badge{position:absolute;top:3px;right:calc(50% - 22px);background:var(--chat-error);color:#fff;font-size:10px;font-weight:800;height:18px;min-width:18px;padding:0 4px;border-radius:9px;align-items:center;justify-content:center;border:2px solid var(--chat-border-soft);box-shadow:0 2px 4px var(--chat-black-25);z-index:10}.chat-left-sidebar:not(.hidden){position:absolute!important;left:0;top:0;bottom:0;width:min(280px,calc(100% - 48px))!important;min-width:220px!important;max-width:280px!important;z-index:100;box-shadow:2px 0 16px var(--chat-black-30)}}.mobile-conversations-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-width:100%;max-width:100%;z-index:200;flex-direction:column;background:var(--chat-messages-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}@media(max-width:640px){.mobile-conversations-overlay.is-open{display:flex}}.mobile-conversations-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 16px;height:52px;border-bottom:1px solid var(--chat-border);background:var(--chat-header);flex-shrink:0;gap:8px}.mobile-conversations-overlay-title{font-size:15px;font-weight:700;color:var(--chat-header-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-conversations-overlay-close{width:40px;height:40px;border:none;background:transparent!important;color:var(--chat-header-text);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.mobile-conversations-overlay-close:active{background:color-mix(in srgb,var(--chat-header-text) 12%,transparent)!important}.mobile-conversations-tab-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 12px;border-bottom:1px solid var(--chat-border);background:var(--chat-messages-bg);flex-shrink:0}.mobile-conversations-tab{height:32px;border-radius:8px;border:1px solid var(--chat-input-border)!important;background:var(--chat-input-bg)!important;color:var(--chat-sidebar-text);font-size:12px;font-weight:700;cursor:pointer;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent}.mobile-conversations-tab.is-active{background:var(--chat-sidebar-bg-active)!important;color:var(--chat-sidebar-text-active)!important;border-color:var(--chat-sidebar-bg-active)!important}.mobile-conversations-overlay-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-conversations-overlay-body .chat-conversations-loader{margin:6px 8px 0}.mobile-conversations-overlay .chat-conversations-items{min-height:calc(100% - 8px)}.mobile-friends-overlay{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;flex-direction:column;background:var(--chat-messages-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}@media(max-width:640px){.mobile-friends-overlay.is-open{display:flex}}.mobile-friends-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 16px;height:52px;border-bottom:1px solid var(--chat-border);background:var(--chat-header);flex-shrink:0;gap:8px}.mobile-friends-overlay-title-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.mobile-friends-overlay-title{font-size:15px;font-weight:700;color:var(--chat-header-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-friends-overlay-badge{display:inline-flex!important;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:color-mix(in srgb,var(--chat-header-button-hover) 78%,var(--chat-accent));color:var(--chat-header-text);font-size:11px;font-weight:700;flex-shrink:0}.mobile-friends-overlay-close{width:40px;height:40px;border:none;background:transparent!important;color:var(--chat-header-text);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.mobile-friends-overlay-close:active{background:color-mix(in srgb,var(--chat-header-text) 12%,transparent)!important}.mobile-friends-overlay-search-row{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--chat-border);background:var(--chat-messages-bg);flex-shrink:0}.mobile-friends-search-input{flex:1;height:38px;border-radius:8px!important;border:1px solid var(--chat-input-border)!important;background:var(--chat-input-bg)!important;color:var(--chat-input-text)!important;padding:0 12px!important;font-size:14px!important;outline:none!important;box-shadow:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;min-width:0}.mobile-friends-search-input::-moz-placeholder{color:var(--chat-input-placeholder)!important}.mobile-friends-search-input::placeholder{color:var(--chat-input-placeholder)!important}.mobile-friends-search-input:focus{border-color:var(--chat-focus-ring-border)!important;box-shadow:0 0 0 3px var(--chat-focus-ring)!important;outline:none!important}.mobile-friends-sort-btn{width:38px;height:38px;border-radius:8px;border:1px solid var(--chat-input-border)!important;background:var(--chat-input-bg)!important;color:var(--chat-input-placeholder);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-tap-highlight-color:transparent}.mobile-friends-sort-popup{display:none;position:absolute;top:calc(100% + 6px);right:0;background:var(--chat-sidebar-bg);border:1px solid var(--chat-border);border-radius:10px;overflow:hidden;min-width:160px;z-index:10;box-shadow:0 6px 20px color-mix(in srgb,var(--chat-black-50) 80%,transparent)}.mobile-friends-sort-popup.is-open{display:block}.mobile-friends-sort-option{padding:11px 14px;font-size:13px;color:var(--chat-sidebar-text);cursor:pointer;transition:background .12s;-webkit-tap-highlight-color:transparent}.mobile-friends-sort-option:active,.mobile-friends-sort-option.active{background:var(--chat-sidebar-bg-active);color:var(--chat-sidebar-text-active)}.mobile-friends-overlay-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0 8px}.mobile-friends-overlay-list .friend-item{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 16px!important;cursor:pointer;transition:background .12s;-webkit-tap-highlight-color:transparent;margin:0!important;border-radius:0!important;background:transparent!important}.mobile-friends-overlay-list .friend-item:active{background:var(--chat-sidebar-bg-active)!important}.mobile-friends-overlay-list .friend-avatar-container{position:relative!important;flex-shrink:0!important;width:44px!important;height:44px!important}.mobile-friends-overlay-list .friend-avatar{width:44px!important;height:44px!important;border-radius:50%!important;-o-object-fit:cover!important;object-fit:cover!important}.mobile-friends-overlay-list .friend-online-indicator{position:absolute!important;bottom:1px!important;right:1px!important;width:12px!important;height:12px!important;border-radius:50%!important;border:2px solid var(--chat-sidebar-bg)!important;background:transparent!important}.mobile-friends-overlay-list .friend-online-indicator.online{background:var(--chat-btn-accept-from)!important;box-shadow:0 0 8px color-mix(in srgb,var(--chat-btn-accept-from) 60%,transparent)!important}.mobile-friends-overlay-list .friend-info{flex:1!important;min-width:0!important}.mobile-friends-overlay-list .friend-name-row{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}.mobile-friends-overlay-list .friend-name{font-size:14px!important;font-weight:600!important;color:var(--chat-sidebar-text)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.mobile-friends-overlay-list .friend-role-badge{font-size:10px!important;padding:1px 5px!important;border-radius:4px!important;flex-shrink:0!important}.mobile-friends-overlay-list .friend-request-actions{display:flex!important;gap:6px!important;margin-top:4px!important}.mobile-friends-overlay-list .friend-request-actions button{height:28px!important;padding:0 10px!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;border:none!important;-webkit-tap-highlight-color:transparent!important}.mobile-friends-overlay-list .friends-request-status{font-size:11px!important;color:var(--chat-time)!important;margin-top:2px!important}.mobile-friends-overlay-loading{padding:24px 16px;text-align:center;color:var(--chat-time);font-size:13px}@media(max-width:640px){.mobile-friends-overlay.is-profile-open .mobile-friends-overlay-header,.mobile-friends-overlay.is-profile-open .mobile-friends-overlay-search-row,.mobile-friends-overlay.is-profile-open .mobile-friends-overlay-list,.mobile-friends-overlay.is-profile-open .mobile-friends-overlay-loading{display:none!important}.mobile-friends-overlay #userProfilePopup.mobile-friends-profile-popup{position:absolute!important;right:0!important;bottom:0!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;min-width:0!important;height:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;border:none!important;box-shadow:none!important;padding:12px!important;background:var(--chat-messages-bg)!important;color:var(--chat-sidebar-text)!important;overflow-y:auto!important;z-index:2!important;transform:none!important;opacity:1!important}.mobile-friends-profile-popup .profile-popup-header{padding:4px 0 10px!important;margin-bottom:8px!important;border-bottom:1px solid var(--chat-border)!important;gap:10px!important}.mobile-friends-profile-back{width:34px;height:34px;min-width:34px;border:none;border-radius:8px;background:var(--chat-header-button-hover)!important;color:var(--chat-header-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin-right:2px;-webkit-tap-highlight-color:transparent;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.mobile-friends-profile-back:active{background:color-mix(in srgb,var(--chat-header-button-hover) 68%,var(--chat-accent))!important}.mobile-friends-profile-popup .profile-popup-actions .friendship-popup-row{gap:10px!important;justify-content:flex-start!important;flex-wrap:wrap!important}.mobile-friends-profile-popup .profile-popup-block-actions{gap:10px!important;margin:12px 0 10px!important}.mobile-friends-profile-popup .profile-block-card{margin-bottom:8px!important}.mobile-friends-profile-popup .profile-block-popover{position:static!important;left:auto!important;top:auto!important;width:100%!important;margin-top:8px!important;transform:none!important;opacity:1!important;pointer-events:auto!important}.mobile-friends-profile-popup .profile-block-arrow{display:none!important}.mobile-friends-profile-popup .profile-popover-glass-base{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:var(--chat-sidebar-bg)!important}}