:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e9edef;--bg-0: #ffffff;--bg-1: #f0f2f5;--text-primary: #1a1a1a;--text-secondary: #54656f;--text-muted: #667781;--text-placeholder: #8696a0;--brand-primary: #00a884;--brand-secondary: #128c7e;--brand-accent: #22d3ee;--border-light: #e0e0e0;--border-medium: #d1d7db;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--z-negative: -1;--z-base: 0;--z-above: 1;--z-sticky: 100;--z-dropdown: 500;--z-overlay: 1000;--z-modal: 2000;--z-toast: 5000;--z-tooltip: 9999;--z-max: 100000;--app-height: 100dvh;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--sat: var(--safe-area-top);--sab: var(--safe-area-bottom);--sal: var(--safe-area-left);--sar: var(--safe-area-right)}[data-theme=dark]{--bg-primary: #111b21;--bg-secondary: #202c33;--bg-tertiary: #2a3942;--bg-0: #0b141a;--bg-1: #1f2c33;--text-primary: #e9edef;--text-secondary: #d1d7db;--text-muted: #8696a0;--text-placeholder: #667781;--border-light: #222d34;--border-medium: #3b4a54}:root{--game-gradient-primary: linear-gradient(135deg, #ec4899, #8b5cf6);--game-gradient-secondary: linear-gradient(135deg, #ec4899, #be185d);--game-gradient-success: linear-gradient(135deg, #10b981, #059669);--game-gradient-truth: linear-gradient(135deg, #3b82f6, #1d4ed8);--game-gradient-dare: linear-gradient(135deg, #ef4444, #b91c1c);--game-glass-bg: rgba(255, 255, 255, .03);--game-glass-border: 1px solid rgba(255, 255, 255, .1);--game-glass-blur: blur(20px);--game-glass-blur-sm: blur(10px);--game-card-shadow: 0 20px 50px rgba(0, 0, 0, .3);--game-button-shadow: 0 10px 25px rgba(236, 72, 153, .4);--game-transition: all .3s cubic-bezier(.4, 0, .2, 1)}:root{--theme-backdrop-blur: blur(16px);--theme-text-contrast: 0 2px 4px rgba(0, 0, 0, .15);--theme-icon-shadow: 0 1px 3px rgba(0, 60, 40, .2);--theme-message-shadow: 0 1px 4px rgba(0, 60, 40, .08);--chat-bg-gradient: radial-gradient(circle at 20% 80%, rgba(0, 168, 132, .07) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(18, 140, 126, .05) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(37, 211, 102, .04) 0%, transparent 60%), linear-gradient(180deg, #ffffff 0%, #e8f5e9 50%, #f0faf4 100%);--sent-message-bg: linear-gradient(135deg, #00a884 0%, #00876a 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .18);--sent-message-shadow: 0 2px 10px rgba(0, 168, 132, .25);--sent-message-meta: rgba(255, 255, 255, .85);--received-message-bg: #ffffff;--received-message-text: #111b21;--received-message-border: 1px solid rgba(0, 60, 40, .06);--received-message-shadow: 0 1px 4px rgba(0, 0, 0, .05);--received-message-meta: rgba(0, 0, 0, .45);--tick-color: rgba(255, 255, 255, .5);--tick-read-color: #a7f3d0;--chat-header-bg: #ffffff;--chat-header-text: #0c1e17;--chat-header-icon-color: #1a3a2a;--chat-header-shadow: 0 1px 3px rgba(0, 60, 40, .08);--chat-header-border: 1px solid rgba(0, 60, 40, .06);--chat-composer-bg: #ffffff;--chat-input-bg: #ffffff;--chat-input-text: #111b21;--chat-input-placeholder: #667781;--chat-input-icon-color: #00a884;--chat-input-border: 1px solid rgba(0, 168, 132, .15);--chat-input-shadow: 0 1px 4px rgba(0, 0, 0, .05);--chat-input-focus-ring: rgba(0, 168, 132, .3);--chat-send-btn-bg: linear-gradient(135deg, #00a884, #00876a);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 3px 10px rgba(0, 168, 132, .3);--date-separator-bg: rgba(255, 255, 255, .88);--date-separator-text: #1a3a2a;--date-separator-shadow: 0 1px 4px rgba(0, 60, 40, .08);--date-separator-border: none;--date-separator-radius: 8px;--system-message-bg: rgba(232, 245, 233, .85);--system-message-text: #1a3a2a;--system-message-shadow: 0 1px 3px rgba(0, 60, 40, .06);--typing-indicator-bg: var(--received-message-bg);--typing-indicator-dot: #00a884;--typing-indicator-border: var(--received-message-border);--link-color-received: #00876a;--link-color-sent: #a7f3d0;--reply-bar-color: #00a884;--reply-bg-sent: rgba(255, 255, 255, .15);--reply-bg-received: rgba(0, 168, 132, .06);--reply-text-sent: rgba(255, 255, 255, .85);--reply-text-received: #4a6e5c;--reply-name-sent: rgba(255, 255, 255, .95);--reply-name-received: #00a884;--unread-badge-bg: #00a884;--unread-badge-text: #ffffff;--unread-badge-shadow: 0 2px 6px rgba(0, 168, 132, .3);--scroll-btn-bg: rgba(255, 255, 255, .92);--scroll-btn-icon: #00a884;--scroll-btn-shadow: 0 2px 8px rgba(0, 60, 40, .12);--scroll-btn-hover-bg: #ffffff;--reaction-pill-bg: rgba(0, 168, 132, .05);--reaction-pill-border: 1px solid rgba(0, 168, 132, .1);--reaction-pill-active-bg: rgba(0, 168, 132, .12);--reaction-pill-active-border: 1px solid rgba(0, 168, 132, .3);--reaction-count-color: #4a6e5c;--audio-waveform-color: #a0aec0;--audio-waveform-played: #00a884;--audio-progress-bg: rgba(0, 60, 40, .08);--media-caption-bg: rgba(0, 0, 0, .6);--media-caption-text: #ffffff;--chat-buttons-bg: var(--sent-message-bg);--chat-buttons-text: var(--sent-message-text)}[data-theme=dark]{--chat-bg-gradient: radial-gradient(circle at 20% 80%, rgba(0, 92, 75, .12) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(0, 168, 132, .05) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(11, 61, 54, .08) 0%, transparent 60%), linear-gradient(180deg, #111b21 0%, #0b141a 100%);--sent-message-bg: #005c4b;--sent-message-text: #e9edef;--sent-message-border: 1px solid rgba(0, 168, 132, .12);--sent-message-shadow: 0 2px 8px rgba(0, 0, 0, .3);--sent-message-meta: rgba(255, 255, 255, .6);--received-message-bg: #202c33;--received-message-text: #e9edef;--received-message-border: 1px solid rgba(255, 255, 255, .05);--received-message-shadow: 0 2px 8px rgba(0, 0, 0, .25);--received-message-meta: rgba(255, 255, 255, .5);--tick-color: rgba(255, 255, 255, .35);--tick-read-color: #53bdeb;--chat-header-bg: #1f2c33;--chat-header-text: #e9edef;--chat-header-icon-color: #aebac1;--chat-header-shadow: 0 1px 3px rgba(0, 0, 0, .3);--chat-header-border: 1px solid rgba(255, 255, 255, .04);--chat-composer-bg: #1f2c33;--chat-input-bg: #1f2c33;--chat-input-text: #e9edef;--chat-input-placeholder: #667781;--chat-input-icon-color: #8696a0;--chat-input-border: 1px solid rgba(255, 255, 255, .06);--chat-input-shadow: none;--chat-input-focus-ring: rgba(0, 168, 132, .3);--chat-send-btn-bg: #00a884;--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 8px rgba(0, 0, 0, .4);--date-separator-bg: rgba(32, 44, 51, .9);--date-separator-text: #8696a0;--date-separator-shadow: 0 1px 3px rgba(0, 0, 0, .2);--date-separator-border: 1px solid rgba(255, 255, 255, .04);--system-message-bg: rgba(32, 44, 51, .85);--system-message-text: #8696a0;--system-message-shadow: 0 1px 3px rgba(0, 0, 0, .15);--typing-indicator-dot: #00a884;--link-color-received: #53bdeb;--link-color-sent: #53bdeb;--reply-bar-color: #00a884;--reply-bg-sent: rgba(0, 168, 132, .08);--reply-bg-received: rgba(255, 255, 255, .04);--reply-text-sent: rgba(255, 255, 255, .65);--reply-text-received: rgba(255, 255, 255, .55);--reply-name-sent: #00a884;--reply-name-received: #00a884;--unread-badge-bg: #00a884;--unread-badge-text: #ffffff;--unread-badge-shadow: 0 2px 6px rgba(0, 0, 0, .4);--scroll-btn-bg: rgba(32, 44, 51, .92);--scroll-btn-icon: #aebac1;--scroll-btn-shadow: 0 2px 8px rgba(0, 0, 0, .35);--scroll-btn-hover-bg: #2a3942;--reaction-pill-bg: rgba(255, 255, 255, .04);--reaction-pill-border: 1px solid rgba(255, 255, 255, .06);--reaction-pill-active-bg: rgba(0, 168, 132, .12);--reaction-pill-active-border: 1px solid rgba(0, 168, 132, .25);--reaction-count-color: #8696a0;--audio-waveform-color: #4a5568;--audio-waveform-played: #00a884;--audio-progress-bg: rgba(255, 255, 255, .06)}:root,[data-theme=light]{--chat-bg-base: #e5ddd5;--chat-bg-gradient: radial-gradient(circle at 20% 80%, rgba(0, 142, 111, .06) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(18, 140, 126, .05) 0%, transparent 50%), linear-gradient(180deg, #eae6df 0%, #dfd5cd 100%);--chat-pattern-gradient: linear-gradient(135deg, #008e6f 0%, #128c7e 100%);--chat-pattern-opacity: .12;--chat-pattern-size: 400px;--chat-pattern-color: #008e6f;--chat-pattern-blend: overlay;--sent-message-bg: #d9fdd3;--sent-message-text: #111b21;--sent-message-border: none;--sent-message-shadow: 0 1px .5px rgba(11, 20, 26, .13);--sent-message-meta: rgba(17, 27, 33, .55);--sent-message-radius: 7.5px;--received-message-bg: #ffffff;--received-message-text: #111b21;--received-message-border: none;--received-message-shadow: 0 1px .5px rgba(11, 20, 26, .13);--received-message-meta: rgba(17, 27, 33, .5);--received-message-radius: 7.5px;--chat-bubble-shadow: 0 1px .5px rgba(11, 20, 26, .13);--tick-color: rgba(17, 27, 33, .35);--tick-read-color: #53bdeb;--chat-header-bg: #f0f2f5;--chat-header-text: #111b21;--chat-header-icon-color: #54656f;--chat-header-shadow: none;--chat-header-border: 1px solid rgba(0, 0, 0, .08);--chat-input-bg: #ffffff;--chat-input-text: #111b21;--chat-input-placeholder: #667781;--chat-input-icon-color: #54656f;--chat-input-border: 1px solid rgba(0, 0, 0, .08);--chat-input-shadow: none;--chat-input-focus-ring: rgba(0, 168, 132, .25);--chat-input-radius: 8px;--chat-send-btn-bg: #00a884;--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 1px 3px rgba(0, 0, 0, .15);--chat-composer-bg: #f0f2f5;--chat-composer-border: 1px solid rgba(0, 0, 0, .08);--date-separator-bg: rgba(255, 255, 255, .92);--date-separator-text: #54656f;--date-separator-shadow: 0 1px .5px rgba(11, 20, 26, .13);--date-separator-border: none;--date-separator-radius: 7.5px;--system-message-bg: rgba(255, 255, 233, .9);--system-message-text: #54656f;--system-message-shadow: 0 1px .5px rgba(11, 20, 26, .13);--typing-indicator-bg: var(--received-message-bg);--typing-indicator-dot: #667781;--typing-indicator-border: var(--received-message-border);--link-color-received: #027eb5;--link-color-sent: #025f88;--reply-bar-color: #06cf9c;--reply-bg-sent: rgba(0, 0, 0, .06);--reply-bg-received: rgba(0, 0, 0, .04);--reply-text-sent: rgba(17, 27, 33, .7);--reply-text-received: #667781;--reply-name-sent: #06cf9c;--reply-name-received: #06cf9c;--unread-badge-bg: #25d366;--unread-badge-text: #ffffff;--unread-badge-shadow: 0 1px 3px rgba(37, 211, 102, .3);--scroll-btn-bg: #ffffff;--scroll-btn-icon: #54656f;--scroll-btn-shadow: 0 1px 3px rgba(11, 20, 26, .2);--scroll-btn-hover-bg: #f0f2f5;--reaction-pill-bg: rgba(0, 0, 0, .05);--reaction-pill-border: 1px solid rgba(0, 0, 0, .08);--reaction-pill-active-bg: rgba(0, 168, 132, .12);--reaction-pill-active-border: 1px solid rgba(0, 168, 132, .3);--reaction-count-color: #54656f;--audio-waveform-color: #a0aec0;--audio-waveform-played: #00a884;--audio-progress-bg: rgba(0, 0, 0, .1);--media-caption-bg: rgba(0, 0, 0, .6);--media-caption-text: #ffffff}[data-theme=dark]{--chat-bg-base: #0b141a;--chat-bg-gradient: radial-gradient(circle at 20% 80%, rgba(0, 168, 132, .05) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(34, 211, 238, .04) 0%, transparent 50%), linear-gradient(180deg, #0b141a 0%, #0d1418 100%);--chat-pattern-gradient: linear-gradient(135deg, #22d3ee 0%, #00a884 100%);--chat-pattern-opacity: .12;--chat-pattern-size: 400px;--chat-pattern-color: #00a884;--chat-pattern-blend: overlay;--sent-message-bg: #005c4b;--sent-message-text: #e9edef;--sent-message-border: none;--sent-message-shadow: 0 1px .5px rgba(0, 0, 0, .35);--sent-message-meta: rgba(233, 237, 239, .6);--received-message-bg: #202c33;--received-message-text: #e9edef;--received-message-border: none;--received-message-shadow: 0 1px .5px rgba(0, 0, 0, .35);--received-message-meta: rgba(233, 237, 239, .5);--chat-bubble-shadow: 0 1px .5px rgba(0, 0, 0, .35);--tick-color: rgba(233, 237, 239, .35);--tick-read-color: #53bdeb;--chat-header-bg: #202c33;--chat-header-text: #e9edef;--chat-header-icon-color: #aebac1;--chat-header-shadow: none;--chat-header-border: 1px solid rgba(233, 237, 239, .06);--chat-input-bg: #2a3942;--chat-input-text: #e9edef;--chat-input-placeholder: #8696a0;--chat-input-icon-color: #8696a0;--chat-input-border: none;--chat-input-shadow: none;--chat-input-focus-ring: rgba(0, 168, 132, .3);--chat-send-btn-bg: #00a884;--chat-send-btn-color: #111b21;--chat-send-btn-shadow: none;--chat-composer-bg: #202c33;--chat-composer-border: 1px solid rgba(233, 237, 239, .06);--date-separator-bg: rgba(17, 27, 33, .92);--date-separator-text: rgba(233, 237, 239, .65);--date-separator-shadow: 0 1px .5px rgba(0, 0, 0, .35);--system-message-bg: rgba(18, 34, 43, .9);--system-message-text: rgba(233, 237, 239, .6);--system-message-shadow: 0 1px .5px rgba(0, 0, 0, .35);--typing-indicator-dot: #8696a0;--link-color-received: #53bdeb;--link-color-sent: #53bdeb;--reply-bar-color: #06cf9c;--reply-bg-sent: rgba(0, 0, 0, .18);--reply-bg-received: rgba(0, 0, 0, .12);--reply-text-sent: rgba(233, 237, 239, .6);--reply-text-received: rgba(233, 237, 239, .5);--reply-name-sent: #06cf9c;--reply-name-received: #06cf9c;--unread-badge-bg: #00a884;--unread-badge-text: #111b21;--unread-badge-shadow: none;--scroll-btn-bg: #2a3942;--scroll-btn-icon: #8696a0;--scroll-btn-shadow: 0 1px 3px rgba(0, 0, 0, .4);--scroll-btn-hover-bg: #374955;--reaction-pill-bg: rgba(255, 255, 255, .06);--reaction-pill-border: 1px solid rgba(255, 255, 255, .08);--reaction-pill-active-bg: rgba(0, 168, 132, .15);--reaction-pill-active-border: 1px solid rgba(0, 168, 132, .35);--reaction-count-color: #8696a0;--audio-waveform-color: #4a5568;--audio-waveform-played: #00a884;--audio-progress-bg: rgba(255, 255, 255, .1)}[data-theme=light][data-chat-theme=spring-vibes]{--chat-bg-base: #eef5ec;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(167, 243, 208, .35) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(253, 186, 116, .2) 0%, transparent 45%), radial-gradient(ellipse at 50% 50%, rgba(196, 181, 253, .12) 0%, transparent 55%), linear-gradient(160deg, #ecfdf5 0%, #f0fdf4 35%, #fef3c7 65%, #fce7f3 100%);--chat-pattern-gradient: linear-gradient(135deg, #059669 0%, #10b981 50%, #34d399 100%);--chat-pattern-opacity: .045;--chat-pattern-size: 420px;--chat-pattern-color: #059669;--sent-message-bg: linear-gradient(135deg, #059669 0%, #047857 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .18);--sent-message-shadow: 0 1px 3px rgba(5, 150, 105, .25);--sent-message-meta: rgba(255, 255, 255, .85);--chat-bubble-shadow: 0 1px 3px rgba(5, 150, 105, .18);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);--received-message-text: #065f46;--received-message-border: 1px solid rgba(5, 150, 105, .12);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(6, 95, 70, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #6ee7b7;--chat-header-bg: linear-gradient(135deg, #047857 0%, #059669 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(4, 120, 87, .25);--chat-header-border: none;--chat-composer-bg: rgba(240, 253, 244, .85);--chat-composer-border: 1px solid rgba(5, 150, 105, .12);--chat-input-bg: #ffffff;--chat-input-text: #1e293b;--chat-input-placeholder: #6b7280;--chat-input-icon-color: #059669;--chat-input-border: 1px solid rgba(5, 150, 105, .18);--chat-input-shadow: 0 1px 2px rgba(0, 0, 0, .05);--chat-input-focus-ring: rgba(5, 150, 105, .3);--chat-send-btn-bg: linear-gradient(135deg, #059669, #047857);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(5, 150, 105, .3);--date-separator-bg: rgba(255, 255, 255, .9);--date-separator-text: #065f46;--date-separator-shadow: 0 1px 3px rgba(5, 150, 105, .1);--system-message-bg: rgba(240, 253, 244, .9);--system-message-text: #065f46;--system-message-shadow: 0 1px 2px rgba(0, 0, 0, .06);--typing-indicator-dot: #059669;--link-color-received: #047857;--link-color-sent: #a7f3d0;--reply-bar-color: #10b981;--reply-bg-sent: rgba(255, 255, 255, .12);--reply-bg-received: rgba(5, 150, 105, .06);--reply-name-sent: #a7f3d0;--reply-name-received: #059669;--unread-badge-bg: #059669;--unread-badge-text: #ffffff;--unread-badge-shadow: 0 2px 4px rgba(5, 150, 105, .3);--scroll-btn-bg: rgba(255, 255, 255, .92);--scroll-btn-icon: #059669;--scroll-btn-shadow: 0 1px 4px rgba(0, 0, 0, .12);--reaction-pill-active-bg: rgba(5, 150, 105, .1);--reaction-pill-active-border: 1px solid rgba(5, 150, 105, .25)}[data-theme=dark][data-chat-theme=spring-vibes]{--chat-bg-base: #071a12;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(5, 150, 105, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(52, 211, 153, .05) 0%, transparent 45%), linear-gradient(160deg, #071a12 0%, #0a1f17 50%, #071a12 100%);--chat-pattern-gradient: linear-gradient(135deg, #34d399 0%, #10b981 50%, #059669 100%);--chat-pattern-opacity: .03;--chat-pattern-color: #10b981;--sent-message-bg: linear-gradient(135deg, #065f46 0%, #047857 100%);--sent-message-text: #d1fae5;--sent-message-border: 1px solid rgba(52, 211, 153, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(209, 250, 229, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #0f2a20;--received-message-text: #d1fae5;--received-message-border: 1px solid rgba(52, 211, 153, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(209, 250, 229, .5);--tick-color: rgba(209, 250, 229, .3);--tick-read-color: #34d399;--chat-header-bg: #0a1f17;--chat-header-text: #d1fae5;--chat-header-icon-color: #6ee7b7;--chat-header-shadow: none;--chat-header-border: 1px solid rgba(52, 211, 153, .08);--chat-composer-bg: rgba(10, 31, 23, .85);--chat-composer-border: 1px solid rgba(52, 211, 153, .12);--chat-input-bg: #132f24;--chat-input-text: #d1fae5;--chat-input-placeholder: rgba(209, 250, 229, .35);--chat-input-icon-color: #6ee7b7;--chat-input-border: 1px solid rgba(52, 211, 153, .1);--chat-input-shadow: none;--chat-input-focus-ring: rgba(52, 211, 153, .25);--chat-send-btn-bg: #059669;--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(5, 150, 105, .2);--date-separator-bg: rgba(10, 31, 23, .92);--date-separator-text: rgba(209, 250, 229, .6);--date-separator-shadow: 0 1px 2px rgba(0, 0, 0, .3);--system-message-bg: rgba(15, 42, 32, .9);--system-message-text: rgba(209, 250, 229, .55);--typing-indicator-dot: #34d399;--link-color-received: #6ee7b7;--link-color-sent: #6ee7b7;--reply-bar-color: #10b981;--reply-bg-sent: rgba(0, 0, 0, .2);--reply-bg-received: rgba(0, 0, 0, .15);--reply-name-sent: #6ee7b7;--reply-name-received: #6ee7b7;--unread-badge-bg: #059669;--unread-badge-text: #ffffff;--scroll-btn-bg: #132f24;--scroll-btn-icon: #6ee7b7;--scroll-btn-shadow: 0 1px 4px rgba(0, 0, 0, .4);--reaction-pill-bg: rgba(52, 211, 153, .06);--reaction-pill-border: 1px solid rgba(52, 211, 153, .1);--reaction-pill-active-bg: rgba(52, 211, 153, .12);--reaction-pill-active-border: 1px solid rgba(52, 211, 153, .25);--reaction-count-color: #6ee7b7}[data-theme=light][data-chat-theme=winter-calm]{--chat-bg-base: #e8f0f8;--chat-bg-gradient: radial-gradient(ellipse at 10% 90%, rgba(125, 211, 252, .3) 0%, transparent 50%), radial-gradient(ellipse at 90% 10%, rgba(147, 197, 253, .25) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(186, 230, 253, .15) 0%, transparent 55%), linear-gradient(160deg, #f0f9ff 0%, #e0f2fe 40%, #bae6fd 75%, #7dd3fc 100%);--chat-pattern-gradient: linear-gradient(135deg, #0284c7 0%, #0ea5e9 50%, #38bdf8 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 420px;--chat-pattern-color: #0284c7;--sent-message-bg: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .18);--sent-message-shadow: 0 1px 3px rgba(2, 132, 199, .25);--sent-message-meta: rgba(255, 255, 255, .85);--chat-bubble-shadow: 0 1px 3px rgba(2, 132, 199, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%);--received-message-text: #0c4a6e;--received-message-border: 1px solid rgba(2, 132, 199, .1);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(12, 74, 110, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #7dd3fc;--chat-header-bg: linear-gradient(135deg, #0c4a6e 0%, #0284c7 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(12, 74, 110, .25);--chat-header-border: none;--chat-composer-bg: #f0f9ff;--chat-composer-border: 1px solid rgba(2, 132, 199, .1);--chat-input-bg: #ffffff;--chat-input-text: #0c4a6e;--chat-input-placeholder: #64748b;--chat-input-icon-color: #0284c7;--chat-input-border: 1px solid rgba(2, 132, 199, .15);--chat-input-shadow: 0 1px 2px rgba(0, 0, 0, .05);--chat-input-focus-ring: rgba(2, 132, 199, .3);--chat-send-btn-bg: linear-gradient(135deg, #0284c7, #0369a1);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(2, 132, 199, .3);--date-separator-bg: rgba(240, 249, 255, .92);--date-separator-text: #075985;--date-separator-shadow: 0 1px 3px rgba(2, 132, 199, .08);--system-message-bg: rgba(224, 242, 254, .9);--system-message-text: #075985;--typing-indicator-dot: #0284c7;--link-color-received: #0369a1;--link-color-sent: #bae6fd;--reply-bar-color: #0ea5e9;--reply-bg-sent: rgba(255, 255, 255, .12);--reply-bg-received: rgba(2, 132, 199, .06);--reply-name-sent: #bae6fd;--reply-name-received: #0284c7;--unread-badge-bg: #0284c7;--unread-badge-text: #ffffff;--unread-badge-shadow: 0 2px 4px rgba(2, 132, 199, .3);--scroll-btn-bg: rgba(255, 255, 255, .92);--scroll-btn-icon: #0284c7;--reaction-pill-active-bg: rgba(2, 132, 199, .1);--reaction-pill-active-border: 1px solid rgba(2, 132, 199, .25)}[data-theme=dark][data-chat-theme=winter-calm]{--chat-bg-base: #06131c;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(2, 132, 199, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(56, 189, 248, .05) 0%, transparent 45%), linear-gradient(160deg, #06131c 0%, #0a1929 50%, #06131c 100%);--chat-pattern-gradient: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 50%, #0284c7 100%);--chat-pattern-opacity: .025;--chat-pattern-color: #0ea5e9;--sent-message-bg: linear-gradient(135deg, #0369a1 0%, #075985 100%);--sent-message-text: #e0f2fe;--sent-message-border: 1px solid rgba(56, 189, 248, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(224, 242, 254, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #0d2137;--received-message-text: #e0f2fe;--received-message-border: 1px solid rgba(56, 189, 248, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(224, 242, 254, .5);--tick-color: rgba(224, 242, 254, .3);--tick-read-color: #38bdf8;--chat-header-bg: #0a1929;--chat-header-text: #e0f2fe;--chat-header-icon-color: #7dd3fc;--chat-header-border: 1px solid rgba(56, 189, 248, .08);--chat-composer-bg: #0a1929;--chat-composer-border: 1px solid rgba(56, 189, 248, .08);--chat-input-bg: #112d4a;--chat-input-text: #e0f2fe;--chat-input-placeholder: rgba(224, 242, 254, .35);--chat-input-icon-color: #7dd3fc;--chat-input-border: 1px solid rgba(56, 189, 248, .1);--chat-send-btn-bg: #0284c7;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(10, 25, 41, .92);--date-separator-text: rgba(224, 242, 254, .6);--system-message-bg: rgba(13, 33, 55, .9);--system-message-text: rgba(224, 242, 254, .55);--typing-indicator-dot: #38bdf8;--link-color-received: #7dd3fc;--link-color-sent: #7dd3fc;--reply-bar-color: #0ea5e9;--reply-name-sent: #7dd3fc;--reply-name-received: #7dd3fc;--unread-badge-bg: #0284c7;--scroll-btn-bg: #112d4a;--scroll-btn-icon: #7dd3fc;--reaction-pill-bg: rgba(56, 189, 248, .06);--reaction-pill-border: 1px solid rgba(56, 189, 248, .1);--reaction-pill-active-bg: rgba(56, 189, 248, .12);--reaction-pill-active-border: 1px solid rgba(56, 189, 248, .25);--reaction-count-color: #7dd3fc}[data-theme=light][data-chat-theme=cherry-blossom]{--chat-bg-base: #f5e0e4;--chat-bg-gradient: radial-gradient(ellipse at 10% 90%, rgba(251, 113, 133, .25) 0%, transparent 50%), radial-gradient(ellipse at 90% 10%, rgba(253, 164, 175, .3) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(252, 231, 243, .2) 0%, transparent 55%), linear-gradient(160deg, #fff1f2 0%, #fce7f3 35%, #fecdd3 70%, #fda4af 100%);--chat-pattern-gradient: linear-gradient(135deg, #e11d48 0%, #f43f5e 50%, #fb7185 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 400px;--chat-pattern-color: #e11d48;--sent-message-bg: linear-gradient(135deg, #e11d48 0%, #be185d 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .2);--sent-message-shadow: 0 1px 3px rgba(225, 29, 72, .25);--sent-message-meta: rgba(255, 255, 255, .85);--chat-bubble-shadow: 0 1px 3px rgba(225, 29, 72, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%);--received-message-text: #881337;--received-message-border: 1px solid rgba(225, 29, 72, .1);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(136, 19, 55, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #fda4af;--chat-header-bg: linear-gradient(135deg, #881337 0%, #e11d48 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(136, 19, 55, .25);--chat-header-border: none;--chat-composer-bg: #fff1f2;--chat-composer-border: 1px solid rgba(225, 29, 72, .1);--chat-input-bg: #ffffff;--chat-input-text: #881337;--chat-input-placeholder: #9ca3af;--chat-input-icon-color: #f43f5e;--chat-input-border: 1px solid rgba(225, 29, 72, .15);--chat-input-shadow: 0 1px 2px rgba(0, 0, 0, .05);--chat-input-focus-ring: rgba(225, 29, 72, .25);--chat-send-btn-bg: linear-gradient(135deg, #e11d48, #be185d);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(225, 29, 72, .3);--date-separator-bg: rgba(255, 241, 242, .92);--date-separator-text: #881337;--date-separator-shadow: 0 1px 3px rgba(225, 29, 72, .08);--system-message-bg: rgba(255, 228, 230, .9);--system-message-text: #881337;--typing-indicator-dot: #f43f5e;--link-color-received: #be185d;--link-color-sent: #fecdd3;--reply-bar-color: #f43f5e;--reply-name-sent: #fecdd3;--reply-name-received: #e11d48;--unread-badge-bg: #e11d48;--unread-badge-text: #ffffff;--scroll-btn-bg: rgba(255, 241, 242, .95);--scroll-btn-icon: #e11d48;--reaction-pill-active-bg: rgba(225, 29, 72, .1);--reaction-pill-active-border: 1px solid rgba(225, 29, 72, .25)}[data-theme=dark][data-chat-theme=cherry-blossom]{--chat-bg-base: #1a080d;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(225, 29, 72, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(251, 113, 133, .05) 0%, transparent 45%), linear-gradient(160deg, #1a080d 0%, #220e15 50%, #1a080d 100%);--chat-pattern-gradient: linear-gradient(135deg, #fb7185 0%, #f43f5e 50%, #e11d48 100%);--chat-pattern-opacity: .025;--chat-pattern-color: #f43f5e;--sent-message-bg: linear-gradient(135deg, #9f1239 0%, #881337 100%);--sent-message-text: #ffe4e6;--sent-message-border: 1px solid rgba(251, 113, 133, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(255, 228, 230, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #2a0f18;--received-message-text: #ffe4e6;--received-message-border: 1px solid rgba(251, 113, 133, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(255, 228, 230, .5);--tick-color: rgba(255, 228, 230, .3);--tick-read-color: #fb7185;--chat-header-bg: #220e15;--chat-header-text: #ffe4e6;--chat-header-icon-color: #fda4af;--chat-header-border: 1px solid rgba(251, 113, 133, .08);--chat-composer-bg: rgba(34, 14, 21, .85);--chat-composer-border: 1px solid rgba(251, 113, 133, .12);--chat-input-bg: #351520;--chat-input-text: #ffe4e6;--chat-input-placeholder: rgba(255, 228, 230, .35);--chat-input-icon-color: #fda4af;--chat-input-border: 1px solid rgba(251, 113, 133, .1);--chat-send-btn-bg: #e11d48;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(34, 14, 21, .92);--date-separator-text: rgba(255, 228, 230, .6);--system-message-bg: rgba(42, 15, 24, .9);--system-message-text: rgba(255, 228, 230, .55);--typing-indicator-dot: #fb7185;--link-color-received: #fda4af;--link-color-sent: #fda4af;--reply-bar-color: #f43f5e;--reply-name-sent: #fda4af;--reply-name-received: #fda4af;--unread-badge-bg: #e11d48;--scroll-btn-bg: #351520;--scroll-btn-icon: #fda4af;--reaction-pill-bg: rgba(251, 113, 133, .06);--reaction-pill-border: 1px solid rgba(251, 113, 133, .1);--reaction-pill-active-bg: rgba(251, 113, 133, .12);--reaction-pill-active-border: 1px solid rgba(251, 113, 133, .25);--reaction-count-color: #fda4af}[data-theme=light][data-chat-theme=desert-dunes]{--chat-bg-base: #f0e6d0;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(251, 191, 36, .25) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(245, 158, 11, .2) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(253, 230, 138, .15) 0%, transparent 55%), linear-gradient(160deg, #fffbeb 0%, #fef3c7 35%, #fde68a 70%, #fcd34d 100%);--chat-pattern-gradient: linear-gradient(135deg, #b45309 0%, #d97706 50%, #f59e0b 100%);--chat-pattern-opacity: .045;--chat-pattern-size: 420px;--chat-pattern-color: #d97706;--sent-message-bg: linear-gradient(135deg, #d97706 0%, #b45309 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .2);--sent-message-shadow: 0 1px 3px rgba(217, 119, 6, .25);--sent-message-meta: rgba(255, 255, 255, .9);--chat-bubble-shadow: 0 1px 3px rgba(217, 119, 6, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);--received-message-text: #78350f;--received-message-border: 1px solid rgba(217, 119, 6, .12);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(120, 53, 15, .65);--tick-color: rgba(255, 255, 255, .5);--tick-read-color: #fde68a;--chat-header-bg: linear-gradient(135deg, #78350f 0%, #d97706 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(120, 53, 15, .25);--chat-header-border: none;--chat-composer-bg: #fffbeb;--chat-composer-border: 1px solid rgba(217, 119, 6, .1);--chat-input-bg: #ffffff;--chat-input-text: #78350f;--chat-input-placeholder: #92400e;--chat-input-icon-color: #d97706;--chat-input-border: 1px solid rgba(217, 119, 6, .15);--chat-input-shadow: 0 1px 2px rgba(0, 0, 0, .05);--chat-input-focus-ring: rgba(217, 119, 6, .3);--chat-send-btn-bg: linear-gradient(135deg, #d97706, #b45309);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(217, 119, 6, .3);--date-separator-bg: rgba(255, 251, 235, .92);--date-separator-text: #78350f;--date-separator-shadow: 0 1px 3px rgba(217, 119, 6, .08);--system-message-bg: rgba(254, 243, 199, .9);--system-message-text: #78350f;--typing-indicator-dot: #d97706;--link-color-received: #b45309;--link-color-sent: #fde68a;--reply-bar-color: #f59e0b;--reply-name-sent: #fde68a;--reply-name-received: #d97706;--unread-badge-bg: #d97706;--unread-badge-text: #ffffff;--scroll-btn-bg: rgba(255, 251, 235, .95);--scroll-btn-icon: #d97706;--reaction-pill-active-bg: rgba(217, 119, 6, .1);--reaction-pill-active-border: 1px solid rgba(217, 119, 6, .25)}[data-theme=dark][data-chat-theme=desert-dunes]{--chat-bg-base: #1a1408;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(217, 119, 6, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(251, 191, 36, .05) 0%, transparent 45%), linear-gradient(160deg, #1a1408 0%, #231b0d 50%, #1a1408 100%);--chat-pattern-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);--chat-pattern-opacity: .025;--chat-pattern-color: #f59e0b;--sent-message-bg: linear-gradient(135deg, #92400e 0%, #78350f 100%);--sent-message-text: #fef3c7;--sent-message-border: 1px solid rgba(251, 191, 36, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(254, 243, 199, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #2a2010;--received-message-text: #fef3c7;--received-message-border: 1px solid rgba(251, 191, 36, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(254, 243, 199, .5);--tick-color: rgba(254, 243, 199, .3);--tick-read-color: #fbbf24;--chat-header-bg: #231b0d;--chat-header-text: #fef3c7;--chat-header-icon-color: #fcd34d;--chat-header-border: 1px solid rgba(251, 191, 36, .08);--chat-composer-bg: #231b0d;--chat-composer-border: 1px solid rgba(251, 191, 36, .08);--chat-input-bg: #352c15;--chat-input-text: #fef3c7;--chat-input-placeholder: rgba(254, 243, 199, .35);--chat-input-icon-color: #fcd34d;--chat-input-border: 1px solid rgba(251, 191, 36, .1);--chat-send-btn-bg: #d97706;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(35, 27, 13, .92);--date-separator-text: rgba(254, 243, 199, .6);--system-message-bg: rgba(42, 32, 16, .9);--system-message-text: rgba(254, 243, 199, .55);--typing-indicator-dot: #fbbf24;--link-color-received: #fcd34d;--link-color-sent: #fcd34d;--reply-bar-color: #f59e0b;--reply-name-sent: #fcd34d;--reply-name-received: #fcd34d;--unread-badge-bg: #d97706;--scroll-btn-bg: #352c15;--scroll-btn-icon: #fcd34d;--reaction-pill-bg: rgba(251, 191, 36, .06);--reaction-pill-border: 1px solid rgba(251, 191, 36, .1);--reaction-pill-active-bg: rgba(251, 191, 36, .12);--reaction-pill-active-border: 1px solid rgba(251, 191, 36, .25);--reaction-count-color: #fcd34d}[data-theme=light][data-chat-theme=sunset-glow]{--chat-bg-base: #f5e0d0;--chat-bg-gradient: radial-gradient(ellipse at 10% 85%, rgba(253, 186, 116, .3) 0%, transparent 50%), radial-gradient(ellipse at 90% 15%, rgba(251, 113, 133, .22) 0%, transparent 50%), radial-gradient(ellipse at 50% 60%, rgba(244, 114, 182, .12) 0%, transparent 55%), linear-gradient(160deg, #fff7ed 0%, #fed7aa 30%, #fecaca 65%, #fce7f3 100%);--chat-pattern-gradient: linear-gradient(135deg, #ea580c 0%, #f97316 40%, #fb923c 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 400px;--chat-pattern-color: #f97316;--sent-message-bg: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .22);--sent-message-shadow: 0 1px 3px rgba(234, 88, 12, .25);--sent-message-meta: rgba(255, 255, 255, .88);--chat-bubble-shadow: 0 1px 3px rgba(234, 88, 12, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #fff7ed 100%);--received-message-text: #7c2d12;--received-message-border: 1px solid rgba(234, 88, 12, .1);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(124, 45, 18, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #fdba74;--chat-header-bg: linear-gradient(135deg, #9a3412 0%, #ea580c 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(154, 52, 18, .25);--chat-header-border: none;--chat-composer-bg: #fff7ed;--chat-composer-border: 1px solid rgba(234, 88, 12, .1);--chat-input-bg: #ffffff;--chat-input-text: #7c2d12;--chat-input-placeholder: #9a3412;--chat-input-icon-color: #f97316;--chat-input-border: 1px solid rgba(234, 88, 12, .15);--chat-input-shadow: 0 1px 2px rgba(0, 0, 0, .05);--chat-input-focus-ring: rgba(234, 88, 12, .25);--chat-send-btn-bg: linear-gradient(135deg, #ea580c, #c2410c);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(234, 88, 12, .3);--date-separator-bg: rgba(255, 247, 237, .92);--date-separator-text: #7c2d12;--date-separator-shadow: 0 1px 3px rgba(234, 88, 12, .08);--system-message-bg: rgba(255, 237, 213, .9);--system-message-text: #7c2d12;--typing-indicator-dot: #f97316;--link-color-received: #c2410c;--link-color-sent: #fed7aa;--reply-bar-color: #f97316;--reply-bg-sent: rgba(255, 255, 255, .12);--reply-bg-received: rgba(234, 88, 12, .06);--reply-name-sent: #fed7aa;--reply-name-received: #ea580c;--unread-badge-bg: #ea580c;--unread-badge-text: #ffffff;--scroll-btn-bg: rgba(255, 247, 237, .95);--scroll-btn-icon: #ea580c;--reaction-pill-active-bg: rgba(234, 88, 12, .1);--reaction-pill-active-border: 1px solid rgba(234, 88, 12, .25)}[data-theme=dark][data-chat-theme=sunset-glow]{--chat-bg-base: #1a0e06;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(234, 88, 12, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(251, 146, 60, .05) 0%, transparent 45%), linear-gradient(160deg, #1a0e06 0%, #24150a 50%, #1a0e06 100%);--chat-pattern-gradient: linear-gradient(135deg, #fb923c 0%, #f97316 50%, #ea580c 100%);--chat-pattern-opacity: .025;--chat-pattern-color: #f97316;--sent-message-bg: linear-gradient(135deg, #9a3412 0%, #7c2d12 100%);--sent-message-text: #ffedd5;--sent-message-border: 1px solid rgba(251, 146, 60, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(255, 237, 213, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #2a1a0e;--received-message-text: #ffedd5;--received-message-border: 1px solid rgba(251, 146, 60, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(255, 237, 213, .5);--tick-color: rgba(255, 237, 213, .3);--tick-read-color: #fb923c;--chat-header-bg: #24150a;--chat-header-text: #ffedd5;--chat-header-icon-color: #fdba74;--chat-header-border: 1px solid rgba(251, 146, 60, .08);--chat-composer-bg: #24150a;--chat-composer-border: 1px solid rgba(251, 146, 60, .08);--chat-input-bg: #382010;--chat-input-text: #ffedd5;--chat-input-placeholder: rgba(255, 237, 213, .35);--chat-input-icon-color: #fdba74;--chat-input-border: 1px solid rgba(251, 146, 60, .1);--chat-send-btn-bg: #ea580c;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(36, 21, 10, .92);--date-separator-text: rgba(255, 237, 213, .6);--system-message-bg: rgba(42, 26, 14, .9);--system-message-text: rgba(255, 237, 213, .55);--typing-indicator-dot: #fb923c;--link-color-received: #fdba74;--link-color-sent: #fdba74;--reply-bar-color: #f97316;--reply-name-sent: #fdba74;--reply-name-received: #fdba74;--unread-badge-bg: #ea580c;--scroll-btn-bg: #382010;--scroll-btn-icon: #fdba74;--reaction-pill-bg: rgba(251, 146, 60, .06);--reaction-pill-border: 1px solid rgba(251, 146, 60, .1);--reaction-pill-active-bg: rgba(251, 146, 60, .12);--reaction-pill-active-border: 1px solid rgba(251, 146, 60, .25);--reaction-count-color: #fdba74}[data-theme=light][data-chat-theme=ocean-depths]{--chat-bg-base: #d8edee;--chat-bg-gradient: radial-gradient(ellipse at 10% 90%, rgba(34, 211, 238, .25) 0%, transparent 50%), radial-gradient(ellipse at 90% 10%, rgba(6, 182, 212, .2) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(103, 232, 249, .12) 0%, transparent 55%), linear-gradient(160deg, #ecfeff 0%, #cffafe 35%, #a5f3fc 70%, #67e8f9 100%);--chat-pattern-gradient: linear-gradient(135deg, #0e7490 0%, #0891b2 50%, #06b6d4 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 420px;--chat-pattern-color: #0891b2;--sent-message-bg: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .18);--sent-message-shadow: 0 1px 3px rgba(8, 145, 178, .25);--sent-message-meta: rgba(255, 255, 255, .88);--chat-bubble-shadow: 0 1px 3px rgba(8, 145, 178, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #ecfeff 100%);--received-message-text: #164e63;--received-message-border: 1px solid rgba(8, 145, 178, .1);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(22, 78, 99, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #67e8f9;--chat-header-bg: linear-gradient(135deg, #155e75 0%, #0891b2 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(21, 94, 117, .25);--chat-header-border: none;--chat-composer-bg: #ecfeff;--chat-composer-border: 1px solid rgba(8, 145, 178, .1);--chat-input-bg: #ffffff;--chat-input-text: #164e63;--chat-input-placeholder: #6b7280;--chat-input-icon-color: #0891b2;--chat-input-border: 1px solid rgba(8, 145, 178, .15);--chat-input-shadow: 0 1px 2px rgba(0, 0, 0, .05);--chat-input-focus-ring: rgba(8, 145, 178, .3);--chat-send-btn-bg: linear-gradient(135deg, #0891b2, #0e7490);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(8, 145, 178, .3);--date-separator-bg: rgba(236, 254, 255, .92);--date-separator-text: #155e75;--date-separator-shadow: 0 1px 3px rgba(8, 145, 178, .08);--system-message-bg: rgba(207, 250, 254, .9);--system-message-text: #155e75;--typing-indicator-dot: #0891b2;--link-color-received: #0e7490;--link-color-sent: #a5f3fc;--reply-bar-color: #06b6d4;--reply-name-sent: #a5f3fc;--reply-name-received: #0891b2;--unread-badge-bg: #0891b2;--unread-badge-text: #ffffff;--scroll-btn-bg: rgba(236, 254, 255, .95);--scroll-btn-icon: #0891b2;--reaction-pill-active-bg: rgba(8, 145, 178, .1);--reaction-pill-active-border: 1px solid rgba(8, 145, 178, .25)}[data-theme=dark][data-chat-theme=ocean-depths]{--chat-bg-base: #061518;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(8, 145, 178, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(34, 211, 238, .05) 0%, transparent 45%), linear-gradient(160deg, #061518 0%, #0a2028 50%, #061518 100%);--chat-pattern-gradient: linear-gradient(135deg, #22d3ee 0%, #06b6d4 50%, #0891b2 100%);--chat-pattern-opacity: .025;--chat-pattern-color: #06b6d4;--sent-message-bg: linear-gradient(135deg, #0e7490 0%, #155e75 100%);--sent-message-text: #cffafe;--sent-message-border: 1px solid rgba(34, 211, 238, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(207, 250, 254, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #0d2530;--received-message-text: #cffafe;--received-message-border: 1px solid rgba(34, 211, 238, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(207, 250, 254, .5);--tick-color: rgba(207, 250, 254, .3);--tick-read-color: #22d3ee;--chat-header-bg: #0a2028;--chat-header-text: #cffafe;--chat-header-icon-color: #67e8f9;--chat-header-border: 1px solid rgba(34, 211, 238, .08);--chat-composer-bg: #0a2028;--chat-composer-border: 1px solid rgba(34, 211, 238, .08);--chat-input-bg: #133540;--chat-input-text: #cffafe;--chat-input-placeholder: rgba(207, 250, 254, .35);--chat-input-icon-color: #67e8f9;--chat-input-border: 1px solid rgba(34, 211, 238, .1);--chat-send-btn-bg: #0891b2;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(10, 32, 40, .92);--date-separator-text: rgba(207, 250, 254, .6);--system-message-bg: rgba(13, 37, 48, .9);--system-message-text: rgba(207, 250, 254, .55);--typing-indicator-dot: #22d3ee;--link-color-received: #67e8f9;--link-color-sent: #67e8f9;--reply-bar-color: #06b6d4;--reply-name-sent: #67e8f9;--reply-name-received: #67e8f9;--unread-badge-bg: #0891b2;--scroll-btn-bg: #133540;--scroll-btn-icon: #67e8f9;--reaction-pill-bg: rgba(34, 211, 238, .06);--reaction-pill-border: 1px solid rgba(34, 211, 238, .1);--reaction-pill-active-bg: rgba(34, 211, 238, .12);--reaction-pill-active-border: 1px solid rgba(34, 211, 238, .25);--reaction-count-color: #67e8f9}[data-theme=light][data-chat-theme=midnight-amoled]{--chat-bg-base: #e8eaed;--chat-bg-gradient: radial-gradient(circle at 30% 70%, rgba(100, 116, 139, .06) 0%, transparent 50%), linear-gradient(180deg, #f1f5f9 0%, #e2e8f0 100%);--chat-pattern-gradient: linear-gradient(135deg, #475569 0%, #64748b 50%, #94a3b8 100%);--chat-pattern-opacity: .03;--chat-pattern-size: 400px;--chat-pattern-color: #64748b;--sent-message-bg: #334155;--sent-message-text: #f1f5f9;--sent-message-border: none;--sent-message-shadow: 0 1px 2px rgba(0, 0, 0, .15);--sent-message-meta: rgba(241, 245, 249, .65);--chat-bubble-shadow: 0 1px 2px rgba(0, 0, 0, .1);--received-message-bg: #ffffff;--received-message-text: #0f172a;--received-message-border: 1px solid rgba(0, 0, 0, .06);--received-message-shadow: 0 1px 2px rgba(0, 0, 0, .06);--received-message-meta: rgba(15, 23, 42, .5);--tick-color: rgba(241, 245, 249, .4);--tick-read-color: #94a3b8;--chat-header-bg: #ffffff;--chat-header-text: #0f172a;--chat-header-icon-color: #64748b;--chat-header-shadow: none;--chat-header-border: 1px solid #e2e8f0;--chat-composer-bg: #f1f5f9;--chat-composer-border: 1px solid #e2e8f0;--chat-input-bg: #ffffff;--chat-input-text: #0f172a;--chat-input-placeholder: #94a3b8;--chat-input-icon-color: #64748b;--chat-input-border: 1px solid #e2e8f0;--chat-send-btn-bg: #334155;--chat-send-btn-color: #f1f5f9;--date-separator-bg: #ffffff;--date-separator-text: #64748b;--system-message-bg: #f1f5f9;--system-message-text: #64748b;--typing-indicator-dot: #94a3b8;--link-color-received: #2563eb;--link-color-sent: #93c5fd;--reply-bar-color: #64748b;--reply-name-received: #334155;--unread-badge-bg: #334155;--unread-badge-text: #ffffff;--scroll-btn-icon: #64748b;--reaction-pill-active-bg: rgba(51, 65, 85, .1);--reaction-pill-active-border: 1px solid rgba(51, 65, 85, .25)}[data-theme=dark][data-chat-theme=midnight-amoled]{--chat-bg-base: #000000;--chat-bg-gradient: radial-gradient(circle at 30% 70%, rgba(56, 189, 248, .025) 0%, transparent 50%), radial-gradient(circle at 70% 30%, rgba(99, 102, 241, .02) 0%, transparent 50%), linear-gradient(180deg, #000000 0%, #050508 50%, #000000 100%);--chat-pattern-gradient: linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #a78bfa 100%);--chat-pattern-opacity: .012;--chat-pattern-size: 420px;--chat-pattern-color: #38bdf8;--sent-message-bg: #111827;--sent-message-text: #e2e8f0;--sent-message-border: 1px solid rgba(255, 255, 255, .05);--sent-message-shadow: 0 1px 2px rgba(0, 0, 0, .6);--sent-message-meta: rgba(226, 232, 240, .45);--chat-bubble-shadow: 0 1px 2px rgba(0, 0, 0, .6);--received-message-bg: #0a0a0f;--received-message-text: #e2e8f0;--received-message-border: 1px solid rgba(255, 255, 255, .06);--received-message-shadow: 0 1px 2px rgba(0, 0, 0, .5);--received-message-meta: rgba(226, 232, 240, .4);--tick-color: rgba(226, 232, 240, .25);--tick-read-color: #38bdf8;--chat-header-bg: #000000;--chat-header-text: #e2e8f0;--chat-header-icon-color: #64748b;--chat-header-shadow: none;--chat-header-border: 1px solid rgba(255, 255, 255, .04);--chat-composer-bg: #000000;--chat-composer-border: 1px solid rgba(255, 255, 255, .04);--chat-input-bg: #0a0a0f;--chat-input-text: #e2e8f0;--chat-input-placeholder: #475569;--chat-input-icon-color: #475569;--chat-input-border: 1px solid rgba(255, 255, 255, .06);--chat-input-shadow: none;--chat-input-focus-ring: rgba(56, 189, 248, .2);--chat-send-btn-bg: #1e293b;--chat-send-btn-color: #38bdf8;--chat-send-btn-shadow: none;--date-separator-bg: rgba(10, 10, 15, .9);--date-separator-text: #475569;--date-separator-shadow: none;--system-message-bg: rgba(10, 10, 15, .85);--system-message-text: #475569;--typing-indicator-dot: #475569;--link-color-received: #38bdf8;--link-color-sent: #38bdf8;--reply-bar-color: #38bdf8;--reply-bg-sent: rgba(255, 255, 255, .04);--reply-bg-received: rgba(255, 255, 255, .03);--reply-text-sent: rgba(226, 232, 240, .5);--reply-text-received: rgba(226, 232, 240, .4);--reply-name-sent: #38bdf8;--reply-name-received: #38bdf8;--unread-badge-bg: #1e293b;--unread-badge-text: #38bdf8;--unread-badge-shadow: none;--scroll-btn-bg: #0a0a0f;--scroll-btn-icon: #475569;--scroll-btn-shadow: 0 1px 3px rgba(0, 0, 0, .5);--reaction-pill-bg: rgba(255, 255, 255, .04);--reaction-pill-border: 1px solid rgba(255, 255, 255, .06);--reaction-pill-active-bg: rgba(56, 189, 248, .08);--reaction-pill-active-border: 1px solid rgba(56, 189, 248, .2);--reaction-count-color: #64748b}[data-theme=light][data-chat-theme=cyberpunk-neon]{--chat-bg-base: #e8e5f0;--chat-bg-gradient: radial-gradient(ellipse at 20% 80%, rgba(0, 255, 234, .08) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(255, 0, 128, .06) 0%, transparent 50%), linear-gradient(160deg, #f3f0ff 0%, #ede9fe 40%, #fce7f3 70%, #f0fdfa 100%);--chat-pattern-gradient: linear-gradient(135deg, #00ffea 0%, #a855f7 50%, #ff0080 100%);--chat-pattern-opacity: .035;--chat-pattern-size: 380px;--chat-pattern-color: #a855f7;--sent-message-bg: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .2);--sent-message-shadow: 0 1px 4px rgba(124, 58, 237, .3);--sent-message-meta: rgba(255, 255, 255, .85);--chat-bubble-shadow: 0 1px 4px rgba(124, 58, 237, .2);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);--received-message-text: #3b0764;--received-message-border: 1px solid rgba(168, 85, 247, .12);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(59, 7, 100, .6);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #c4b5fd;--chat-header-bg: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 4px rgba(91, 33, 182, .25);--chat-header-border: none;--chat-composer-bg: #faf5ff;--chat-composer-border: 1px solid rgba(168, 85, 247, .1);--chat-input-bg: #ffffff;--chat-input-text: #3b0764;--chat-input-placeholder: #7c3aed;--chat-input-icon-color: #a855f7;--chat-input-border: 1px solid rgba(168, 85, 247, .15);--chat-input-focus-ring: rgba(168, 85, 247, .3);--chat-send-btn-bg: linear-gradient(135deg, #7c3aed, #6d28d9);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(124, 58, 237, .3);--date-separator-bg: rgba(250, 245, 255, .92);--date-separator-text: #5b21b6;--system-message-bg: rgba(243, 232, 255, .9);--system-message-text: #5b21b6;--typing-indicator-dot: #a855f7;--link-color-received: #7c3aed;--link-color-sent: #c4b5fd;--reply-bar-color: #a855f7;--reply-name-sent: #c4b5fd;--reply-name-received: #7c3aed;--unread-badge-bg: #7c3aed;--unread-badge-text: #ffffff;--scroll-btn-icon: #7c3aed;--reaction-pill-active-bg: rgba(168, 85, 247, .1);--reaction-pill-active-border: 1px solid rgba(168, 85, 247, .25)}[data-theme=dark][data-chat-theme=cyberpunk-neon]{--chat-bg-base: #06060c;--chat-bg-gradient: radial-gradient(ellipse at 20% 80%, rgba(0, 255, 234, .04) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(255, 0, 128, .03) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(168, 85, 247, .025) 0%, transparent 55%), linear-gradient(180deg, #06060c 0%, #0d0d15 50%, #06060c 100%);--chat-pattern-gradient: linear-gradient(135deg, #00ffea 0%, #a855f7 50%, #ff0080 100%);--chat-pattern-opacity: .018;--chat-pattern-size: 400px;--chat-pattern-color: #00ffea;--sent-message-bg: linear-gradient(135deg, rgba(0, 255, 234, .1) 0%, rgba(168, 85, 247, .1) 100%);--sent-message-text: #00ffea;--sent-message-border: 1px solid rgba(0, 255, 234, .2);--sent-message-shadow: 0 0 12px rgba(0, 255, 234, .08), 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(0, 255, 234, .5);--chat-bubble-shadow: 0 0 12px rgba(0, 255, 234, .06), 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: rgba(13, 13, 21, .9);--received-message-text: #e0f2fe;--received-message-border: 1px solid rgba(0, 255, 234, .1);--received-message-shadow: 0 0 8px rgba(0, 255, 234, .04), 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(0, 255, 234, .4);--tick-color: rgba(0, 255, 234, .25);--tick-read-color: #00ffea;--chat-header-bg: rgba(6, 6, 12, .95);--chat-header-text: #00ffea;--chat-header-icon-color: rgba(0, 255, 234, .7);--chat-header-shadow: 0 0 8px rgba(0, 255, 234, .05);--chat-header-border: 1px solid rgba(0, 255, 234, .08);--chat-composer-bg: rgba(6, 6, 12, .95);--chat-composer-border: 1px solid rgba(0, 255, 234, .08);--chat-input-bg: rgba(13, 13, 21, .8);--chat-input-text: #00ffea;--chat-input-placeholder: rgba(0, 255, 234, .25);--chat-input-icon-color: rgba(0, 255, 234, .6);--chat-input-border: 1px solid rgba(0, 255, 234, .12);--chat-input-shadow: 0 0 6px rgba(0, 255, 234, .03);--chat-input-focus-ring: rgba(0, 255, 234, .3);--chat-send-btn-bg: transparent;--chat-send-btn-color: #00ffea;--chat-send-btn-shadow: 0 0 8px rgba(0, 255, 234, .12);--date-separator-bg: rgba(13, 13, 21, .9);--date-separator-text: rgba(0, 255, 234, .55);--date-separator-shadow: 0 0 6px rgba(0, 255, 234, .04);--date-separator-border: 1px solid rgba(0, 255, 234, .08);--system-message-bg: rgba(13, 13, 21, .85);--system-message-text: rgba(0, 255, 234, .45);--typing-indicator-dot: #00ffea;--link-color-received: #ff0080;--link-color-sent: #a855f7;--reply-bar-color: #00ffea;--reply-bg-sent: rgba(0, 255, 234, .04);--reply-bg-received: rgba(0, 255, 234, .03);--reply-text-sent: rgba(0, 255, 234, .5);--reply-text-received: rgba(0, 255, 234, .4);--reply-name-sent: #ff0080;--reply-name-received: #ff0080;--unread-badge-bg: rgba(0, 255, 234, .1);--unread-badge-text: #00ffea;--unread-badge-shadow: 0 0 8px rgba(0, 255, 234, .12);--scroll-btn-bg: rgba(13, 13, 21, .9);--scroll-btn-icon: #00ffea;--scroll-btn-shadow: 0 0 6px rgba(0, 255, 234, .06);--reaction-pill-bg: rgba(0, 255, 234, .04);--reaction-pill-border: 1px solid rgba(0, 255, 234, .1);--reaction-pill-active-bg: rgba(0, 255, 234, .08);--reaction-pill-active-border: 1px solid rgba(0, 255, 234, .25);--reaction-count-color: rgba(0, 255, 234, .6)}[data-theme=light][data-chat-theme=classic-purple]{--chat-bg-base: #e8e0f5;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(167, 139, 250, .25) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(139, 92, 246, .2) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(196, 181, 253, .15) 0%, transparent 55%), linear-gradient(160deg, #faf5ff 0%, #f3e8ff 35%, #e9d5ff 70%, #d8b4fe 100%);--chat-pattern-gradient: linear-gradient(135deg, #6d28d9 0%, #7c3aed 50%, #8b5cf6 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 420px;--chat-pattern-color: #7c3aed;--sent-message-bg: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .18);--sent-message-shadow: 0 1px 3px rgba(124, 58, 237, .25);--sent-message-meta: rgba(255, 255, 255, .85);--chat-bubble-shadow: 0 1px 3px rgba(124, 58, 237, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #faf5ff 100%);--received-message-text: #4c1d95;--received-message-border: 1px solid rgba(124, 58, 237, .1);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(76, 29, 149, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #c4b5fd;--chat-header-bg: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(91, 33, 182, .25);--chat-header-border: none;--chat-composer-bg: #faf5ff;--chat-composer-border: 1px solid rgba(124, 58, 237, .1);--chat-input-bg: #ffffff;--chat-input-text: #4c1d95;--chat-input-placeholder: rgba(76, 29, 149, .5);--chat-input-icon-color: #8b5cf6;--chat-input-border: 1px solid rgba(124, 58, 237, .15);--chat-input-focus-ring: rgba(124, 58, 237, .3);--chat-send-btn-bg: linear-gradient(135deg, #7c3aed, #6d28d9);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(124, 58, 237, .3);--date-separator-bg: rgba(250, 245, 255, .92);--date-separator-text: #5b21b6;--system-message-bg: rgba(243, 232, 255, .9);--system-message-text: #5b21b6;--typing-indicator-dot: #8b5cf6;--link-color-received: #6d28d9;--link-color-sent: #c4b5fd;--reply-bar-color: #8b5cf6;--reply-name-sent: #c4b5fd;--reply-name-received: #7c3aed;--unread-badge-bg: #7c3aed;--unread-badge-text: #ffffff;--scroll-btn-icon: #7c3aed;--reaction-pill-active-bg: rgba(124, 58, 237, .1);--reaction-pill-active-border: 1px solid rgba(124, 58, 237, .25)}[data-theme=dark][data-chat-theme=classic-purple]{--chat-bg-base: #06030a;--chat-bg-gradient: radial-gradient(circle at 15% 85%, rgba(124, 58, 237, .1) 0%, transparent 50%), radial-gradient(circle at 85% 15%, rgba(139, 92, 246, .08) 0%, transparent 45%), radial-gradient(circle at 50% 50%, rgba(124, 58, 237, .05) 0%, transparent 60%), linear-gradient(160deg, #06030a 0%, #0d0618 35%, #0a0414 70%, #06030a 100%);--chat-pattern-gradient: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 50%, #7c3aed 100%);--chat-pattern-opacity: .035;--chat-pattern-color: #8b5cf6;--sent-message-bg: linear-gradient(135deg, #5b21b6 0%, #4c1d95 100%);--sent-message-text: #ede9fe;--sent-message-border: 1px solid rgba(167, 139, 250, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(237, 233, 254, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #1a1030;--received-message-text: #ede9fe;--received-message-border: 1px solid rgba(167, 139, 250, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(237, 233, 254, .5);--tick-color: rgba(237, 233, 254, .3);--tick-read-color: #a78bfa;--chat-header-bg: #150e25;--chat-header-text: #ede9fe;--chat-header-icon-color: #c4b5fd;--chat-header-border: 1px solid rgba(167, 139, 250, .08);--chat-composer-bg: #150e25;--chat-composer-border: 1px solid rgba(167, 139, 250, .08);--chat-input-bg: #221538;--chat-input-text: #ede9fe;--chat-input-placeholder: rgba(237, 233, 254, .35);--chat-input-icon-color: #c4b5fd;--chat-input-border: 1px solid rgba(167, 139, 250, .1);--chat-send-btn-bg: #7c3aed;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(21, 14, 37, .92);--date-separator-text: rgba(237, 233, 254, .6);--system-message-bg: rgba(26, 16, 48, .9);--system-message-text: rgba(237, 233, 254, .55);--typing-indicator-dot: #a78bfa;--link-color-received: #c4b5fd;--link-color-sent: #c4b5fd;--reply-bar-color: #8b5cf6;--reply-name-sent: #c4b5fd;--reply-name-received: #c4b5fd;--unread-badge-bg: #7c3aed;--scroll-btn-bg: #221538;--scroll-btn-icon: #c4b5fd;--reaction-pill-bg: rgba(167, 139, 250, .06);--reaction-pill-border: 1px solid rgba(167, 139, 250, .1);--reaction-pill-active-bg: rgba(167, 139, 250, .12);--reaction-pill-active-border: 1px solid rgba(167, 139, 250, .25);--reaction-count-color: #c4b5fd}[data-theme=light][data-chat-theme=rose-gold]{--chat-bg-base: #f5e0e2;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(244, 63, 94, .18) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(253, 164, 175, .25) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(254, 205, 211, .15) 0%, transparent 55%), linear-gradient(160deg, #fff1f2 0%, #ffe4e6 35%, #fecdd3 70%, #fda4af 100%);--chat-pattern-gradient: linear-gradient(135deg, #be123c 0%, #e11d48 50%, #f43f5e 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 400px;--chat-pattern-color: #e11d48;--sent-message-bg: linear-gradient(135deg, #e11d48 0%, #be123c 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .22);--sent-message-shadow: 0 1px 3px rgba(225, 29, 72, .25);--sent-message-meta: rgba(255, 255, 255, .88);--chat-bubble-shadow: 0 1px 3px rgba(225, 29, 72, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #fff1f2 100%);--received-message-text: #881337;--received-message-border: 1px solid rgba(225, 29, 72, .1);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(136, 19, 55, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #fda4af;--chat-header-bg: linear-gradient(135deg, #881337 0%, #e11d48 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(136, 19, 55, .25);--chat-header-border: none;--chat-composer-bg: #fff1f2;--chat-composer-border: 1px solid rgba(225, 29, 72, .1);--chat-input-bg: #ffffff;--chat-input-text: #881337;--chat-input-placeholder: #9f1239;--chat-input-icon-color: #f43f5e;--chat-input-border: 1px solid rgba(225, 29, 72, .15);--chat-input-focus-ring: rgba(225, 29, 72, .25);--chat-send-btn-bg: linear-gradient(135deg, #e11d48, #be123c);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(225, 29, 72, .3);--date-separator-bg: rgba(255, 241, 242, .92);--date-separator-text: #881337;--system-message-bg: rgba(255, 228, 230, .9);--system-message-text: #881337;--typing-indicator-dot: #f43f5e;--link-color-received: #be123c;--link-color-sent: #fecdd3;--reply-bar-color: #f43f5e;--reply-name-sent: #fecdd3;--reply-name-received: #e11d48;--unread-badge-bg: #e11d48;--unread-badge-text: #ffffff;--scroll-btn-icon: #e11d48;--reaction-pill-active-bg: rgba(225, 29, 72, .1);--reaction-pill-active-border: 1px solid rgba(225, 29, 72, .25)}[data-theme=dark][data-chat-theme=rose-gold]{--chat-bg-base: #1a080c;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(225, 29, 72, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(244, 63, 94, .05) 0%, transparent 45%), linear-gradient(160deg, #1a080c 0%, #240e14 50%, #1a080c 100%);--chat-pattern-gradient: linear-gradient(135deg, #fb7185 0%, #f43f5e 50%, #e11d48 100%);--chat-pattern-opacity: .022;--chat-pattern-color: #f43f5e;--sent-message-bg: linear-gradient(135deg, #9f1239 0%, #881337 100%);--sent-message-text: #ffe4e6;--sent-message-border: 1px solid rgba(253, 164, 175, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(255, 228, 230, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #2a0e16;--received-message-text: #ffe4e6;--received-message-border: 1px solid rgba(253, 164, 175, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(255, 228, 230, .5);--tick-color: rgba(255, 228, 230, .3);--tick-read-color: #fb7185;--chat-header-bg: #240e14;--chat-header-text: #ffe4e6;--chat-header-icon-color: #fda4af;--chat-header-border: 1px solid rgba(253, 164, 175, .08);--chat-composer-bg: #240e14;--chat-composer-border: 1px solid rgba(253, 164, 175, .08);--chat-input-bg: #38151e;--chat-input-text: #ffe4e6;--chat-input-placeholder: rgba(255, 228, 230, .35);--chat-input-icon-color: #fda4af;--chat-input-border: 1px solid rgba(253, 164, 175, .1);--chat-send-btn-bg: #e11d48;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(36, 14, 20, .92);--date-separator-text: rgba(255, 228, 230, .6);--system-message-bg: rgba(42, 14, 22, .9);--system-message-text: rgba(255, 228, 230, .55);--typing-indicator-dot: #fb7185;--link-color-received: #fda4af;--link-color-sent: #fda4af;--reply-bar-color: #f43f5e;--reply-name-sent: #fda4af;--reply-name-received: #fda4af;--unread-badge-bg: #e11d48;--scroll-btn-bg: #38151e;--scroll-btn-icon: #fda4af;--reaction-pill-bg: rgba(253, 164, 175, .06);--reaction-pill-border: 1px solid rgba(253, 164, 175, .1);--reaction-pill-active-bg: rgba(253, 164, 175, .12);--reaction-pill-active-border: 1px solid rgba(253, 164, 175, .25);--reaction-count-color: #fda4af}[data-theme=light][data-chat-theme=forest-mist]{--chat-bg-base: #dce8dc;--chat-bg-gradient: radial-gradient(ellipse at 10% 90%, rgba(74, 222, 128, .22) 0%, transparent 50%), radial-gradient(ellipse at 90% 10%, rgba(34, 197, 94, .18) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(187, 247, 208, .12) 0%, transparent 55%), linear-gradient(160deg, #f0fdf4 0%, #dcfce7 35%, #bbf7d0 70%, #86efac 100%);--chat-pattern-gradient: linear-gradient(135deg, #15803d 0%, #16a34a 50%, #22c55e 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 420px;--chat-pattern-color: #16a34a;--sent-message-bg: linear-gradient(135deg, #16a34a 0%, #15803d 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .18);--sent-message-shadow: 0 1px 3px rgba(22, 163, 74, .25);--sent-message-meta: rgba(255, 255, 255, .88);--chat-bubble-shadow: 0 1px 3px rgba(22, 163, 74, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%);--received-message-text: #14532d;--received-message-border: 1px solid rgba(22, 163, 74, .1);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(20, 83, 45, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #86efac;--chat-header-bg: linear-gradient(135deg, #166534 0%, #16a34a 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(22, 101, 52, .25);--chat-header-border: none;--chat-composer-bg: #f0fdf4;--chat-composer-border: 1px solid rgba(22, 163, 74, .1);--chat-input-bg: #ffffff;--chat-input-text: #14532d;--chat-input-placeholder: #6b7280;--chat-input-icon-color: #16a34a;--chat-input-border: 1px solid rgba(22, 163, 74, .15);--chat-input-focus-ring: rgba(22, 163, 74, .3);--chat-send-btn-bg: linear-gradient(135deg, #16a34a, #15803d);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(22, 163, 74, .3);--date-separator-bg: rgba(240, 253, 244, .92);--date-separator-text: #166534;--system-message-bg: rgba(220, 252, 231, .9);--system-message-text: #166534;--typing-indicator-dot: #16a34a;--link-color-received: #15803d;--link-color-sent: #bbf7d0;--reply-bar-color: #22c55e;--reply-name-sent: #bbf7d0;--reply-name-received: #16a34a;--unread-badge-bg: #16a34a;--unread-badge-text: #ffffff;--scroll-btn-icon: #16a34a;--reaction-pill-active-bg: rgba(22, 163, 74, .1);--reaction-pill-active-border: 1px solid rgba(22, 163, 74, .25)}[data-theme=dark][data-chat-theme=forest-mist]{--chat-bg-base: #061a0e;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(22, 163, 74, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(74, 222, 128, .05) 0%, transparent 45%), linear-gradient(160deg, #061a0e 0%, #0a2516 50%, #061a0e 100%);--chat-pattern-gradient: linear-gradient(135deg, #4ade80 0%, #22c55e 50%, #16a34a 100%);--chat-pattern-opacity: .025;--chat-pattern-color: #22c55e;--sent-message-bg: linear-gradient(135deg, #166534 0%, #14532d 100%);--sent-message-text: #dcfce7;--sent-message-border: 1px solid rgba(74, 222, 128, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(220, 252, 231, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #0f2a18;--received-message-text: #dcfce7;--received-message-border: 1px solid rgba(74, 222, 128, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(220, 252, 231, .5);--tick-color: rgba(220, 252, 231, .3);--tick-read-color: #4ade80;--chat-header-bg: #0a2516;--chat-header-text: #dcfce7;--chat-header-icon-color: #86efac;--chat-header-border: 1px solid rgba(74, 222, 128, .08);--chat-composer-bg: #0a2516;--chat-composer-border: 1px solid rgba(74, 222, 128, .08);--chat-input-bg: #143520;--chat-input-text: #dcfce7;--chat-input-placeholder: rgba(220, 252, 231, .35);--chat-input-icon-color: #86efac;--chat-input-border: 1px solid rgba(74, 222, 128, .1);--chat-send-btn-bg: #16a34a;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(10, 37, 22, .92);--date-separator-text: rgba(220, 252, 231, .6);--system-message-bg: rgba(15, 42, 24, .9);--system-message-text: rgba(220, 252, 231, .55);--typing-indicator-dot: #4ade80;--link-color-received: #86efac;--link-color-sent: #86efac;--reply-bar-color: #22c55e;--reply-name-sent: #86efac;--reply-name-received: #86efac;--unread-badge-bg: #16a34a;--scroll-btn-bg: #143520;--scroll-btn-icon: #86efac;--reaction-pill-bg: rgba(74, 222, 128, .06);--reaction-pill-border: 1px solid rgba(74, 222, 128, .1);--reaction-pill-active-bg: rgba(74, 222, 128, .12);--reaction-pill-active-border: 1px solid rgba(74, 222, 128, .25);--reaction-count-color: #86efac}[data-theme=light][data-chat-theme=electric-dreams]{--chat-bg-base: #dce4f5;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(96, 165, 250, .25) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(99, 102, 241, .18) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(147, 197, 253, .12) 0%, transparent 55%), linear-gradient(160deg, #eff6ff 0%, #dbeafe 35%, #bfdbfe 70%, #93c5fd 100%);--chat-pattern-gradient: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #3b82f6 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 420px;--chat-pattern-color: #2563eb;--sent-message-bg: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .18);--sent-message-shadow: 0 1px 3px rgba(37, 99, 235, .25);--sent-message-meta: rgba(255, 255, 255, .85);--chat-bubble-shadow: 0 1px 3px rgba(37, 99, 235, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #eff6ff 100%);--received-message-text: #1e3a5f;--received-message-border: 1px solid rgba(37, 99, 235, .1);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(30, 58, 95, .65);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #93c5fd;--chat-header-bg: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(30, 64, 175, .25);--chat-header-border: none;--chat-composer-bg: #eff6ff;--chat-composer-border: 1px solid rgba(37, 99, 235, .1);--chat-input-bg: #ffffff;--chat-input-text: #1e3a5f;--chat-input-placeholder: #64748b;--chat-input-icon-color: #2563eb;--chat-input-border: 1px solid rgba(37, 99, 235, .15);--chat-input-focus-ring: rgba(37, 99, 235, .3);--chat-send-btn-bg: linear-gradient(135deg, #2563eb, #1d4ed8);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(37, 99, 235, .3);--date-separator-bg: rgba(239, 246, 255, .92);--date-separator-text: #1e40af;--system-message-bg: rgba(219, 234, 254, .9);--system-message-text: #1e40af;--typing-indicator-dot: #2563eb;--link-color-received: #1d4ed8;--link-color-sent: #93c5fd;--reply-bar-color: #3b82f6;--reply-name-sent: #93c5fd;--reply-name-received: #2563eb;--unread-badge-bg: #2563eb;--unread-badge-text: #ffffff;--scroll-btn-icon: #2563eb;--reaction-pill-active-bg: rgba(37, 99, 235, .1);--reaction-pill-active-border: 1px solid rgba(37, 99, 235, .25)}[data-theme=dark][data-chat-theme=electric-dreams]{--chat-bg-base: #060c1a;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(37, 99, 235, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(96, 165, 250, .05) 0%, transparent 45%), linear-gradient(160deg, #060c1a 0%, #0c1530 50%, #060c1a 100%);--chat-pattern-gradient: linear-gradient(135deg, #60a5fa 0%, #3b82f6 50%, #2563eb 100%);--chat-pattern-opacity: .025;--chat-pattern-color: #3b82f6;--sent-message-bg: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%);--sent-message-text: #dbeafe;--sent-message-border: 1px solid rgba(96, 165, 250, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(219, 234, 254, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #0d1a35;--received-message-text: #dbeafe;--received-message-border: 1px solid rgba(96, 165, 250, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(219, 234, 254, .5);--tick-color: rgba(219, 234, 254, .3);--tick-read-color: #60a5fa;--chat-header-bg: #0c1530;--chat-header-text: #dbeafe;--chat-header-icon-color: #93c5fd;--chat-header-border: 1px solid rgba(96, 165, 250, .08);--chat-composer-bg: #0c1530;--chat-composer-border: 1px solid rgba(96, 165, 250, .08);--chat-input-bg: #142040;--chat-input-text: #dbeafe;--chat-input-placeholder: rgba(219, 234, 254, .35);--chat-input-icon-color: #93c5fd;--chat-input-border: 1px solid rgba(96, 165, 250, .1);--chat-send-btn-bg: #2563eb;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(12, 21, 48, .92);--date-separator-text: rgba(219, 234, 254, .6);--system-message-bg: rgba(13, 26, 53, .9);--system-message-text: rgba(219, 234, 254, .55);--typing-indicator-dot: #60a5fa;--link-color-received: #93c5fd;--link-color-sent: #93c5fd;--reply-bar-color: #3b82f6;--reply-name-sent: #93c5fd;--reply-name-received: #93c5fd;--unread-badge-bg: #2563eb;--scroll-btn-bg: #142040;--scroll-btn-icon: #93c5fd;--reaction-pill-bg: rgba(96, 165, 250, .06);--reaction-pill-border: 1px solid rgba(96, 165, 250, .1);--reaction-pill-active-bg: rgba(96, 165, 250, .12);--reaction-pill-active-border: 1px solid rgba(96, 165, 250, .25);--reaction-count-color: #93c5fd}[data-theme=light][data-chat-theme=minimal-slate]{--chat-bg-base: #eceef1;--chat-bg-gradient: radial-gradient(circle at 30% 70%, rgba(148, 163, 184, .06) 0%, transparent 50%), linear-gradient(180deg, #f8fafc 0%, #f1f5f9 50%, #e2e8f0 100%);--chat-pattern-gradient: linear-gradient(135deg, #475569 0%, #64748b 50%, #94a3b8 100%);--chat-pattern-opacity: .025;--chat-pattern-size: 400px;--chat-pattern-color: #64748b;--sent-message-bg: #334155;--sent-message-text: #f8fafc;--sent-message-border: none;--sent-message-shadow: 0 1px 2px rgba(51, 65, 85, .2);--sent-message-meta: rgba(248, 250, 252, .65);--chat-bubble-shadow: 0 1px 2px rgba(0, 0, 0, .08);--received-message-bg: #ffffff;--received-message-text: #0f172a;--received-message-border: 1px solid #e2e8f0;--received-message-shadow: 0 1px 2px rgba(0, 0, 0, .04);--received-message-meta: rgba(15, 23, 42, .5);--tick-color: rgba(248, 250, 252, .4);--tick-read-color: #94a3b8;--chat-header-bg: #ffffff;--chat-header-text: #0f172a;--chat-header-icon-color: #64748b;--chat-header-shadow: none;--chat-header-border: 1px solid #e2e8f0;--chat-composer-bg: #f8fafc;--chat-composer-border: 1px solid #e2e8f0;--chat-input-bg: #ffffff;--chat-input-text: #0f172a;--chat-input-placeholder: #94a3b8;--chat-input-icon-color: #64748b;--chat-input-border: 1px solid #e2e8f0;--chat-input-shadow: none;--chat-input-focus-ring: rgba(100, 116, 139, .25);--chat-send-btn-bg: #334155;--chat-send-btn-color: #f8fafc;--chat-send-btn-shadow: 0 1px 3px rgba(51, 65, 85, .2);--date-separator-bg: #ffffff;--date-separator-text: #64748b;--date-separator-shadow: 0 1px 2px rgba(0, 0, 0, .04);--date-separator-border: 1px solid #e2e8f0;--system-message-bg: #f1f5f9;--system-message-text: #64748b;--system-message-shadow: none;--typing-indicator-dot: #94a3b8;--link-color-received: #2563eb;--link-color-sent: #93c5fd;--reply-bar-color: #64748b;--reply-name-received: #334155;--unread-badge-bg: #334155;--unread-badge-text: #ffffff;--scroll-btn-icon: #64748b;--reaction-pill-bg: rgba(0, 0, 0, .03);--reaction-pill-border: 1px solid #e2e8f0;--reaction-pill-active-bg: rgba(51, 65, 85, .08);--reaction-pill-active-border: 1px solid rgba(51, 65, 85, .2)}[data-theme=dark][data-chat-theme=minimal-slate]{--chat-bg-base: #0f172a;--chat-bg-gradient: radial-gradient(circle at 30% 70%, rgba(100, 116, 139, .04) 0%, transparent 50%), linear-gradient(180deg, #0f172a 0%, #1e293b 100%);--chat-pattern-gradient: linear-gradient(135deg, #94a3b8 0%, #64748b 50%, #475569 100%);--chat-pattern-opacity: .015;--chat-pattern-color: #64748b;--sent-message-bg: #475569;--sent-message-text: #f1f5f9;--sent-message-border: none;--sent-message-shadow: 0 1px 2px rgba(0, 0, 0, .3);--sent-message-meta: rgba(241, 245, 249, .55);--chat-bubble-shadow: 0 1px 2px rgba(0, 0, 0, .3);--received-message-bg: #1e293b;--received-message-text: #e2e8f0;--received-message-border: 1px solid rgba(255, 255, 255, .05);--received-message-shadow: 0 1px 2px rgba(0, 0, 0, .25);--received-message-meta: rgba(226, 232, 240, .5);--tick-color: rgba(241, 245, 249, .3);--tick-read-color: #94a3b8;--chat-header-bg: #0f172a;--chat-header-text: #e2e8f0;--chat-header-icon-color: #64748b;--chat-header-border: 1px solid rgba(255, 255, 255, .05);--chat-composer-bg: #0f172a;--chat-composer-border: 1px solid rgba(255, 255, 255, .05);--chat-input-bg: #1e293b;--chat-input-text: #e2e8f0;--chat-input-placeholder: #475569;--chat-input-icon-color: #64748b;--chat-input-border: 1px solid rgba(255, 255, 255, .06);--chat-send-btn-bg: #475569;--chat-send-btn-color: #f1f5f9;--date-separator-bg: rgba(30, 41, 59, .9);--date-separator-text: #64748b;--date-separator-border: 1px solid rgba(255, 255, 255, .05);--system-message-bg: rgba(30, 41, 59, .85);--system-message-text: #64748b;--typing-indicator-dot: #64748b;--link-color-received: #60a5fa;--link-color-sent: #93c5fd;--reply-bar-color: #64748b;--reply-name-received: #94a3b8;--unread-badge-bg: #475569;--unread-badge-text: #f1f5f9;--scroll-btn-bg: #1e293b;--scroll-btn-icon: #64748b;--reaction-pill-bg: rgba(255, 255, 255, .04);--reaction-pill-border: 1px solid rgba(255, 255, 255, .06);--reaction-pill-active-bg: rgba(100, 116, 139, .12);--reaction-pill-active-border: 1px solid rgba(100, 116, 139, .25);--reaction-count-color: #64748b}[data-theme=light][data-chat-theme=telegram-blue]{--chat-bg-base: #c8dce8;--chat-bg-gradient: radial-gradient(ellipse at 20% 80%, rgba(96, 165, 250, .15) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(147, 197, 253, .12) 0%, transparent 50%), linear-gradient(160deg, #d1e7f5 0%, #b8d4e8 40%, #9dc2db 70%, #8bb8d4 100%);--chat-pattern-gradient: linear-gradient(135deg, #2b5278 0%, #517da2 50%, #6ea0c4 100%);--chat-pattern-opacity: .05;--chat-pattern-size: 400px;--chat-pattern-color: #517da2;--sent-message-bg: #effdde;--sent-message-text: #000000;--sent-message-border: none;--sent-message-shadow: 0 1px 2px rgba(0, 0, 0, .1);--sent-message-meta: rgba(0, 0, 0, .45);--chat-bubble-shadow: 0 1px 2px rgba(0, 0, 0, .1);--received-message-bg: #ffffff;--received-message-text: #000000;--received-message-border: none;--received-message-shadow: 0 1px 2px rgba(0, 0, 0, .1);--received-message-meta: rgba(0, 0, 0, .4);--tick-color: rgba(0, 0, 0, .3);--tick-read-color: #4fae4e;--chat-header-bg: #517da2;--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .85);--chat-header-shadow: none;--chat-header-border: none;--chat-composer-bg: #ffffff;--chat-composer-border: none;--chat-input-bg: #ffffff;--chat-input-text: #000000;--chat-input-placeholder: #999999;--chat-input-icon-color: #8e99a4;--chat-input-border: 1px solid #e5e7eb;--chat-input-shadow: none;--chat-input-focus-ring: rgba(81, 125, 162, .25);--chat-send-btn-bg: #517da2;--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 1px 3px rgba(81, 125, 162, .25);--date-separator-bg: rgba(255, 255, 255, .7);--date-separator-text: #517da2;--date-separator-shadow: 0 1px 2px rgba(0, 0, 0, .08);--system-message-bg: rgba(255, 255, 255, .65);--system-message-text: #517da2;--typing-indicator-dot: #517da2;--link-color-received: #2b5278;--link-color-sent: #2b5278;--reply-bar-color: #6eb1e6;--reply-name-received: #2b5278;--reply-name-sent: #2b5278;--unread-badge-bg: #4fae4e;--unread-badge-text: #ffffff;--scroll-btn-icon: #517da2;--reaction-pill-active-bg: rgba(81, 125, 162, .1);--reaction-pill-active-border: 1px solid rgba(81, 125, 162, .25)}[data-theme=dark][data-chat-theme=telegram-blue]{--chat-bg-base: #0e1621;--chat-bg-gradient: radial-gradient(ellipse at 20% 80%, rgba(43, 82, 120, .06) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(81, 125, 162, .04) 0%, transparent 50%), linear-gradient(180deg, #0e1621 0%, #17212b 100%);--chat-pattern-gradient: linear-gradient(135deg, #6ea0c4 0%, #517da2 50%, #2b5278 100%);--chat-pattern-opacity: .02;--chat-pattern-color: #517da2;--sent-message-bg: #2b5278;--sent-message-text: #f5f5f5;--sent-message-border: none;--sent-message-shadow: 0 1px 2px rgba(0, 0, 0, .3);--sent-message-meta: rgba(245, 245, 245, .55);--chat-bubble-shadow: 0 1px 2px rgba(0, 0, 0, .3);--received-message-bg: #182533;--received-message-text: #f5f5f5;--received-message-border: none;--received-message-shadow: 0 1px 2px rgba(0, 0, 0, .25);--received-message-meta: rgba(245, 245, 245, .45);--tick-color: rgba(245, 245, 245, .3);--tick-read-color: #7dd3fc;--chat-header-bg: #17212b;--chat-header-text: #f5f5f5;--chat-header-icon-color: #8696a0;--chat-header-border: 1px solid rgba(255, 255, 255, .04);--chat-composer-bg: #17212b;--chat-composer-border: 1px solid rgba(255, 255, 255, .04);--chat-input-bg: #242f3d;--chat-input-text: #f5f5f5;--chat-input-placeholder: #6c7883;--chat-input-icon-color: #6c7883;--chat-input-border: none;--chat-send-btn-bg: #5288b5;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(23, 33, 43, .85);--date-separator-text: rgba(245, 245, 245, .5);--system-message-bg: rgba(23, 33, 43, .8);--system-message-text: rgba(245, 245, 245, .45);--typing-indicator-dot: #6c7883;--link-color-received: #7dd3fc;--link-color-sent: #7dd3fc;--reply-bar-color: #5288b5;--reply-name-sent: #7dd3fc;--reply-name-received: #7dd3fc;--unread-badge-bg: #5288b5;--unread-badge-text: #ffffff;--scroll-btn-bg: #242f3d;--scroll-btn-icon: #6c7883;--reaction-pill-bg: rgba(82, 136, 181, .06);--reaction-pill-border: 1px solid rgba(82, 136, 181, .1);--reaction-pill-active-bg: rgba(82, 136, 181, .12);--reaction-pill-active-border: 1px solid rgba(82, 136, 181, .25);--reaction-count-color: #6c7883}[data-theme=light][data-chat-theme=custom-background]{--chat-bg-base: transparent;--chat-bg-gradient: none;--chat-pattern-gradient: none;--chat-pattern-opacity: 0;--chat-pattern-size: 0;--chat-pattern-color: transparent;--sent-message-bg: rgba(71, 85, 105, .92);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .1);--sent-message-shadow: 0 1px 4px rgba(0, 0, 0, .2);--sent-message-meta: rgba(255, 255, 255, .7);--chat-bubble-shadow: 0 1px 4px rgba(0, 0, 0, .15);--received-message-bg: rgba(255, 255, 255, .92);--received-message-text: #1e293b;--received-message-border: 1px solid rgba(0, 0, 0, .06);--received-message-shadow: 0 1px 4px rgba(0, 0, 0, .1);--received-message-meta: rgba(30, 41, 59, .6);--tick-color: rgba(255, 255, 255, .4);--tick-read-color: #cbd5e1;--chat-header-bg: rgba(255, 255, 255, .88);--chat-header-text: #1e293b;--chat-header-icon-color: #64748b;--chat-header-shadow: 0 1px 4px rgba(0, 0, 0, .08);--chat-header-border: 1px solid rgba(0, 0, 0, .06);--chat-composer-bg: rgba(255, 255, 255, .88);--chat-composer-border: 1px solid rgba(0, 0, 0, .06);--chat-input-bg: rgba(255, 255, 255, .95);--chat-input-text: #1e293b;--chat-input-placeholder: #94a3b8;--chat-input-icon-color: #64748b;--chat-input-border: 1px solid rgba(0, 0, 0, .08);--chat-input-shadow: 0 1px 2px rgba(0, 0, 0, .05);--chat-input-focus-ring: rgba(100, 116, 139, .25);--chat-send-btn-bg: #475569;--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 1px 4px rgba(71, 85, 105, .25);--date-separator-bg: rgba(255, 255, 255, .85);--date-separator-text: #475569;--date-separator-shadow: 0 1px 3px rgba(0, 0, 0, .1);--system-message-bg: rgba(255, 255, 255, .8);--system-message-text: #475569;--typing-indicator-dot: #94a3b8;--link-color-received: #2563eb;--link-color-sent: #93c5fd;--reply-bar-color: #64748b;--reply-name-received: #475569;--unread-badge-bg: #475569;--unread-badge-text: #ffffff;--scroll-btn-bg: rgba(255, 255, 255, .9);--scroll-btn-icon: #475569;--reaction-pill-bg: rgba(255, 255, 255, .6);--reaction-pill-border: 1px solid rgba(0, 0, 0, .08);--reaction-pill-active-bg: rgba(71, 85, 105, .12);--reaction-pill-active-border: 1px solid rgba(71, 85, 105, .25)}[data-theme=dark][data-chat-theme=custom-background]{--chat-bg-base: transparent;--chat-bg-gradient: none;--chat-pattern-gradient: none;--chat-pattern-opacity: 0;--sent-message-bg: rgba(71, 85, 105, .95);--sent-message-text: #e2e8f0;--sent-message-border: 1px solid rgba(255, 255, 255, .08);--sent-message-shadow: 0 1px 4px rgba(0, 0, 0, .35);--sent-message-meta: rgba(226, 232, 240, .6);--chat-bubble-shadow: 0 1px 4px rgba(0, 0, 0, .35);--received-message-bg: rgba(15, 23, 42, .92);--received-message-text: #e2e8f0;--received-message-border: 1px solid rgba(255, 255, 255, .06);--received-message-shadow: 0 1px 4px rgba(0, 0, 0, .3);--received-message-meta: rgba(226, 232, 240, .5);--tick-color: rgba(226, 232, 240, .3);--tick-read-color: #94a3b8;--chat-header-bg: rgba(15, 23, 42, .92);--chat-header-text: #e2e8f0;--chat-header-icon-color: #64748b;--chat-header-shadow: 0 1px 4px rgba(0, 0, 0, .2);--chat-header-border: 1px solid rgba(255, 255, 255, .04);--chat-composer-bg: rgba(15, 23, 42, .92);--chat-composer-border: 1px solid rgba(255, 255, 255, .04);--chat-input-bg: rgba(30, 41, 59, .9);--chat-input-text: #e2e8f0;--chat-input-placeholder: #475569;--chat-input-icon-color: #64748b;--chat-input-border: 1px solid rgba(255, 255, 255, .06);--chat-send-btn-bg: #475569;--chat-send-btn-color: #e2e8f0;--date-separator-bg: rgba(15, 23, 42, .85);--date-separator-text: #64748b;--system-message-bg: rgba(15, 23, 42, .8);--system-message-text: #64748b;--typing-indicator-dot: #475569;--link-color-received: #60a5fa;--link-color-sent: #93c5fd;--reply-bar-color: #64748b;--reply-name-received: #94a3b8;--unread-badge-bg: #475569;--unread-badge-text: #e2e8f0;--scroll-btn-bg: rgba(30, 41, 59, .9);--scroll-btn-icon: #64748b;--reaction-pill-bg: rgba(255, 255, 255, .04);--reaction-pill-border: 1px solid rgba(255, 255, 255, .06);--reaction-pill-active-bg: rgba(71, 85, 105, .15);--reaction-pill-active-border: 1px solid rgba(71, 85, 105, .3);--reaction-count-color: #64748b}[data-theme=light][data-chat-theme=sunset]{--chat-bg-base: #f5e2d5;--chat-bg-gradient: radial-gradient(ellipse at 10% 90%, rgba(249, 115, 22, .2) 0%, transparent 50%), radial-gradient(ellipse at 90% 10%, rgba(236, 72, 153, .15) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(251, 191, 36, .1) 0%, transparent 55%), linear-gradient(160deg, #fef3c7 0%, #fed7aa 30%, #fecaca 60%, #fce7f3 100%);--chat-pattern-gradient: linear-gradient(135deg, #dc2626 0%, #ea580c 40%, #f59e0b 100%);--chat-pattern-opacity: .04;--chat-pattern-size: 420px;--chat-pattern-color: #ea580c;--sent-message-bg: linear-gradient(135deg, #dc2626 0%, #ea580c 100%);--sent-message-text: #ffffff;--sent-message-border: 1px solid rgba(255, 255, 255, .22);--sent-message-shadow: 0 1px 3px rgba(220, 38, 38, .25);--sent-message-meta: rgba(255, 255, 255, .88);--chat-bubble-shadow: 0 1px 3px rgba(220, 38, 38, .15);--received-message-bg: linear-gradient(135deg, #ffffff 0%, #fffbeb 100%);--received-message-text: #7c2d12;--received-message-border: 1px solid rgba(220, 38, 38, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .06);--received-message-meta: rgba(124, 45, 18, .6);--tick-color: rgba(255, 255, 255, .45);--tick-read-color: #fed7aa;--chat-header-bg: linear-gradient(135deg, #991b1b 0%, #dc2626 50%, #ea580c 100%);--chat-header-text: #ffffff;--chat-header-icon-color: rgba(255, 255, 255, .9);--chat-header-shadow: 0 1px 3px rgba(153, 27, 27, .25);--chat-header-border: none;--chat-composer-bg: #fffbeb;--chat-composer-border: 1px solid rgba(220, 38, 38, .08);--chat-input-bg: #ffffff;--chat-input-text: #7c2d12;--chat-input-placeholder: #9a3412;--chat-input-icon-color: #ea580c;--chat-input-border: 1px solid rgba(220, 38, 38, .12);--chat-input-focus-ring: rgba(220, 38, 38, .25);--chat-send-btn-bg: linear-gradient(135deg, #dc2626, #ea580c);--chat-send-btn-color: #ffffff;--chat-send-btn-shadow: 0 2px 6px rgba(220, 38, 38, .3);--date-separator-bg: rgba(255, 251, 235, .92);--date-separator-text: #7c2d12;--system-message-bg: rgba(255, 237, 213, .9);--system-message-text: #7c2d12;--typing-indicator-dot: #ea580c;--link-color-received: #dc2626;--link-color-sent: #fed7aa;--reply-bar-color: #ea580c;--reply-name-sent: #fed7aa;--reply-name-received: #dc2626;--unread-badge-bg: #dc2626;--unread-badge-text: #ffffff;--scroll-btn-icon: #dc2626;--reaction-pill-active-bg: rgba(220, 38, 38, .1);--reaction-pill-active-border: 1px solid rgba(220, 38, 38, .25)}[data-theme=dark][data-chat-theme=sunset]{--chat-bg-base: #1a0a06;--chat-bg-gradient: radial-gradient(ellipse at 15% 85%, rgba(220, 38, 38, .08) 0%, transparent 50%), radial-gradient(ellipse at 85% 15%, rgba(234, 88, 12, .05) 0%, transparent 45%), linear-gradient(160deg, #1a0a06 0%, #24100a 50%, #1a0a06 100%);--chat-pattern-gradient: linear-gradient(135deg, #fbbf24 0%, #f97316 50%, #ef4444 100%);--chat-pattern-opacity: .022;--chat-pattern-color: #f97316;--sent-message-bg: linear-gradient(135deg, #991b1b 0%, #9a3412 100%);--sent-message-text: #fef2f2;--sent-message-border: 1px solid rgba(252, 165, 165, .12);--sent-message-shadow: 0 1px 3px rgba(0, 0, 0, .4);--sent-message-meta: rgba(254, 242, 242, .6);--chat-bubble-shadow: 0 1px 3px rgba(0, 0, 0, .4);--received-message-bg: #2a150e;--received-message-text: #fef2f2;--received-message-border: 1px solid rgba(252, 165, 165, .08);--received-message-shadow: 0 1px 3px rgba(0, 0, 0, .35);--received-message-meta: rgba(254, 242, 242, .5);--tick-color: rgba(254, 242, 242, .3);--tick-read-color: #f87171;--chat-header-bg: #24100a;--chat-header-text: #fef2f2;--chat-header-icon-color: #fca5a5;--chat-header-border: 1px solid rgba(252, 165, 165, .08);--chat-composer-bg: #24100a;--chat-composer-border: 1px solid rgba(252, 165, 165, .08);--chat-input-bg: #381a12;--chat-input-text: #fef2f2;--chat-input-placeholder: rgba(254, 242, 242, .35);--chat-input-icon-color: #fca5a5;--chat-input-border: 1px solid rgba(252, 165, 165, .1);--chat-send-btn-bg: #dc2626;--chat-send-btn-color: #ffffff;--date-separator-bg: rgba(36, 16, 10, .92);--date-separator-text: rgba(254, 242, 242, .6);--system-message-bg: rgba(42, 21, 14, .9);--system-message-text: rgba(254, 242, 242, .55);--typing-indicator-dot: #f87171;--link-color-received: #fca5a5;--link-color-sent: #fca5a5;--reply-bar-color: #ef4444;--reply-name-sent: #fca5a5;--reply-name-received: #fca5a5;--unread-badge-bg: #dc2626;--scroll-btn-bg: #381a12;--scroll-btn-icon: #fca5a5;--reaction-pill-bg: rgba(252, 165, 165, .06);--reaction-pill-border: 1px solid rgba(252, 165, 165, .1);--reaction-pill-active-bg: rgba(252, 165, 165, .12);--reaction-pill-active-border: 1px solid rgba(252, 165, 165, .25);--reaction-count-color: #fca5a5}.chat-container,#messagesContainer{background:var(--chat-bg-gradient);position:relative;min-height:var(--app-height);transition:background .5s ease}.chat-header{background:var(--chat-header-bg);color:var(--chat-header-text);box-shadow:var(--chat-header-shadow);-webkit-backdrop-filter:var(--theme-backdrop-blur);backdrop-filter:var(--theme-backdrop-blur);border-bottom:1px solid rgba(255,255,255,.1);padding:var(--spacing-md) var(--spacing-lg);font-weight:600;z-index:10;transition:all .3s ease}.chat-header .icon,.chat-header i,.chat-header svg{color:var(--chat-header-icon-color);filter:drop-shadow(var(--theme-icon-shadow));transition:all .2s ease}.message-input-area,.input-wrapper{background:var(--chat-input-bg);border:var(--chat-input-border);box-shadow:var(--chat-input-shadow);-webkit-backdrop-filter:var(--theme-backdrop-blur);backdrop-filter:var(--theme-backdrop-blur);border-radius:25px;padding:8px 12px;margin:8px 12px;transition:all .3s ease}.message-input-area input,.message-input-area textarea,#messageInput{color:var(--chat-input-text);background:transparent;border:none;font-size:15px}.message-input-area .icon,.message-input-area i,.message-input-area svg{color:var(--chat-input-icon-color);filter:drop-shadow(var(--theme-icon-shadow))}.chat-container::-webkit-scrollbar,#messagesContainer::-webkit-scrollbar{width:6px}.chat-container::-webkit-scrollbar-thumb,#messagesContainer::-webkit-scrollbar-thumb{background:var(--chat-header-bg);border-radius:3px;opacity:.5}@media(max-width:1024px){.chat-header,.message-input-area{backdrop-filter:none;-webkit-backdrop-filter:none}}.sidebar-groups-section{padding:.85rem 1rem;border-bottom:1px solid var(--border-color, #2a3942);background-color:var(--surface-color, #1f2c33);transition:background-color .3s ease}.sidebar-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.sidebar-section-header h3{font-size:.8rem;font-weight:600;color:var(--text-secondary, #8696a0);text-transform:uppercase;letter-spacing:.06em;margin:0;-webkit-user-select:none;user-select:none}.create-group-icon-btn{background:none;border:none;color:var(--brand-primary, #00a884);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.create-group-icon-btn:hover{background-color:#00a8841a;transform:scale(1.08)}.create-group-icon-btn:active{transform:scale(.95)}.sidebar-groups-list{display:flex;gap:.65rem;overflow-x:auto;overflow-y:hidden;padding:4px 2px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent 0px,black 8px,black calc(100% - 8px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0px,black 8px,black calc(100% - 8px),transparent 100%)}.sidebar-groups-list::-webkit-scrollbar{display:none}.sidebar-group-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;cursor:pointer;min-width:64px;max-width:72px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);will-change:transform;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;padding:6px 4px 4px;border-radius:12px}.sidebar-group-item:hover{transform:scale(1.06);background-color:#00a8840a}.sidebar-group-item:active{transform:scale(.96);transition:transform .1s ease}.sidebar-group-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--brand-primary, #00a884),var(--brand-secondary, #00876a));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem;overflow:hidden;box-shadow:0 4px 12px #003c2826;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;padding:0;position:relative;z-index:1;flex-shrink:0}.sidebar-group-item.active .sidebar-group-avatar{border-color:var(--brand-primary, #00a884);box-shadow:0 0 0 2px var(--surface-color, #1f2c33),0 0 0 4px var(--brand-primary, #00a884),0 4px 12px #00a88433;transform:scale(1.02)}.sidebar-group-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.sidebar-group-avatar .group-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;color:#fff;font-weight:700;font-size:1.1rem;text-transform:uppercase}.sidebar-group-info{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}.sidebar-group-name{font-size:.72rem;color:var(--text-primary, #e9edef);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;font-weight:500;line-height:1.3;padding:0 2px}.sidebar-group-item.active .sidebar-group-name{color:var(--brand-primary, #00a884);font-weight:600}.unread-dot{width:10px;height:10px;background-color:var(--brand-primary, #00a884);border-radius:50%;position:absolute;top:6px;right:4px;border:2px solid var(--surface-color, #1f2c33);box-shadow:0 2px 6px #00a88459;z-index:3;animation:ud-pulse 2s ease-in-out infinite}@keyframes ud-pulse{0%,to{box-shadow:0 2px 6px #00a88459}50%{box-shadow:0 2px 6px #00a8848c,0 0 0 3px #00a8841a}}.sidebar-groups-empty{font-size:.78rem;color:var(--text-secondary, #8696a0);padding:.75rem 0;text-align:center;font-style:italic;opacity:.8}.groups-sidebar-loading{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.78rem;color:var(--text-secondary, #8696a0);padding:.75rem 0}.groups-sidebar-loading:before{content:"";width:16px;height:16px;border:2px solid var(--border-color, #2a3942);border-top-color:var(--brand-primary, #00a884);border-radius:50%;animation:sg-spin .7s linear infinite}@keyframes sg-spin{to{transform:rotate(360deg)}}[data-theme=light] .sidebar-groups-section,body.light-mode .sidebar-groups-section{background-color:var(--surface-color, #ffffff);border-bottom-color:var(--border-color, #d1e8da)}[data-theme=light] .sidebar-group-item:hover,body.light-mode .sidebar-group-item:hover{background-color:#00a8840a}[data-theme=light] .sidebar-group-avatar,body.light-mode .sidebar-group-avatar{box-shadow:0 4px 12px #003c281a}[data-theme=light] .sidebar-group-item.active .sidebar-group-avatar,body.light-mode .sidebar-group-item.active .sidebar-group-avatar{box-shadow:0 0 0 2px var(--surface-color, #ffffff),0 0 0 4px var(--brand-primary, #00a884),0 4px 12px #00a88426}[data-theme=light] .sidebar-group-name,body.light-mode .sidebar-group-name{color:var(--text-primary, #0c1e17)}[data-theme=light] .unread-dot,body.light-mode .unread-dot{border-color:var(--surface-color, #ffffff);box-shadow:0 2px 6px #00a88440}[data-theme=light] .create-group-icon-btn:hover,body.light-mode .create-group-icon-btn:hover{background-color:#00a8840f}@media(max-width:480px){.sidebar-groups-section{padding:.7rem .75rem}.sidebar-group-item{min-width:58px;max-width:66px;padding:4px 2px 3px}.sidebar-group-avatar{width:46px;height:46px;font-size:1rem}.sidebar-group-avatar .group-avatar-fallback{font-size:1rem}.sidebar-group-name{font-size:.68rem}.sidebar-groups-list{gap:.5rem}.unread-dot{width:8px;height:8px;top:4px;right:2px}}@media(max-width:320px){.sidebar-group-item{min-width:52px;max-width:60px}.sidebar-group-avatar{width:42px;height:42px;font-size:.9rem}}@property --scroll-percentage{syntax: "<number>"; inherits: false; initial-value: 0;}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-color: #f0faf4;--bg-gradient: linear-gradient(180deg, #ffffff 0%, #e6f7ed 100%);--surface-color: #ffffff;--text-primary: #0c1e17;--text-secondary: #4a6e5c;--border-color: #d1e8da;--brand-primary: #00a884;--brand-gradient: linear-gradient(135deg, #00a884 0%, #00876a 100%);--brand-secondary: #00876a;--brand-light: rgba(0, 168, 132, .1);--brand-hover: #009e7a;--shadow-sm: 0 2px 8px rgba(0, 60, 40, .06);--shadow-md: 0 8px 24px rgba(0, 60, 40, .1);--shadow-lg: 0 16px 48px rgba(0, 60, 40, .12);--success-color: #00a884;--error-color: #e53935;--warning-color: #f59e0b;--info-color: #0ea5e9;--hover-color: rgba(0, 168, 132, .06);--active-color: rgba(0, 168, 132, .12);--chat-header-icon-color: #1a3a2a;--bg-0: #f8faf9;--bg-1: #f0faf4;--bg-2: #ffffff;--text-0: #0c1e17;--text-1: #4a6e5c;--glass-stroke: rgba(0, 168, 132, .12);--primary-0: #00a884;--primary-1: #00876a;--app-height: 100vh}.native-touch{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;cursor:pointer;transform:translateZ(0)}.native-touch:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#000 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .3s,opacity .5s}.native-touch:active:after{transform:scale(0);opacity:.12;transition:0s}[data-theme=dark] .native-touch:after{background-image:radial-gradient(circle,#fff 10%,transparent 10.01%)}.gpu-layer{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform}.smooth-scroll{-webkit-overflow-scrolling:touch;will-change:scroll-position;overscroll-behavior-y:none}.icon-btn{color:#1a3a2a}[data-theme=dark]{--bg-color: #0b141a;--bg-gradient: linear-gradient(180deg, #111b21 0%, #0b141a 100%);--surface-color: #1f2c33;--text-primary: #e9edef;--text-secondary: #8696a0;--border-color: #2a3942;--brand-primary: #00a884;--brand-gradient: linear-gradient(135deg, #00a884 0%, #008f72 100%);--brand-secondary: #005c4b;--brand-light: rgba(0, 168, 132, .12);--brand-hover: #00c49a;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--hover-color: rgba(0, 168, 132, .08);--active-color: rgba(0, 168, 132, .15);--chat-header-icon-color: #e9edef;--bg-0: #0b141a;--bg-1: #111b21;--bg-2: #1f2c33;--text-0: #e9edef;--text-1: #8696a0;--glass-stroke: rgba(255, 255, 255, .08);--primary-0: #00a884;--primary-1: #00c49a}.icon-btn,.contact-menu-btn,.dropdown .icon-btn,.contacts-icon,.search-toggle-icon,.search-input-icon,.empty-state-icon,.add-contact-icon,.contact-menu-icon,.edit-contact-icon,.delete-contact-icon,.start-chat-icon,.profile-icon,.settings-icon,.reminders-icon,.admin-icon,.about-icon,.help-icon,.logout-icon,.home-icon,.profile-nav-icon,.history-icon,.reminders-nav-icon,.news-icon,.qr-icon,.settings-nav-icon,.blocked-icon,.chats-title{color:#e9edef}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease;overscroll-behavior-y:none}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.app-layout{display:flex;height:var(--app-height);width:100vw;overflow:hidden;background-color:var(--bg-color)}.app-content{flex-grow:1;height:100%;overflow:hidden;position:relative}.page-container{height:100%;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:var(--sab);transform:translateZ(0);will-change:scroll-position}@media(max-width:1024px){.page-container{padding-bottom:calc(var(--bottom-nav-height, 60px) + var(--sab, 0px))}}@media(min-width:1025px){.app-content{margin-left:80px}}.chat-list-panel,.chat-detail{display:flex;flex-direction:column;height:100%}.chat-list-panel{background-color:var(--surface-color);border-right:1px solid var(--border-color);transition:background-color .3s ease,border-color .3s ease;overflow:hidden}.chat-detail{background-color:var(--bg-color)}@media(min-width:1025px){.desktop-layout{display:flex;width:100%;height:100%}.chat-list-panel{width:380px;min-width:320px;max-width:450px}.chat-detail{flex-grow:1;min-width:0}.desktop-layout.show-user-details .chat-list-panel{width:320px;min-width:280px}.desktop-layout.show-user-details .chat-detail{flex:1;min-width:400px}.user-details-panel{width:380px;min-width:320px;max-width:450px;border-left:1px solid var(--border-color);background-color:var(--bg-color);overflow-y:auto;transform:translate3d(100%,0,0);opacity:0;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);will-change:transform,opacity}.desktop-layout.show-user-details .user-details-panel{transform:translateZ(0);opacity:1}.mobile-layout{display:none}}@media(max-width:1024px){.app-content{margin-left:0;padding-bottom:0}.desktop-layout{display:none}.mobile-layout{width:100%;height:100%;position:relative;overflow:hidden}.list-view,.chat-view{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;backface-visibility:hidden;will-change:transform}.mobile-layout:not(.show-chat) .list-view{bottom:calc(var(--bottom-nav-height, 60px) + var(--sab, 0px))}.list-view{z-index:2;transform-origin:center center}.chat-view{z-index:3;box-shadow:0 -4px 20px #00000026;background-color:var(--surface-color);overflow:hidden}.mobile-layout.show-chat .list-view{filter:brightness(.92)}.mobile-layout.show-chat .chat-view{transform:none}.search-bar,.search-suggestions{margin-left:0;margin-right:0;border-radius:0}}.top-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0;background-color:var(--surface-color);box-shadow:0 2px 4px #0000001a}.header-left h1{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:.5rem}.search-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;margin:0 .75rem .75rem;background-color:var(--bg-color);border-radius:24px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.search-bar:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-light)}.search-bar input{flex-grow:1;border:none;background:transparent;padding:.5rem 0;color:var(--text-primary);font-size:.95rem;font-family:var(--font-sans)}.search-bar input:focus{outline:none}.search-bar input::placeholder{color:var(--text-secondary)}.search-bar .close-search{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px 6px;border-radius:50%;transition:background-color .2s,color .2s}.search-bar .close-search:hover{background-color:var(--hover-color);color:var(--brand-primary)}.search-suggestions{background-color:var(--surface-color);border-radius:12px;margin:0 .75rem .75rem;box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;border:1px solid var(--border-color)}.search-suggestion-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s}.search-suggestion-item:hover{background-color:var(--hover-color)}.suggestion-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0;overflow:hidden;text-transform:uppercase}.suggestion-avatar img{width:100%;height:100%;object-fit:cover}.suggestion-info{flex-grow:1}.suggestion-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.suggestion-phone{font-size:.85rem;color:var(--text-secondary)}.online-status{position:absolute;bottom:0;right:0;width:10px;height:10px;background-color:#9e9e9e;border-radius:50%;border:2px solid var(--surface-color);transition:background-color .3s ease}.online-status.online{background-color:var(--brand-primary)}.online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background-color:#9e9e9e;border-radius:50%;border:2px solid var(--surface-color);transition:background-color .3s ease}.online-indicator.online{background-color:var(--brand-primary)}.chat-list-wrapper{overflow-y:auto;flex-grow:1;padding:0;-webkit-overflow-scrolling:touch}.chat-avatar-wrapper{position:relative;width:50px;height:50px;flex-shrink:0}.chat-avatar-wrapper img,.chat-avatar-wrapper>div{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem;text-transform:uppercase}.message-container{display:flex;margin-bottom:var(--spacing-xxs);padding:0 var(--spacing-xl);width:100%}.message-container.mine{justify-content:flex-end}.message-container.theirs{justify-content:flex-start}.icon-btn{background:transparent;border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--chat-header-icon-color);cursor:pointer;transition:background-color .2s ease,transform .15s ease}.icon-btn:hover{background-color:var(--hover-color)}.icon-btn:active{transform:scale(.92)}[data-theme=dark] .icon-btn:hover{background-color:#ffffff14}.btn{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;border-radius:12px;border:none;cursor:pointer;font-weight:600;font-family:var(--font-sans);transition:all .2s ease}.btn-primary{background:var(--brand-gradient);color:#fff;border-radius:12px;box-shadow:0 4px 12px #00a88440}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00a88459,0 0 20px #00a88466;filter:brightness(110%)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #00a88433}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:12px;border:1.5px solid var(--border-color);background-color:var(--bg-color);color:var(--text-primary);font-size:16px;font-family:var(--font-sans);transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.form-input:focus{border-color:var(--brand-primary);background-color:var(--surface-color);box-shadow:0 0 0 4px var(--brand-light),inset 0 2px 4px #0000000d}.new-contact-modal{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.modal-mode-toggle{display:flex;background-color:var(--bg-color);border-radius:12px;padding:4px;width:fit-content;margin:0 auto;border:1px solid var(--border-color)}.mode-btn{flex:1;padding:8px 18px;border:none;border-radius:10px;background-color:transparent;color:var(--text-secondary);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease}.mode-btn.active{background:var(--brand-gradient);color:#fff;box-shadow:0 2px 8px #00a8844d}.add-contact-btn{display:flex;align-items:center;gap:.5rem;padding:12px 16px;border:1.5px dashed var(--border-color);border-radius:12px;background-color:transparent;color:var(--text-primary);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;justify-content:center}.add-contact-btn:hover{background-color:var(--hover-color);border-color:var(--brand-primary);color:var(--brand-primary)}.contact-form{display:flex;flex-direction:column;gap:1rem}.contact-input{width:100%;padding:12px 16px;border:1.5px solid var(--border-color);border-radius:12px;background-color:var(--bg-color);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);transition:all .2s ease}.contact-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-light);background-color:var(--surface-color)}.contact-form-actions{display:flex;gap:.75rem;justify-content:flex-end}.contact-form-actions .btn-secondary{background-color:transparent;color:var(--text-secondary);border:1.5px solid var(--border-color);border-radius:12px}.contact-form-actions .btn-secondary:hover{background-color:var(--hover-color);border-color:var(--brand-primary);color:var(--brand-primary);transform:none;box-shadow:none}.saved-contacts-section h3,.select-contact-section h3{font-size:1.05rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}.saved-contacts-list{display:flex;flex-direction:column;gap:.5rem;max-height:200px;overflow-y:auto}.saved-contact-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background-color:var(--bg-color);border-radius:12px;transition:background-color .2s ease;position:relative}.saved-contact-item:hover{background-color:var(--hover-color)}.saved-contact-item .contact-info{display:flex;align-items:center;gap:1rem}.saved-contact-item .contact-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0;overflow:hidden;text-transform:uppercase}.saved-contact-item .contact-avatar img{width:100%;height:100%;object-fit:cover}.saved-contact-item .contact-name{font-weight:600;color:var(--text-primary)}.saved-contact-item .contact-phone{font-size:.85rem;color:var(--text-secondary)}.contact-details{display:flex;flex-direction:column;gap:.25rem}.contact-menu-btn{background:transparent;border:none;color:var(--chat-header-icon-color);cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s}.contact-menu-btn:hover{background-color:var(--hover-color)}.contact-menu{position:absolute;right:15px;background-color:var(--surface-color);border-radius:12px;box-shadow:var(--shadow-lg);z-index:10;min-width:160px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-color)}.contact-menu.show-above{bottom:100%;margin-bottom:5px}.contact-menu.show-below{top:100%;margin-top:5px}.contact-menu .menu-item{display:flex;align-items:center;gap:10px;padding:11px 16px;background-color:transparent;border:none;width:100%;text-align:left;color:var(--text-primary);font-family:var(--font-sans);font-size:.9rem;cursor:pointer;transition:background-color .2s}.contact-menu .menu-item:hover{background-color:var(--hover-color)}.menu-item.delete-item{color:var(--error-color)}.menu-item.delete-item:hover{background-color:#e5393514}.no-contacts{text-align:center;color:var(--text-secondary);padding:1.5rem 1rem;font-size:.9rem}.select-contact-section .start-chat-btn{background:var(--brand-gradient);color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;font-family:var(--font-sans);transition:all .2s;box-shadow:0 2px 8px #00a88440}.select-contact-section .start-chat-btn:hover{box-shadow:0 4px 12px #00a88459;transform:translateY(-1px)}.auth-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--app-height);background:var(--bg-gradient);padding:1rem}.auth-container{width:100%;max-width:420px;background-color:var(--surface-color);padding:2.5rem;border-radius:24px;box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--border-color)}.auth-header .app-logo{font-size:2.5rem;font-weight:800;color:var(--brand-primary);margin-bottom:1rem}.auth-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-header p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1rem}.btn-google{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:14px;background-color:var(--surface-color);color:var(--text-primary);border:1.5px solid var(--border-color);border-radius:12px;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease}.btn-google:hover:not(:disabled){background-color:var(--hover-color);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00a88426}.btn-google:active:not(:disabled){transform:translateY(0)}.btn-google .spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.error-message{background-color:#e5393514;color:var(--error-color);padding:12px 16px;border-radius:12px;font-size:.9rem;text-align:center;border:1px solid rgba(229,57,53,.3)}.terms-agreement{display:flex;align-items:center;gap:.5rem;margin:1rem 0;text-align:left}.terms-agreement label{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.terms-agreement a{color:var(--brand-primary);text-decoration:none;font-weight:500}.terms-agreement a:hover{text-decoration:underline}.contacts-icon,.search-toggle-icon,.search-input-icon,.empty-state-icon,.add-contact-icon,.contact-menu-icon,.edit-contact-icon,.delete-contact-icon,.start-chat-icon,.profile-icon,.settings-icon,.reminders-icon,.admin-icon,.about-icon,.help-icon,.logout-icon,.home-icon,.profile-nav-icon,.history-icon,.reminders-nav-icon,.news-icon,.qr-icon,.settings-nav-icon,.blocked-icon{color:var(--text-primary);transition:color .2s ease}.chats-title{color:var(--text-primary)}.legal-page-wrapper{height:100%;overflow-y:auto;overflow-x:hidden;background:var(--bg-gradient);padding:2rem 1rem;box-sizing:border-box}.legal-page-wrapper.is-sidebar-view{padding:0;background:transparent}.legal-page-container{padding:3rem;font-family:var(--font-sans);line-height:var(--line-height-relaxed, 1.8);max-width:900px;margin:0 auto;background-color:var(--surface-color);border-radius:24px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);position:relative;overflow:hidden}.legal-page-container.is-sidebar{margin:0;border-radius:0;border:none;max-width:100%;padding:1.5rem;min-height:100%;background-color:transparent;box-shadow:none}.legal-page-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.legal-header-content{flex:1}.legal-header-content h1{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin-bottom:.5rem;line-height:1.2}.legal-header-content .last-updated{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin:0}.legal-back-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--brand-gradient);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00a8844d}.legal-back-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #00a88466}.legal-back-btn:active{transform:scale(.95)}.legal-back-btn svg{font-size:1.2rem}.legal-page-container h2{font-size:1.75rem;font-weight:700;color:var(--brand-primary);margin-top:2.5rem;margin-bottom:1rem}.legal-page-container p,.legal-page-container li{font-size:.95rem;color:var(--text-secondary);margin-bottom:.5rem}.legal-page-container ul{list-style-type:disc;margin-left:20px}.legal-page-container .disclaimer-box{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1.5rem}.legal-page-container .disclaimer-box p{color:#92400e;font-size:.9rem;margin-bottom:.5rem}[data-theme=dark] .legal-page-container .disclaimer-box p{color:#fbbf24}.legal-page-container .disclaimer-box p:last-child{margin-bottom:0}.legal-page-container .back-btn,.legal-page-container .btn{display:inline-flex;align-items:center;gap:.5rem;padding:var(--spacing-md) var(--spacing-xl);background:var(--brand-gradient);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;margin-top:1.5rem;box-shadow:0 4px 12px #00a88440}.legal-page-container .back-btn:hover,.legal-page-container .btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00a88459}.legal-page-container .back-btn:active,.legal-page-container .btn:active{transform:translateY(0)}@media(max-width:1024px){.legal-page-container{padding:1.5rem;margin-top:0;margin-bottom:0;border-radius:0;border:none;height:var(--app-height)}.legal-page-container h1{font-size:1.5rem}.legal-page-container h2{font-size:1.25rem}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--bg-color);gap:.75rem}.loading-spinner{width:36px;height:36px;border:3px solid var(--border-color);border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.loading p{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.search-modal-content{padding:20px}.search-input-container{margin-bottom:16px}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1.5px solid var(--border-color);border-radius:12px;background-color:var(--bg-color);color:var(--text-primary);font-size:15px;font-family:var(--font-sans);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-light)}.search-input::placeholder{color:var(--text-secondary)}.search-results{max-height:400px;overflow-y:auto}.search-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px;color:var(--text-secondary)}.search-placeholder,.no-results{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px}.search-result-item{padding:12px 16px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s;border-radius:8px;margin:2px 0}.search-result-item:hover{background-color:var(--hover-color)}.search-result-content{color:var(--text-primary);font-size:14px;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-time{color:var(--text-secondary);font-size:12px}body.light-mode .chat-list-panel{background-color:#fff;border-right-color:#d1e8da}body.light-mode .contact-menu{background-color:#fff;box-shadow:0 8px 30px #003c2826}body.light-mode .contact-menu .menu-item{color:#0c1e17}body.light-mode .contact-menu .menu-item:hover{background-color:#00a8840f}body.light-mode .menu-item.delete-item{color:#e53935}body.light-mode .menu-item.delete-item:hover{background-color:#e5393514}body.light-mode .no-contacts{color:#4a6e5c}body.light-mode .search-input{background-color:#f0faf4;color:#0c1e17}body.light-mode .search-input::placeholder{color:#4a6e5c}body.light-mode .search-input:focus{border-color:#00a884;box-shadow:0 0 0 3px #00a8841a}body.light-mode .search-loading,body.light-mode .search-placeholder,body.light-mode .no-results{color:#4a6e5c}body.light-mode .search-result-item{border-bottom-color:#d1e8da}body.light-mode .search-result-item:hover{background-color:#00a8840f}body.light-mode .search-result-content{color:#0c1e17}body.light-mode .search-result-time{color:#4a6e5c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}::selection{background-color:#00a88440;color:var(--text-primary)}::-moz-selection{background-color:#00a88440;color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}body,.app-layout,.chat-list-panel,.chat-detail,.top-header,.search-bar,.contact-menu,.auth-container,.legal-page-container{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.auto-refresh-banner{position:fixed;bottom:90px;left:50%;transform:translate(-50%);z-index:999999;width:90vw;max-width:360px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:24px;box-shadow:0 12px 40px #00000026,0 0 0 1px #00a8841a;color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}[data-theme=dark] .auto-refresh-banner{background:#0f172ad9;border-color:#ffffff1a;box-shadow:0 12px 40px #00000080;color:var(--text-primary)}.auto-refresh-banner.critical{border-color:#e5393566;box-shadow:0 12px 40px #e5393533}.banner-inner{position:relative;padding:16px;display:flex;flex-direction:column;gap:16px}.banner-content{display:flex;align-items:flex-start;gap:12px}.icon-container{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--brand-light);border-radius:12px;flex-shrink:0}.critical .icon-container{background:#e539351a}.sparkle-icon{color:var(--brand-primary)}.critical .sparkle-icon{color:var(--error-color)}.refresh-spinner{color:var(--brand-primary);animation:spin 1s linear infinite}.text-container{display:flex;flex-direction:column;gap:4px;flex:1}.refresh-title{font-size:15px;font-weight:700;letter-spacing:-.01em}.critical .refresh-title{color:var(--error-color)}.refresh-subtitle{font-size:13px;color:var(--text-secondary);line-height:1.4}.changelog-container{margin-top:8px;background:#00000008;border-radius:12px;padding:10px}[data-theme=dark] .changelog-container{background:#ffffff08}.changelog-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--text-secondary);margin-bottom:6px}.changelog-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.changelog-list li{font-size:13px;line-height:1.4;position:relative;padding-left:14px}.changelog-list li:before{content:"•";position:absolute;left:0;color:var(--brand-primary)}.critical .changelog-list li:before{color:var(--error-color)}.banner-action-area{width:100%}.update-btn{width:100%;background:var(--brand-gradient);color:#fff;border:none;padding:10px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #00a88433}.update-btn:hover{transform:translateY(-1px);filter:brightness(110%);box-shadow:0 6px 16px #00a8844d}.critical .update-btn{background:linear-gradient(135deg,#e53935,#c62828);box-shadow:0 4px 12px #e5393533}.banner-close{position:absolute;top:12px;right:12px;background:transparent;border:none;color:var(--text-secondary);padding:4px;border-radius:50%;cursor:pointer;transition:all .2s ease}.banner-close:hover{background:#0000000d;color:var(--text-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(min-width:1025px){.auto-refresh-banner{bottom:30px;left:calc(50% + 40px)}}:relative{--toast-offset: calc(75px + var(--sab, 0px))}.premium-toast{background:var(--surface-color)!important;border:1px solid var(--brand-primary)!important;border-radius:18px!important;color:var(--text-primary)!important;padding:10px 18px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 10px 30px #00000014,0 4px 12px #00a8840d!important;max-width:92vw!important;margin-bottom:var(--toast-offset)!important}[data-theme=dark] .premium-toast{background:#1f2c33e6!important;border-color:#00a88466!important;color:#e9edef!important;box-shadow:0 10px 30px #0006,0 4px 12px #00a8841a!important}.premium-toast-success svg{color:var(--brand-primary)!important}.premium-toast-error svg{color:var(--error-color)!important}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.items-center{align-items:center}.justify-between{justify-content:space-between}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.object-cover{object-fit:cover}.text-white{color:#fff}.text-pink-500{color:#ec4899}.italic{font-style:italic}.font-black{font-weight:900}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.p-1{padding:.25rem}@media(min-width:1025px){.app-layout{display:flex}.app-content{margin-left:80px;flex-grow:1;height:calc(var(--vh, 1vh) * 100);overflow:hidden;position:relative;transform:translateZ(0);backface-visibility:hidden}.desktop-navbar{position:fixed;top:0;left:0;width:80px;height:var(--app-height);padding:10px 5px;background-color:var(--sidebar-background-color);color:var(--sidebar-text-color);box-shadow:2px 0 5px #0000001a;z-index:99999;overflow:visible;transform:translateZ(0);backface-visibility:hidden}.desktop-navbar-nav{list-style:none;padding:0;margin:0}.desktop-nav-item{position:relative;margin-bottom:5px}.desktop-nav-link{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;border:none;border-radius:8px;background:none;color:var(--sidebar-text-color);text-decoration:none;cursor:pointer;position:relative;box-sizing:border-box;transition:background-color .2s ease,color .2s ease}.desktop-nav-link:hover,.desktop-nav-link:focus-visible,.desktop-nav-link.active{background-color:var(--sidebar-hover-background-color);color:var(--brand-primary)}.desktop-nav-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.desktop-nav-link:focus:not(:focus-visible){outline:none}.desktop-nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--brand-primary);border-radius:0 4px 4px 0}.desktop-nav-icon{width:20px;height:20px;flex-shrink:0}.desktop-nav-text{display:none}.desktop-nav-link[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-6px);padding:8px 14px;background:#000000d9;color:#fff;font-size:13px;font-weight:500;line-height:1.3;white-space:nowrap;border-radius:6px;box-shadow:0 4px 12px #0000004d;opacity:0;visibility:hidden;pointer-events:none;z-index:100000;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.desktop-nav-link[data-tooltip]:hover:after,.desktop-nav-link[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}body.light-mode .desktop-navbar{background-color:#fff;color:#1a1a1a;box-shadow:2px 0 8px #00000014}body.light-mode .desktop-nav-link{color:#54656f}body.light-mode .desktop-nav-link:hover,body.light-mode .desktop-nav-link:focus-visible{background-color:#f0f2f5}body.light-mode .desktop-nav-link.active{background-color:#e8f5e9}body.light-mode .desktop-nav-link[data-tooltip]:after{background:#333;box-shadow:0 4px 12px #00000026}}.hidden{display:none}body.light-mode .call-screen-container{background-color:#0b141a}body.light-mode .call-screen-header{background-color:#000c}body.light-mode .call-controls{background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}body.light-mode .audio-background{background:linear-gradient(to bottom right,#1a1a2e,#0b141a)}body.light-mode .control-button{background:#f0f0f0}body.light-mode .control-button:hover{background:#e0e0e0}.call-screen-container{min-height:var(--app-height);background-color:#111827;position:relative}.call-screen-header{position:fixed;top:0;left:0;right:0;z-index:10;background-color:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}.controls-visible{opacity:1}.controls-hidden{opacity:0}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem}.back-button{padding:.5rem;border-radius:50%;background-color:#ffffff1a;border:none;color:#fff;cursor:pointer;transition:background-color .2s}.back-button:hover{background-color:#fff3}.back-icon{width:1.25rem;height:1.25rem;color:#fff}.call-status-text{color:#fff9;font-size:.875rem;margin:0}.call-screen-container .caller-name{color:#fff;font-weight:600;font-size:1.125rem;margin:.25rem 0 0}.header-spacer{width:2.5rem}.main-call-area{height:var(--app-height);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.remote-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.audio-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#374151,#111827);display:flex;align-items:center;justify-content:center}.audio-content{text-align:center}.caller-avatar-large{width:10rem;height:10rem;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.2);position:relative}.caller-avatar-large.calling{animation:pulse-ring 2s cubic-bezier(.215,.61,.355,1) infinite}@keyframes pulse-ring{0%{box-shadow:0 0 #25d366b3}70%{box-shadow:0 0 0 20px #25d36600}to{box-shadow:0 0 #25d36600}}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(to bottom right,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:4rem;font-weight:700;color:#fff}.audio-caller-name{font-size:1.875rem;font-weight:700;color:#fff;margin:0 0 .5rem}.audio-status{color:#fff9;margin:0}.pip-container{position:absolute;top:5rem;right:1rem;width:8rem;height:11rem;border-radius:1rem;overflow:hidden;box-shadow:0 10px 25px #0000004d;border:2px solid rgba(255,255,255,.2)}.pip-video{width:100%;height:100%;object-fit:cover}.pip-placeholder{width:100%;height:100%;background-color:#374151;display:flex;align-items:center;justify-content:center}.pip-icon{width:2rem;height:2rem;color:#9ca3af}.call-controls{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:10;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50px;padding:15px 30px;transition:all .3s ease;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1)}.controls-container{display:flex;justify-content:center;align-items:center;gap:1.5rem;max-width:400px;margin:0 auto}.control-button{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffff26;box-shadow:0 2px 8px #0003;position:relative;overflow:hidden}.control-button .control-icon{color:#fff}.control-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.control-button:hover:before{opacity:1}.control-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #0006;background:linear-gradient(135deg,#ffffff4d,#fff3)}.control-button:active{transform:translateY(0) scale(.95)}.control-button.muted,.control-button.video-off{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444466}.control-button.muted:hover,.control-button.video-off:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 20px #ef444499}.control-button.speaker-on,.control-button.screen-sharing{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f666}.control-button.speaker-on:hover,.control-button.screen-sharing:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 20px #3b82f699}.control-icon{width:1.5rem;height:1.5rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:1;position:relative}.end-call-button{width:4.5rem;height:4.5rem;border-radius:50%;background:linear-gradient(135deg,#ea0038,#dc2626);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ea00384d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2);will-change:transform}.end-call-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.end-call-button:hover:before{opacity:1}.end-call-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-3px) scale(1.08);box-shadow:0 6px 16px #ea003866}.end-call-button:active{transform:translateY(-1px) scale(1.02)}.end-call-icon{width:1.75rem;height:1.75rem;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:1;position:relative}@media(max-width:1024px){.call-screen-header,.call-controls{padding:1rem}.header-content{padding:.75rem}.caller-avatar-large{width:8rem;height:8rem;font-size:3rem}.audio-caller-name{font-size:1.5rem}.pip-container{width:6rem;height:9rem;top:4rem;right:.75rem}.controls-container{gap:1rem}.control-button{width:3rem;height:3rem}.control-icon{width:1.25rem;height:1.25rem}.end-call-button{width:3.5rem;height:3.5rem}.end-call-icon{width:1.5rem;height:1.5rem}}@media(max-width:480px){.pip-container{width:4rem;height:6rem;top:4rem;right:.5rem}.controls-container{gap:.75rem}.control-button{width:2.75rem;height:2.75rem}.control-icon{width:1.125rem;height:1.125rem}.end-call-button{width:3rem;height:3rem}.end-call-icon{width:1.25rem;height:1.25rem}}.call-screen-container.minimized{position:fixed;width:300px;height:450px;bottom:20px;right:20px;top:auto;left:auto;border-radius:16px;box-shadow:0 10px 40px #00000080;overflow:hidden;z-index:1000}.call-screen-container.minimized .call-screen-header{position:absolute;top:0;left:0;right:0;z-index:10}.call-screen-container.minimized .main-call-area{height:100%}.call-screen-container.minimized .pip-container{display:none}.call-screen-container.minimized .call-controls{bottom:15px;padding:var(--spacing-md) var(--spacing-xl)}.call-screen-container.minimized .controls-container{gap:.5rem}.call-screen-container.minimized .control-button{width:40px;height:40px}.call-screen-container.minimized .control-icon{width:1rem;height:1rem}.call-screen-container.minimized .end-call-button{width:3rem;height:3rem}.call-screen-container.minimized .end-call-icon{width:1.25rem;height:1.25rem}.minimize-button{padding:.5rem;border-radius:50%;background-color:#ffffff1a;border:none;color:#fff;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.minimize-button:hover{background-color:#fff3}.minimize-icon{width:1.25rem;height:1.25rem}.call-screen-container .call-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.3);will-change:transform;animation:avatar-pulse 2s cubic-bezier(.215,.61,.355,1) infinite}.call-screen-container .call-avatar img{width:100%;height:100%;object-fit:cover}.call-avatar-placeholder{width:100%;height:100%;background:linear-gradient(to bottom right,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff}@keyframes avatar-pulse{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}to{transform:translate(-50%,-50%) scale(1)}}.header-content-with-minimize{display:flex;align-items:center;justify-content:space-between;padding:1rem}.header-left{display:flex;align-items:center;gap:.75rem}.header-center{text-align:center;flex:1}.header-right{width:2.5rem;display:flex;justify-content:flex-end}.offline-indicator-wrapper{position:relative;width:100%;min-height:var(--app-height, 100dvh)}.offline-banner{position:fixed;left:50%;transform:translate(-50%);z-index:9999;padding:10px 20px;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;letter-spacing:.2px;border-radius:14px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 24px #0000001f,0 1px 4px #00000014,inset 0 1px #ffffff1a;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,background .3s ease;max-width:min(90vw,380px);pointer-events:auto;user-select:none;-webkit-user-select:none;animation:offlineBannerSlideIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.offline-banner.top{top:calc(env(safe-area-inset-top,0px) + 12px)}.offline-banner.bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.offline-banner.offline{background:linear-gradient(135deg,#eb4d4beb,#e17055eb);color:#fff;border:1px solid rgba(255,255,255,.15);text-shadow:0 1px 2px rgba(0,0,0,.15)}.offline-banner.offline:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 50%,rgba(255,255,255,.04) 100%);opacity:0;animation:offlineShimmer 3s ease-in-out infinite;pointer-events:none}.offline-banner.coming-online{background:linear-gradient(135deg,#2e86deeb,#00d2d3eb);color:#fff;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.offline-banner.coming-online:before{content:"";position:absolute;bottom:0;left:8px;right:8px;height:2.5px;border-radius:0 0 14px 14px;background:#ffffff59;overflow:hidden}.offline-banner.coming-online:after{content:"";position:absolute;bottom:0;left:8px;width:40%;height:2.5px;border-radius:0 0 14px 14px;background:#ffffffd9;animation:offlineProgressSlide 1.5s ease-in-out infinite;pointer-events:none}.offline-banner-content{display:flex;align-items:center;gap:10px;position:relative;z-index:1}.offline-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#ffffff2e;font-size:12px;line-height:1}.offline-banner.coming-online .offline-icon{animation:offlineIconSpin 1.2s linear infinite}.offline-banner-text{font-size:13.5px;font-weight:600;line-height:1.3}.offline-banner-dismiss{flex-shrink:0;margin-left:4px;padding:2px 6px;border-radius:6px;background:#ffffff26;color:#ffffffe6;font-size:11px;font-weight:500;cursor:pointer;transition:background .2s ease;border:none}.offline-banner-dismiss:hover{background:#ffffff40}.offline-banner-dismiss:active{background:#ffffff59;transform:scale(.95)}@keyframes offlineBannerSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.offline-banner.bottom{animation-name:offlineBannerSlideInBottom}@keyframes offlineBannerSlideInBottom{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.offline-banner.exiting{animation:offlineBannerExit .3s ease forwards}@keyframes offlineBannerExit{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}to{opacity:0;transform:translate(-50%) translateY(-16px) scale(.94);pointer-events:none}}@keyframes offlineShimmer{0%,to{opacity:0}50%{opacity:1}}@keyframes offlineProgressSlide{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(350%)}}@keyframes offlineIconSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.offline-banner{max-width:calc(100vw - 32px);padding:9px 16px;font-size:13px;border-radius:12px}.offline-banner.top{top:calc(env(safe-area-inset-top,0px) + 8px)}.offline-banner.bottom{bottom:calc(env(safe-area-inset-bottom,0px) + 8px)}.offline-icon{width:20px;height:20px;font-size:11px}.offline-banner-text{font-size:13px}}@media(max-width:360px){.offline-banner{padding:8px 12px;max-width:calc(100vw - 24px)}.offline-banner-content{gap:8px}}@media(min-width:1025px){.offline-banner{max-width:360px;border-radius:16px;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f,inset 0 1px #ffffff1f}.offline-banner.top{top:20px}.offline-banner.bottom{bottom:20px}.offline-banner:hover{transform:translate(-50%) scale(1.02);box-shadow:0 10px 40px #00000029,0 2px 8px #00000014,inset 0 1px #ffffff26}}@media(min-width:1200px){.offline-banner{max-width:380px}}@media(prefers-color-scheme:dark){.offline-banner.offline{background:linear-gradient(135deg,#c0392bf0,#d35400f0);border-color:#ffffff14;box-shadow:0 4px 24px #0000004d,0 1px 4px #0003,inset 0 1px #ffffff0f}.offline-banner.coming-online{background:linear-gradient(135deg,#1e64b4f0,#00a896f0);border-color:#ffffff14}.offline-icon{background:#ffffff1f}.offline-banner-dismiss{background:#ffffff1a}}@media(prefers-reduced-motion:reduce){.offline-banner,.offline-banner.exiting{animation:none;transition:opacity .2s ease}.offline-banner.offline:after,.offline-banner.coming-online:after,.offline-banner.coming-online .offline-icon{animation:none}}@media(prefers-contrast:high){.offline-banner.offline{background:#c0392b;border:2px solid #fff}.offline-banner.coming-online{background:#2e86de;border:2px solid #fff}}.offline-banner.hidden{display:none}.offline-banner.force-show{opacity:1!important;display:flex!important}img.emoji-image,img.custom-emoji-img,.custom-emoji-sprite,.emoji-sprite-item{height:1.2em;width:1.2em;margin:0 .05em;vertical-align:middle;display:inline-block;background-repeat:no-repeat}.message-content .text img{height:1.3em;width:1.3em;vertical-align:middle}.text.large-emoji img{height:2.5em;width:2.5em}:root{--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px);--sal: env(safe-area-inset-left, 0px);--sar: env(safe-area-inset-right, 0px);--custom-sat: 0px;--custom-sab: 0px;--custom-sal: 0px;--custom-sar: 0px;--safe-top: max(var(--sat), var(--custom-sat));--safe-bottom: max(var(--sab), var(--custom-sab));--safe-left: max(var(--sal), var(--custom-sal));--safe-right: max(var(--sar), var(--custom-sar));--header-base-height: 56px;--header-total-height: calc(var(--header-base-height) + var(--safe-top));--bottom-nav-base-height: 60px;--bottom-nav-total-height: calc(var(--bottom-nav-base-height) + var(--safe-bottom));--keyboard-height: 0px}@media(orientation:landscape){:root{--safe-top: max(var(--sat), 0px);--safe-bottom: max(var(--sab), 0px)}}@media(min-width:1025px){:root{--safe-top: var(--sat);--safe-bottom: var(--sab)}}.pt-safe{padding-top:var(--safe-top)}.pb-safe{padding-bottom:var(--safe-bottom)}.pl-safe{padding-left:var(--safe-left)}.pr-safe{padding-right:var(--safe-right)}.px-safe{padding-left:var(--safe-left);padding-right:var(--safe-right)}.py-safe{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.sticky-header-safe{position:sticky;top:0;z-index:100;padding-top:var(--safe-top);min-height:var(--header-total-height);background:var(--surface-color, #fff);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.server-fallback-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,#1a1a1a,#0a0a0a);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.server-fallback-card{max-width:400px;width:100%;background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px 30px;text-align:center;box-shadow:0 20px 40px #0006;animation:cardAppear .5s ease-out}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.server-fallback-logo{font-size:32px;font-weight:800;margin-bottom:24px;background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.server-fallback-icon{margin-bottom:24px;color:#ff4d4d;display:flex;justify-content:center}.server-fallback-title{font-size:22px;font-weight:600;margin-bottom:16px;color:#fff}.server-fallback-message{font-size:15px;line-height:1.6;color:#ffffffb3;margin-bottom:32px}.retry-button{background:#fff;color:#000;border:none;padding:14px 28px;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center}.retry-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fff3;background:#f0f0f0}.retry-button:active{transform:translateY(0)}.retry-icon{width:18px;height:18px}@media(max-width:480px){.server-fallback-card{padding:30px 20px}.server-fallback-title{font-size:20px}}.error-boundary-fallback{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:2rem}.error-content{text-align:center;max-width:500px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid #e5e7eb}.error-icon{color:#ef4444;margin-bottom:1rem}.error-content h2{margin:0 0 1rem;color:#1f2937;font-size:1.5rem;font-weight:600}.error-content p{margin:0 0 1.5rem;color:#6b7280;line-height:1.5}.error-details{text-align:left;margin:1rem 0;padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.error-details summary{cursor:pointer;font-weight:500;color:#374151;margin-bottom:.5rem}.error-details pre{background:#1f2937;color:#f9fafb;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.875rem;margin-top:.5rem}.error-actions{display:flex;gap:1rem;justify-content:center}.reset-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s}.reset-button:hover{background:#2563eb}.reset-button:active{background:#1d4ed8}@media(prefers-color-scheme:dark){.error-content{background:#1f2937;border-color:#374151}.error-content h2{color:#f9fafb}.error-content p{color:#d1d5db}.error-details{background:#111827;border-color:#374151}.error-details summary{color:#f9fafb}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:24px;animation:modalOverlayFadeIn .3s cubic-bezier(.4,0,.2,1)}body.light-mode .modal-overlay{background-color:#ffffff1a}body.light-mode .modal-content{background:#fff;color:#1a1a1a;box-shadow:0 20px 50px #0000001a;border:1px solid rgba(0,0,0,.05)}body.light-mode .modal-header{border-bottom-color:#e0e0e0}body.light-mode .modal-close-btn{color:#54656f}body.light-mode .modal-close-btn:hover{background-color:#0000000d}body.light-mode .modal-body::-webkit-scrollbar-track{background:#0000000d}body.light-mode .modal-body::-webkit-scrollbar-thumb{background:#0003}body.light-mode .modal-body::-webkit-scrollbar-thumb:hover{background:#0000004d}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface, #1A1A1A);border-radius:16px;box-shadow:0 25px 50px -12px #00000080;max-height:90vh;border:1px solid rgba(255,255,255,.08);overflow:hidden;display:flex;flex-direction:column;animation:modalPopIn .3s cubic-bezier(.34,1.56,.64,1);color:var(--text-primary, #ffffff)}[data-theme=dark] .modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1)}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:900px}.modal-full{width:95vw;max-width:95vw;height:90vh}.sidebar-modal .modal-content{position:fixed;right:0;top:0;height:100vh;width:400px;max-width:none;border-radius:0;transform:none;animation:slideFromRight .3s ease-out;transform:translateZ(0);will-change:transform;backface-visibility:hidden}@keyframes slideFromRight{0%{transform:translate(100%) translateZ(0)}to{transform:translate(0) translateZ(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.05)}body.light-mode .modal-header{border-bottom-color:#0000000d}.modal-title{margin:0;font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.modal-close-btn{background:#ffffff0d;border:none;cursor:pointer;padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s ease}.modal-close-btn:hover{background-color:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}body.light-mode .modal-close-btn{background:#00000008}body.light-mode .modal-close-btn:hover{background:#00000014}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d}.modal-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh}.modal-small,.modal-medium,.modal-large{max-width:100%}.modal-header{padding:16px 20px}.modal-title{font-size:18px}.modal-body{padding:20px}}.image-modal-body{padding:0}.image-modal-content{display:flex;align-items:center;justify-content:center;overflow:hidden;height:100%}.full-screen-image{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer}@media(max-width:768px){.image-modal-body{padding:0}}.global-dialog-body{display:flex;flex-direction:column;gap:20px;padding:10px 0}.dialog-message{font-size:16px;line-height:1.5;color:var(--text-primary, #e9edef);margin:0}.dialog-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.dialog-input-container{margin-top:16px;width:100%}.dialog-input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.dialog-input:focus{border-color:var(--primary-color)}.dialog-btn{padding:var(--spacing-md) var(--spacing-xl);border-radius:20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.confirm-btn{background:var(--brand-primary, #00BFA5);color:#fff}.confirm-btn:hover{opacity:.9;transform:translateY(-1px)}.cancel-btn{background:#ffffff0d;color:var(--text-secondary, #8696a0)}.cancel-btn:hover{background:#ffffff1a}body.light-mode .dialog-message{color:#1a1a1a}body.light-mode .cancel-btn{background:#f0f2f5;color:#54656f}body.light-mode .cancel-btn:hover{background:#e9edef}.brand-badge-pill{display:inline-block;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:14px;letter-spacing:1.5px;text-transform:uppercase;background:#ffffff0d;font-weight:600;color:#fff;box-shadow:0 4px 12px #0000004d;-webkit-user-select:none;user-select:none;width:fit-content;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}.brand-badge-pill.small{padding:6px 16px;font-size:12px;letter-spacing:1.5px}.brand-badge-pill.large{padding:12px 36px;font-size:24px;letter-spacing:4px}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}[data-theme=light] .brand-badge-pill{background:#0a2d23cc;border-color:#fff3}.cinematic-intro{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;-webkit-user-select:none;user-select:none;z-index:99999}.cinematic-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(circle at center,#0a1a1f,#000 70%);opacity:.4;will-change:opacity;transform:translateZ(0)}.cloud-fusion{position:absolute;width:500px;height:500px;border-radius:9999px;background:linear-gradient(to bottom right,rgba(6,182,212,.2),rgba(37,99,235,.1),transparent);mix-blend-mode:screen;z-index:10;will-change:transform,opacity,filter;transform:translateZ(0)}.revelation-container{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center}.perspective-container{perspective:1000px;display:flex}.letter-span{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:#fff;letter-spacing:-.025em;display:inline-block;will-change:transform;transform-style:preserve-3d;text-shadow:0 0 25px rgba(0,242,255,.2)}@media(min-width:768px){.letter-span{font-size:3.75rem;line-height:1}}.tagline-text{margin-top:2rem;font-size:10px;color:#6b7280;text-transform:uppercase;font-weight:300;text-align:center;letter-spacing:.4em}@media(min-width:768px){.tagline-text{font-size:.75rem;line-height:1rem}}.glow-span{display:block;margin-top:.5rem;color:#06b6d4cc;font-weight:700;letter-spacing:.3em;text-shadow:0 0 10px rgba(6,182,212,.5)}.grain-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:30;opacity:.02;mix-blend-mode:overlay;background-image:url(https://grainy-gradients.vercel.app/noise.svg);will-change:opacity;transform:translateZ(0)}.restart-button{position:absolute;bottom:2.5rem;padding:.5rem 1.5rem;font-size:8px;color:#4b5563;text-transform:uppercase;letter-spacing:.3em;border-width:1px;border-color:#111827;border-radius:9999px;background:transparent;cursor:pointer;transition:opacity .2s}.restart-button:hover{opacity:1!important}:root{--intro-bg: #07090d;--intro-text: #e8eaed;--intro-text-dim: rgba(232, 234, 237, .5);--intro-accent: #6366f1;--intro-accent-glow: rgba(99, 102, 241, .4);--intro-accent-soft: rgba(99, 102, 241, .12);--intro-ring-1: rgba(99, 102, 241, .25);--intro-ring-2: rgba(79, 70, 229, .15);--intro-ring-3: rgba(129, 140, 248, .08);--intro-footer: rgba(255, 255, 255, .25);--intro-track: rgba(255, 255, 255, .06);--intro-dot: rgba(255, 255, 255, .3)}[data-theme=light]{--intro-bg: #fafbff;--intro-text: #1a1a2e;--intro-text-dim: rgba(26, 26, 46, .45);--intro-accent: #6366f1;--intro-accent-glow: rgba(99, 102, 241, .3);--intro-accent-soft: rgba(99, 102, 241, .08);--intro-ring-1: rgba(99, 102, 241, .2);--intro-ring-2: rgba(79, 70, 229, .12);--intro-ring-3: rgba(129, 140, 248, .06);--intro-footer: rgba(0, 0, 0, .3);--intro-track: rgba(0, 0, 0, .06);--intro-dot: rgba(0, 0, 0, .2)}.intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999;background:var(--intro-bg);will-change:opacity,transform;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s}.intro-overlay.fadeout{opacity:0;visibility:hidden;pointer-events:none}.intro-overlay.done{display:none}.intro-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.7;pointer-events:none}.intro-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 50% at 50% 45%,var(--intro-accent-soft) 0%,transparent 70%),radial-gradient(circle at 20% 80%,rgba(99,102,241,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.03) 0%,transparent 50%);pointer-events:none}.intro-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:320px;padding:0 24px}.intro-logo-wrap{position:relative;width:100px;height:100px;margin-bottom:32px}.intro-logo{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-ring{position:absolute;border-radius:50%;border:1.5px solid transparent}.logo-ring.ring-1{top:0;right:0;bottom:0;left:0;border-top-color:var(--intro-ring-1);border-right-color:var(--intro-ring-1);animation:ringRotate 3s linear infinite}.logo-ring.ring-2{top:8px;right:8px;bottom:8px;left:8px;border-bottom-color:var(--intro-ring-2);border-left-color:var(--intro-ring-2);animation:ringRotate 4s linear infinite reverse}.logo-ring.ring-3{top:16px;right:16px;bottom:16px;left:16px;border-top-color:var(--intro-ring-3);border-left-color:var(--intro-ring-3);animation:ringRotate 5s linear infinite}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-icon{position:relative;z-index:2;width:36px;height:36px;color:var(--intro-accent);animation:iconFloat 2.5s ease-in-out infinite;filter:drop-shadow(0 0 8px var(--intro-accent-glow))}.logo-icon svg{width:100%;height:100%}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.05)}}.logo-pulse{position:absolute;top:50%;left:50%;width:60px;height:60px;transform:translate(-50%,-50%);border-radius:50%;background:var(--intro-accent);opacity:0;animation:pulseRipple 2.5s ease-out infinite;pointer-events:none}@keyframes pulseRipple{0%{transform:translate(-50%,-50%) scale(.5);opacity:.2}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.intro-title{display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}.title-char{display:inline-block;font-size:28px;font-weight:800;color:var(--intro-text);letter-spacing:-.02em;opacity:0;transform:translateY(20px);animation:charReveal .5s cubic-bezier(.22,1,.36,1) forwards}.title-char.space{width:8px}@keyframes charReveal{to{opacity:1;transform:translateY(0)}}.intro-tagline{font-size:13px;font-weight:400;color:var(--intro-text-dim);letter-spacing:.12em;text-transform:lowercase;margin-bottom:40px;opacity:0;animation:fadeSlideUp .6s .6s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.intro-progress-section{width:100%;display:flex;flex-direction:column;gap:10px;opacity:0;animation:fadeSlideUp .5s .8s cubic-bezier(.22,1,.36,1) forwards}.progress-track{position:relative;width:100%;height:3px;background:var(--intro-track);border-radius:4px;overflow:visible}.progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--intro-accent) 0%,#a78bfa 50%,var(--intro-accent) 100%);background-size:200% 100%;border-radius:4px;transition:width 60ms linear;animation:shimmer 2s linear infinite;box-shadow:0 0 12px var(--intro-accent-glow)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-glow{position:absolute;top:50%;width:8px;height:8px;border-radius:50%;background:#a78bfa;transform:translate(-50%,-50%);box-shadow:0 0 6px var(--intro-accent),0 0 16px var(--intro-accent-glow),0 0 30px var(--intro-accent-glow);transition:left 60ms linear;pointer-events:none}.progress-info{display:flex;align-items:center;justify-content:space-between;width:100%}.progress-text{font-size:11px;font-weight:500;color:var(--intro-text-dim);letter-spacing:.04em;transition:color .3s}.progress-percent{font-size:11px;font-weight:700;color:var(--intro-accent);font-variant-numeric:tabular-nums;letter-spacing:.02em}.intro-dots{display:flex;align-items:center;gap:6px;margin-top:28px;opacity:0;animation:fadeSlideUp .4s 1s ease forwards}.dot{width:5px;height:5px;border-radius:50%;background:var(--intro-dot);animation:dotBounce 1.4s ease-in-out infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-6px);opacity:1}}.intro-footer{position:absolute;bottom:32px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:500;color:var(--intro-footer);letter-spacing:.08em;text-transform:uppercase;opacity:0;animation:fadeSlideUp .4s 1.2s ease forwards;z-index:2}.intro-footer svg{color:var(--intro-footer)}.intro-overlay.reveal .intro-logo-wrap{animation:logoRevealPop .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes logoRevealPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.intro-overlay.reveal .progress-fill{background:linear-gradient(90deg,#22c55e,#4ade80);box-shadow:0 0 16px #22c55e80;animation:none}.intro-overlay.reveal .progress-glow{background:#4ade80;box-shadow:0 0 8px #22c55e,0 0 20px #22c55e66}.intro-overlay.reveal .progress-text{color:#4ade80}.intro-overlay.reveal .progress-percent{color:#22c55e}.intro-overlay.reveal .intro-dots{opacity:0;transition:opacity .2s}.intro-overlay.fadeout{animation:introFadeOut .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes introFadeOut{0%{opacity:1;transform:scale(1)}60%{opacity:.5;transform:scale(1.02)}to{opacity:0;transform:scale(1.05);visibility:hidden}}@media(max-width:480px){.intro-logo-wrap{width:80px;height:80px;margin-bottom:24px}.logo-icon{width:28px;height:28px}.title-char{font-size:24px}.intro-tagline{font-size:11px;margin-bottom:32px}.intro-content{max-width:260px}.intro-footer{bottom:20px;font-size:9px}}@media(max-width:360px){.intro-logo-wrap{width:68px;height:68px;margin-bottom:20px}.logo-icon{width:24px;height:24px}.title-char{font-size:22px}.intro-tagline{font-size:10px;letter-spacing:.1em;margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.logo-ring,.logo-icon,.logo-pulse,.title-char,.dot{animation-duration:.01ms!important;animation-iteration-count:1!important}.title-char{opacity:1;transform:none}.intro-tagline,.intro-progress-section,.intro-dots,.intro-footer{opacity:1;animation:none}.progress-fill{animation:none}.intro-overlay.fadeout{animation-duration:.2s}.intro-canvas{display:none}}@media print{.intro-overlay{display:none!important}}.premium-loader-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;display:grid!important;place-items:center!important;z-index:2147483647!important;background:#000!important;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;margin:0!important;padding:0!important;pointer-events:all!important}.premium-loader-container{padding:40px;border-radius:24px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;align-items:center;gap:20px;animation:loaderPopIn .4s cubic-bezier(.175,.885,.32,1.275)}.premium-loader-text{margin:0;color:#fff;font-size:1.1rem;font-weight:500;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.2);animation:textPulse 2s ease-in-out infinite}.premium-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #ffffff;border-radius:50%;animation:premium-spin 1s cubic-bezier(.5,.1,.5,.9) infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.5))}.premium-loader-inline{flex:1;width:100%;height:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.premium-loader-inline .premium-spinner{width:32px;height:32px;border-width:3px;border-top-color:var(--admin-blue, #007bff);border-left-color:#0000000d;border-right-color:#0000000d;border-bottom-color:#0000000d}.premium-loader-inline .premium-loader-text{color:var(--admin-text-secondary, #495057);font-size:.95rem;text-shadow:none}@keyframes premium-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:premium-spin 1s linear infinite}@keyframes loaderPopIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes textPulse{0%,to{opacity:.8}50%{opacity:1}}.loading-container.glass{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;flex-direction:column}