:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;--bg-app: linear-gradient( 135deg, #072a35 0%, #0d5060 40%, #0f6070 60%, #083040 100% );--bg-app-solid: #020a17;--sidebar-rgb: 5, 30, 40;--card-rgb: 10, 50, 65;--modal-rgb: 5, 35, 50;--page-overlay-rgb: 0, 20, 30;--surface-overlay-rgb: 255, 255, 255;--text-rgb: 216, 240, 245;--text-secondary-rgb: 200, 235, 248;--text-muted-rgb: 180, 220, 235;--accent-rgb: 100, 200, 220;--accent-strong-rgb: 125, 216, 236;--cta-shadow-rgb: 30, 80, 180;--button-primary-start: #1a8fa8;--button-primary-end: #0d6880;--button-primary-rgb: 26, 143, 168;--button-cta-start: #2d7ff0;--button-cta-end: #1a5fcc;--message-user-start: #2563eb;--message-user-end: #1d4ed8;--button-cta-start-rgb: 45, 127, 240;--button-cta-end-rgb: 26, 95, 204;--danger-rgb: 248, 113, 113;--danger-soft-rgb: 239, 68, 68;--warn-rgb: 245, 158, 11;--success-rgb: 52, 211, 153;--text-primary: rgb(var(--text-rgb));--text-secondary: rgba(var(--text-secondary-rgb), .9);--text-muted: rgba(var(--text-muted-rgb), .72);--text-subtle: rgba(var(--text-muted-rgb), .55);--text-inverse: #fff;--text-danger: rgba(var(--danger-rgb), .95);--text-warning: rgba(var(--warn-rgb), .95);--text-success: rgba(var(--success-rgb), .95);--bg-primary: rgba(var(--card-rgb), .55);--bg-primary-strong: rgba(var(--card-rgb), .65);--bg-secondary: rgba(var(--surface-overlay-rgb), .06);--bg-tertiary: rgba(var(--surface-overlay-rgb), .1);--bg-overlay: rgba(var(--page-overlay-rgb), .6);--bg-sidebar: rgba(var(--sidebar-rgb), .55);--bg-chip: rgba(var(--accent-rgb), .12);--bg-chip-hover: rgba(var(--accent-rgb), .16);--bg-input: rgba(var(--surface-overlay-rgb), .1);--bg-input-focus: rgba(var(--surface-overlay-rgb), .13);--card-bg: rgba(var(--card-rgb), .55);--panel-bg: rgba(var(--card-rgb), .45);--panel-border: rgba(var(--accent-rgb), .12);--surface-primary: rgba(var(--card-rgb), .76);--surface-secondary: var(--bg-secondary);--surface-tertiary: var(--bg-tertiary);--surface-danger: rgba(var(--danger-soft-rgb), .14);--surface-warning: rgba(var(--warn-rgb), .16);--surface-success: rgba(var(--success-rgb), .14);--border-color: rgba(var(--accent-rgb), .15);--border-soft: rgba(var(--accent-rgb), .1);--border-strong: rgba(var(--accent-rgb), .22);--border-accent: rgba(var(--accent-strong-rgb), .34);--sidebar-border-color: var(--border-color);--divider-color: rgba(var(--accent-rgb), .12);--border-subtle: 1px solid var(--border-color);--border-medium: 1px solid var(--border-strong);--border-danger-soft: 1px solid rgba(var(--danger-soft-rgb), .35);--focus-warning-border: #EF9F27;--focus-positive-border: #5DCAA5;--info-accent-border: rgba(var(--accent-rgb), .35);--progress-track: rgba(var(--accent-rgb), .1);--progress-on-track: rgba(var(--success-rgb), 1);--progress-behind: rgba(var(--warn-rgb), 1);--progress-critical: rgba(var(--danger-rgb), 1);--button-primary: linear-gradient( 135deg, var(--button-primary-start), var(--button-primary-end) );--button-primary-hover: linear-gradient( 135deg, var(--button-primary-start), var(--button-primary-end) );--button-cta: linear-gradient( 135deg, var(--button-cta-start), var(--button-cta-end) );--button-cta-hover: linear-gradient( 135deg, var(--button-cta-start), var(--button-cta-end) );--focus-ring: rgba(var(--accent-strong-rgb), .82);--sidebar-shadow: 2px 0 30px rgba(var(--page-overlay-rgb), .25);--card-shadow: 0 12px 40px rgba(var(--page-overlay-rgb), .25);--card-shadow-soft: 0 6px 20px rgba(var(--page-overlay-rgb), .2);--assistant-shadow: none;--message-assistant-bg: var(--bg-primary-strong);--message-assistant-border: var(--border-color);--composer-shell-padding: 0;--composer-shell-radius: 0;--composer-shell-bg: transparent;--composer-shell-border: transparent;--composer-shell-shadow: none;--input-control-bg: var(--bg-input);--input-control-border: var(--border-strong);--input-control-border-focus: rgba(var(--accent-strong-rgb), .68);--input-control-shadow: inset 0 1px 3px rgba(var(--page-overlay-rgb), .15);--input-control-text: rgba(var(--text-secondary-rgb), .9);--input-placeholder-color: rgba(var(--text-muted-rgb), .5);--input-help-text-color: rgba(var(--text-muted-rgb), .38);--input-focus-glow: 0 0 0 3px rgba(var(--accent-rgb), .18);--scope-control-border: var(--border-soft);--scope-control-bg: var(--bg-secondary);--scope-control-hover-border: var(--border-color);--scope-control-hover-bg: var(--bg-tertiary);--attachment-control-border: rgba(var(--accent-rgb), .18);--attachment-control-bg: rgba(var(--surface-overlay-rgb), .05);--attachment-control-hover-border: rgba(var(--accent-strong-rgb), .32);--attachment-control-hover-bg: rgba(var(--surface-overlay-rgb), .1);--switcher-bg: rgba(var(--surface-overlay-rgb), .06);--switcher-border: rgba(var(--accent-rgb), .2);--switcher-shadow: inset 0 1px 0 rgba(var(--surface-overlay-rgb), .04);--switcher-hover-bg: rgba(var(--surface-overlay-rgb), .12);--switcher-active-bg: rgba(var(--accent-rgb), .3);--switcher-active-border: transparent;--switcher-active-shadow: 0 1px 8px rgba(var(--page-overlay-rgb), .18);--switcher-active-text: var(--text-primary);--send-button-border: transparent;--send-button-shadow: 0 6px 18px rgba(var(--cta-shadow-rgb), .35);--send-button-shadow-hover: 0 10px 24px rgba(var(--cta-shadow-rgb), .45);--z-sticky: 30;--z-overlay: 190;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--chat-safari-top-tint: #072a35;--chat-safari-bottom-tint: #072a35;--mobile-top-chrome-bg: #072a35;--mobile-bottom-chrome-bg: #072a35;--ios-theme-color: #072a35}:root[data-brand=demo]{--bg-app: linear-gradient( 140deg, #0a1d38 0%, #14325e 45%, #18427f 100% );--sidebar-rgb: 8, 22, 43;--card-rgb: 15, 38, 74;--modal-rgb: 11, 30, 59;--accent-rgb: 94, 171, 255;--accent-strong-rgb: 126, 191, 255;--button-primary-start: #60a5fa;--button-primary-end: #3b82f6;--button-primary-rgb: 96, 165, 250;--button-cta-start: #60a5fa;--button-cta-end: #3b82f6;--cta-shadow-rgb: 59, 130, 246}:root[data-theme=light]{color-scheme:light;--text-inverse: rgb(var(--text-rgb));--text-inverse-rgb: var(--text-rgb);--bg-app: linear-gradient(156deg, #f9fcff 0%, #f1f6ff 38%, #e8f0fb 100%);--bg-app-solid: #ebf2fc;--sidebar-rgb: 249, 252, 255;--card-rgb: 255, 255, 255;--modal-rgb: 255, 255, 255;--page-overlay-rgb: 19, 30, 45;--surface-overlay-rgb: 23, 45, 76;--text-rgb: 11, 16, 24;--text-secondary-rgb: 26, 36, 52;--text-muted-rgb: 62, 78, 104;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6B7280;--text-subtle: #6B7280;--text-danger: #B91C1C;--text-warning: #92400E;--text-success: #065F46;--surface-primary: #FFFFFF;--surface-secondary: #F9FAFB;--surface-tertiary: #F3F4F6;--surface-danger: #FEF2F2;--surface-warning: #FFFBEB;--surface-success: #ECFDF5;--border-subtle: 1px solid #E5E7EB;--border-medium: 1px solid #D1D5DB;--border-danger-soft: 1px solid #FECACA;--focus-warning-border: #D97706;--focus-positive-border: #059669;--info-accent-border: #BFDBFE;--progress-track: #E5E7EB;--progress-on-track: #059669;--progress-behind: #D97706;--progress-critical: #DC2626;--text-muted-rgb: 107, 114, 128;--accent-rgb: 58, 112, 176;--accent-strong-rgb: 37, 91, 154;--cta-shadow-rgb: 217, 119, 6;--button-primary-start: #f59e0b;--button-primary-end: #d97706;--button-primary-rgb: 245, 158, 11;--button-cta-start: #f59e0b;--button-cta-end: #d97706;--message-user-start: #2563eb;--message-user-end: #1d4ed8;--button-cta-start-rgb: 245, 158, 11;--button-cta-end-rgb: 217, 119, 6;--danger-rgb: 220, 86, 86;--danger-soft-rgb: 220, 86, 86;--warn-rgb: 217, 143, 34;--success-rgb: 30, 157, 111;--bg-secondary: rgba(var(--surface-overlay-rgb), .06);--bg-tertiary: rgba(var(--surface-overlay-rgb), .1);--bg-sidebar: rgba(var(--sidebar-rgb), .9);--bg-chip: rgba(var(--accent-rgb), .14);--bg-chip-hover: rgba(var(--accent-rgb), .2);--bg-input: rgba(255, 255, 255, .95);--bg-input-focus: rgba(255, 255, 255, 1);--card-bg: rgba(255, 255, 255, .84);--bg-primary-strong: rgba(255, 255, 255, .92);--panel-bg: rgba(255, 255, 255, .82);--border-color: rgba(var(--accent-rgb), .26);--border-soft: rgba(var(--accent-rgb), .18);--border-strong: rgba(var(--accent-rgb), .32);--panel-border: rgba(var(--accent-rgb), .2);--sidebar-border-color: rgba(var(--accent-rgb), .26);--divider-color: rgba(var(--accent-rgb), .24);--sidebar-shadow: 8px 0 30px rgba(var(--page-overlay-rgb), .1), 0 0 0 1px rgba(var(--page-overlay-rgb), .06);--card-shadow: 0 14px 34px rgba(var(--page-overlay-rgb), .12), 0 1px 0 rgba(255, 255, 255, .78) inset;--card-shadow-soft: 0 8px 18px rgba(var(--page-overlay-rgb), .1);--assistant-shadow: 0 10px 24px rgba(var(--page-overlay-rgb), .13);--composer-shell-padding: 7px 9px;--composer-shell-radius: 18px;--composer-shell-bg: rgba(255, 255, 255, .96);--composer-shell-border: rgba(var(--accent-rgb), .38);--composer-shell-shadow: 0 14px 32px rgba(var(--page-overlay-rgb), .14), inset 0 1px 0 rgba(255, 255, 255, .96);--input-control-bg: rgba(255, 255, 255, 1);--input-control-border: rgba(var(--accent-rgb), .42);--input-control-border-focus: rgba(var(--accent-strong-rgb), .88);--input-control-shadow: inset 0 1px 2px rgba(var(--page-overlay-rgb), .05), 0 1px 0 rgba(255, 255, 255, .9);--input-control-text: rgba(var(--text-secondary-rgb), .96);--input-placeholder-color: rgba(var(--text-muted-rgb), .66);--input-help-text-color: rgba(var(--text-muted-rgb), .58);--input-focus-glow: 0 0 0 3px rgba(var(--accent-rgb), .24);--scope-control-border: rgba(var(--accent-rgb), .36);--scope-control-bg: rgba(255, 255, 255, .98);--scope-control-hover-border: rgba(var(--accent-strong-rgb), .5);--scope-control-hover-bg: rgba(255, 255, 255, 1);--attachment-control-border: rgba(var(--accent-rgb), .36);--attachment-control-bg: rgba(255, 255, 255, .98);--attachment-control-hover-border: rgba(var(--accent-strong-rgb), .5);--attachment-control-hover-bg: rgba(255, 255, 255, 1);--switcher-bg: rgba(255, 255, 255, .86);--switcher-border: rgba(var(--accent-rgb), .26);--switcher-shadow: inset 0 1px 0 rgba(255, 255, 255, .97), 0 7px 18px rgba(var(--page-overlay-rgb), .1);--switcher-hover-bg: rgba(var(--accent-rgb), .12);--switcher-active-bg: linear-gradient( 145deg, rgba(var(--accent-rgb), .26), rgba(var(--accent-rgb), .18) );--switcher-active-border: rgba(var(--accent-strong-rgb), .44);--switcher-active-shadow: 0 6px 14px rgba(var(--page-overlay-rgb), .16), inset 0 1px 0 rgba(255, 255, 255, .48);--switcher-active-text: rgb(13, 34, 62);--send-button-border: rgba(255, 255, 255, .54);--send-button-shadow: 0 8px 18px rgba(var(--cta-shadow-rgb), .34);--send-button-shadow-hover: 0 11px 24px rgba(var(--cta-shadow-rgb), .46);--chat-safari-top-tint: #f5fbff;--chat-safari-bottom-tint: #eaf2fc;--mobile-top-chrome-bg: #f5fbff;--mobile-bottom-chrome-bg: #eaf2fc;--ios-theme-color: #f5fbff}:root[data-brand=demo][data-theme=light]{--bg-app: linear-gradient(156deg, #f8fbff 0%, #eef4fc 40%, #e6effb 100%);--accent-rgb: 45, 109, 201;--accent-strong-rgb: 32, 85, 164;--button-primary-start: #f59e0b;--button-primary-end: #d97706;--button-primary-rgb: 245, 158, 11;--button-cta-start: #f59e0b;--button-cta-end: #d97706;--cta-shadow-rgb: 217, 119, 6;--chat-safari-top-tint: #f5fbff;--chat-safari-bottom-tint: #e8f0fb;--mobile-top-chrome-bg: #f5fbff;--mobile-bottom-chrome-bg: #e8f0fb;--ios-theme-color: #f5fbff}:root[data-theme=dark]{color-scheme:dark;--bg-app: radial-gradient( circle at 55% 78%, rgba(228, 118, 60, .2) 0%, rgba(228, 118, 60, .07) 28%, rgba(7, 10, 16, 0) 54% ), radial-gradient( circle at 14% 8%, rgba(228, 118, 60, .12) 0%, rgba(7, 10, 16, 0) 38% ), linear-gradient(140deg, #070b12 0%, #0d121e 45%, #121924 100%);--bg-app-solid: #05070f;--sidebar-rgb: 7, 10, 16;--card-rgb: 20, 26, 40;--modal-rgb: 12, 17, 28;--page-overlay-rgb: 3, 6, 12;--surface-overlay-rgb: 255, 255, 255;--text-rgb: 235, 239, 247;--text-secondary-rgb: 210, 219, 234;--text-muted-rgb: 151, 163, 186;--accent-rgb: 224, 115, 58;--accent-strong-rgb: 249, 149, 92;--cta-shadow-rgb: 173, 77, 37;--button-primary-start: #c56b3c;--button-primary-end: #8a4523;--button-primary-rgb: 197, 107, 60;--button-cta-start: #ed8a4a;--button-cta-end: #bc5a2a;--message-user-start: #eb7f42;--message-user-end: #a94924;--button-cta-start-rgb: 237, 138, 74;--button-cta-end-rgb: 188, 90, 42;--danger-rgb: 232, 108, 108;--danger-soft-rgb: 232, 108, 108;--warn-rgb: 236, 162, 60;--success-rgb: 60, 192, 144;--border-color: rgba(var(--accent-rgb), .18);--border-soft: rgba(var(--accent-rgb), .12);--border-strong: rgba(var(--accent-rgb), .26);--border-accent: rgba(var(--accent-strong-rgb), .4);--panel-border: rgba(var(--accent-rgb), .16);--sidebar-shadow: 2px 0 30px rgba(var(--page-overlay-rgb), .3), 1px 0 0 rgba(var(--accent-rgb), .07);--card-shadow: 0 12px 40px rgba(var(--page-overlay-rgb), .35), 0 0 30px rgba(var(--accent-rgb), .06), inset 0 1px 0 rgba(var(--accent-rgb), .08);--card-shadow-soft: 0 6px 20px rgba(var(--page-overlay-rgb), .25), 0 0 18px rgba(var(--accent-rgb), .04);--assistant-shadow: 0 8px 24px rgba(var(--page-overlay-rgb), .2);--chat-safari-top-tint: #181014;--chat-safari-bottom-tint: #1f1410;--mobile-top-chrome-bg: #181014;--mobile-bottom-chrome-bg: #1f1410;--ios-theme-color: #181014}:root[data-brand=demo][data-theme=dark]{--bg-app: radial-gradient( circle at 55% 78%, rgba(228, 118, 60, .2) 0%, rgba(228, 118, 60, .07) 28%, rgba(7, 10, 16, 0) 54% ), radial-gradient( circle at 14% 8%, rgba(228, 118, 60, .12) 0%, rgba(7, 10, 16, 0) 38% ), linear-gradient(140deg, #070b12 0%, #0d121e 45%, #121924 100%);--chat-safari-top-tint: #181014;--chat-safari-bottom-tint: #1f1410;--mobile-top-chrome-bg: #181014;--mobile-bottom-chrome-bg: #1f1410;--ios-theme-color: #181014}:root{font-family:Roboto,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;color:var(--text-primary, #e8f4fb);background-color:var(--mobile-bottom-chrome-bg, var(--bg-app-solid, #020a17));line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}html,body,#root{height:100%;min-height:100%;width:100%;margin:0;padding:0;background:var(--bg-app, var(--bg-app-solid, #020a17));background-color:var(--mobile-bottom-chrome-bg, var(--bg-app-solid, #020a17))}*{box-sizing:border-box}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:rgba(var(--text-muted-rgb, 180, 220, 235),.38);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--text-muted-rgb, 180, 220, 235),.55)}::-webkit-scrollbar-track{background:rgba(var(--page-overlay-rgb, 0, 0, 0),.12)}
