:root{--app-color-text-primary: #111827;--app-color-text-muted: #6B7280;--app-color-text-inverse: #FFFFFF;--app-color-surface-default: #FFFFFF;--app-color-surface-subtle: #F9FAFB;--app-color-surface-muted: #F3F4F6;--app-color-surface-skeleton: rgba(227, 227, 227, 1);--app-color-border-default: #D1D5DB;--app-color-border-subtle: #E5E7EB;--app-color-border-strong: #111827;--app-color-action-success: #16A34A;--app-color-bubble-outbound-bg: #0084FF;--app-color-bubble-inbound-bg: #F1F3F4;--app-color-bubble-outbound-text: #FFFFFF;--app-color-bubble-inbound-text: #111827;--app-color-bubble-shadow: rgba(0, 0, 0, .1);--app-color-shadow-strong: rgba(0, 0, 0, .2);--app-color-bubble-avatar-inbound-bg: #E1E3E5;--app-color-bubble-reply-outbound-bg: rgba(255, 255, 255, .1);--app-color-bubble-reply-inbound-bg: rgba(0, 0, 0, .05);--app-color-bubble-reply-outbound-border: rgba(255, 255, 255, .3);--app-color-bubble-reply-inbound-border: #0084FF;--app-color-bubble-reply-outbound-text: rgba(255, 255, 255, .9);--app-color-bubble-reply-inbound-text: #6B7280;--app-color-bubble-tag-bg: #666666;--app-color-bubble-tag-text: #FFFFFF;--app-color-progress-track: #E1E3E5;--app-color-progress-track-muted: #E3E3E3;--app-color-progress-fill: #008060;--app-space-2: 2px;--app-space-4: 4px;--app-space-6: 6px;--app-space-8: 8px;--app-space-10: 10px;--app-space-12: 12px;--app-space-14: 14px;--app-space-16: 16px;--app-space-18: 18px;--app-space-20: 20px;--app-space-24: 24px;--app-space-32: 2rem;--app-size-18: 18px;--app-size-32: 32px;--app-size-36: 36px;--app-size-38: 38px;--app-size-60: 60px;--app-size-80: 80px;--app-size-120: 120px;--app-size-percent-28: 28%;--app-size-percent-32: 32%;--app-size-percent-60: 60%;--app-size-percent-70: 70%;--app-size-percent-80: 80%;--app-size-percent-90: 90%;--app-font-size-10: 10px;--app-font-size-11: 11px;--app-font-size-12: 12px;--app-font-size-14: 14px}