:root{--color-primary: #3685FA;--color-primary-dark: #2563d4;--color-primary-rgb: 54, 133, 250;--color-bg: #151E27;--color-bg-sidebar: #1D2733;--color-surface: #232E3B;--color-surface-raised: #2B3A4D;--color-header-bg: #1D2733;--color-input-bg: #212D3B;--color-overlay: rgba(0, 0, 0, .65);--color-bubble-out: #2B5278;--color-bubble-out-text: #ffffff;--color-bubble-in: #232E3B;--color-bubble-in-text: rgba(255, 255, 255, .87);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .55);--color-text-disabled: rgba(255, 255, 255, .3);--color-text-link: #3685FA;--color-text-hint: rgba(255, 255, 255, .38);--color-border: rgba(255, 255, 255, .07);--color-border-medium: rgba(255, 255, 255, .12);--color-error: #e74c3c;--color-error-bg: rgba(231, 76, 60, .15);--color-success: #2ecc71;--color-warning: #f39c12;--color-online: #4dcd5e;--color-badge-bg: #3685FA;--color-badge-text: #ffffff;--color-badge-muted: rgba(255, 255, 255, .3);--avatar-color-1: #e17076;--avatar-color-2: #7bc862;--avatar-color-3: #65aadd;--avatar-color-4: #a695e7;--avatar-color-5: #ee7aae;--font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 600;--line-height-tight: 1.25;--line-height-normal: 1.3125;--line-height-loose: 1.6;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 5px;--radius-md: 12px;--radius-lg: 15px;--radius-full: 999px;--touch-target: 44px;--header-height: 56px;--input-area-height: 56px;--avatar-size-lg: 48px;--avatar-size-md: 42px;--avatar-size-sm: 32px;--sidebar-width: 360px;--transition-fast: .15s ease;--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--message-text-size: 15px}[data-theme=light]{--color-primary: #3685FA;--color-primary-dark: #2563d4;--color-primary-rgb: 54, 133, 250;--color-bg: #ffffff;--color-bg-sidebar: #f4f4f5;--color-surface: #ffffff;--color-surface-raised: #f9f9f9;--color-header-bg: #ffffff;--color-input-bg: #f4f4f5;--color-overlay: rgba(0, 0, 0, .45);--color-bubble-out: #effdde;--color-bubble-out-text: #000000;--color-bubble-in: #ffffff;--color-bubble-in-text: #000000;--color-text-primary: rgba(0, 0, 0, .87);--color-text-secondary: rgba(0, 0, 0, .5);--color-text-disabled: rgba(0, 0, 0, .3);--color-text-hint: rgba(0, 0, 0, .38);--color-border: rgba(0, 0, 0, .08);--color-border-medium: rgba(0, 0, 0, .15)}:root{font-family:var(--font-family);font-size:var(--font-size-md);color-scheme:dark;-webkit-font-smoothing:antialiased}html,body,#app{margin:0;padding:0;height:100%;height:-webkit-fill-available;background:var(--color-bg);color:var(--color-text-primary)}*,*:before,*:after{box-sizing:border-box}button{font-family:inherit;font-size:inherit}a{color:var(--color-text-link);text-decoration:none}.app-root{display:flex;flex-direction:column;height:100%;height:-webkit-fill-available;background:var(--color-bg);color:var(--color-text-primary)}