:root{--color-primary: #2ca5e0;--color-primary-dark: #1a8abf;--color-primary-rgb: 44, 165, 224;--color-bg: #17212b;--color-bg-sidebar: #0e1621;--color-surface: #1c2733;--color-surface-raised: #242f3d;--color-header-bg: #17212b;--color-input-bg: #242f3d;--color-overlay: rgba(0, 0, 0, .65);--color-bubble-out: #2b5278;--color-bubble-out-text: #ffffff;--color-bubble-in: #182533;--color-bubble-in-text: rgba(255, 255, 255, .87);--color-text-primary: rgba(255, 255, 255, .87);--color-text-secondary: rgba(255, 255, 255, .5);--color-text-disabled: rgba(255, 255, 255, .3);--color-text-link: #2ca5e0;--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-warning-bg: rgba(243, 156, 18, .15);--color-online: #4dcd5e;--color-badge-bg: #2ca5e0;--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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", 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.4;--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: 6px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--touch-target: 44px;--header-height: 56px;--input-area-height: 56px;--avatar-size-lg: 48px;--avatar-size-md: 40px;--avatar-size-sm: 32px;--sidebar-width: 320px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--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)}[data-theme=light]{--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)}