:root,[data-theme=light]{color-scheme:light;--font-display: "Instrument Sans", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--primary: #2563eb;--primary-vivid: #1d4ed8;--primary-hover: #1e40af;--primary-soft: rgba(37, 99, 235, .08);--primary-glow: rgba(37, 99, 235, .18);--primary-light: #eff6ff;--primary-light-border: #bfdbfe;--secondary: #7c3aed;--secondary-hover: #6d28d9;--secondary-soft: rgba(124, 58, 237, .08);--accent: #059669;--accent-soft: rgba(5, 150, 105, .08);--bg-base: #f5f6f8;--bg-primary: #f5f6f8;--bg-secondary: #eef0f4;--bg-tertiary: #e4e7ec;--bg-surface: rgba(255, 255, 255, .75);--bg-surface-solid: #ffffff;--bg-surface-hover: rgba(255, 255, 255, .92);--bg-elevated: rgba(255, 255, 255, .88);--bg-inset: rgba(0, 0, 0, .025);--bg-inset-strong: rgba(0, 0, 0, .05);--bg-input: rgba(255, 255, 255, .8);--bg-overlay: rgba(255, 255, 255, .95);--bg-debug: #f7f7f7;--text-primary: #0c1222;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--text-on-primary: #ffffff;--text-debug: #222222;--success: #16a34a;--success-soft: rgba(22, 163, 74, .08);--success-bg: #dcfce7;--success-text: #14532d;--error: #dc2626;--error-soft: rgba(220, 38, 38, .08);--error-bg: #fee2e2;--error-text: #7f1d1d;--warning: #d97706;--warning-soft: rgba(217, 119, 6, .08);--warning-bg: #fef3c7;--warning-text: #78350f;--info: #2563eb;--info-soft: rgba(37, 99, 235, .08);--info-bg: #eff6ff;--info-text: #1e40af;--border-color: #d1d5db;--border-light: #e5e7eb;--border-dark: #9ca3af;--border-focus: var(--primary);--border-fieldset: #d1d5db;--glass-bg: rgba(255, 255, 255, .68);--glass-border: rgba(0, 0, 0, .05);--glass-border-hover: rgba(0, 0, 0, .1);--glass-shadow: 0 4px 24px -4px rgba(0, 0, 0, .07), 0 1px 3px rgba(0,0,0,.04);--glass-shadow-hover: 0 8px 40px -4px rgba(0, 0, 0, .1);--glass-inner-light: inset 0 1px 0 rgba(255, 255, 255, .6);--backdrop-blur: blur(28px) saturate(1.3);--bubble-bg-self: #E1F0FA;--bubble-bg-other: var(--bg-secondary);--orb-blue: rgba(37, 99, 235, .05);--orb-green: rgba(5, 150, 105, .04);--orb-purple: rgba(124, 58, 237, .04);--gradient-cta: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #4338ca 100%);--gradient-cta-hover: linear-gradient(135deg, #3b82f6 0%, #2563eb 50%, #4f46e5 100%);--cta-glow: 0 4px 20px rgba(37, 99, 235, .22), 0 0 0 1px rgba(37, 99, 235, .08);--cta-glow-hover: 0 8px 36px rgba(37, 99, 235, .32), 0 0 0 1px rgba(37, 99, 235, .12);--noise-opacity: .018;--refraction-opacity: .08;--shadow-card: 0 4px 24px -4px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 40px -4px rgba(0, 0, 0, .1);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .12);--shadow-floating: 0 4px 12px rgba(0, 0, 0, .1);--shadow-focus: 0 0 0 2px rgba(37, 99, 235, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--color-surface: var(--bg-surface-solid);--color-surface-secondary: var(--bg-secondary);--color-surface-hover: var(--bg-surface-hover);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-border: var(--border-color);--color-border-subtle: var(--border-light);--color-brand: var(--primary);--color-brand-hover: var(--primary-hover);--color-brand-alpha-20: rgba(37, 99, 235, .2);--color-brand-alpha-05: rgba(37, 99, 235, .05);--color-danger: var(--error);--color-danger-bg: var(--error-bg);--color-success: var(--success);--error-border: rgba(220, 38, 38, .2);--waiting-bg: rgba(37, 99, 235, .08);--waiting-text: var(--info-text);--waiting-border: rgba(37, 99, 235, .2);--audio-active-color: #16a34a;--audio-active-glow: rgba(22, 163, 74, .4);--audio-active-border: rgba(22, 163, 74, .3);--audio-active-tint: rgba(22, 163, 74, .1);--audio-active-text: #15803d;--audio-active-accent: #16a34a;--participant-active-color: #ea580c;--participant-active-glow: rgba(234, 88, 12, .4);--participant-active-border: rgba(234, 88, 12, .3);--participant-active-tint: rgba(234, 88, 12, .1);--participant-active-text: #c2410c;--participant-active-accent: #ea580c;--ai-bg-panel: rgba(255, 255, 255, .92);--ai-bg-input-row: var(--bg-inset-strong);--ai-bg-menu: var(--bg-surface-solid);--ai-bg-user-bubble: var(--gradient-cta);--ai-bg-ai-bubble: rgba(0, 0, 0, .03);--ai-border-ai-bubble: var(--glass-border);--ai-bg-chip: rgba(0, 0, 0, .03);--ai-border-chip: var(--glass-border);--ai-border-subtle: var(--glass-border);--ai-text-primary: #0c1222;--ai-text-secondary: #4b5563;--ai-text-tertiary: #767676;--ai-text-interactive: #1e293b;--ai-accent: #d97706;--ai-accent-hover: #b45309;--ai-shadow-panel: -4px 0 24px rgba(0, 0, 0, .08), inset 1px 0 0 rgba(0, 0, 0, .04);--ai-checkbox-border: rgba(0, 0, 0, .2);--ai-checkbox-checked-bg: var(--primary-soft);--ai-checkbox-checked-border: rgba(37, 99, 235, .5);--ai-checkbox-check-color: #1d4ed8;--ld-bg-surface: rgba(255, 255, 255, .7);--ld-bg-surface-hover: rgba(255, 255, 255, .85);--ld-border-glass: rgba(0, 0, 0, .05);--ld-border-glass-hover: rgba(0, 0, 0, .1);--ld-orb-blue: rgba(37, 99, 235, .05);--ld-orb-blue-inner: rgba(37, 99, 235, .02);--ld-orb-green: rgba(5, 150, 105, .04);--ld-orb-green-inner: rgba(5, 150, 105, .015);--ld-glow-blue: rgba(37, 99, 235, .18);--ld-glow-green: rgba(5, 150, 105, .12);--ld-glow-purple: rgba(124, 58, 237, .12);--ld-shimmer: rgba(0, 0, 0, .02);--ld-shimmer-peak: rgba(0, 0, 0, .04);--ld-card-shadow: 0 4px 24px -4px rgba(0, 0, 0, .07);--ld-card-shadow-hover: 0 8px 40px -4px rgba(0, 0, 0, .1);--ld-input-bg: rgba(255, 255, 255, .8);--ld-input-border: rgba(0, 0, 0, .08);--ld-input-border-focus: var(--primary);--ld-backdrop-blur: blur(28px) saturate(1.3);--ld-gradient-cta: var(--gradient-cta);--ld-gradient-cta-hover: var(--gradient-cta-hover);--ld-cta-glow: var(--cta-glow)}[data-theme=dark]{color-scheme:dark;--primary: #6ea8fe;--primary-vivid: #4d94ff;--primary-hover: #93bbfd;--primary-soft: rgba(110, 168, 254, .12);--primary-glow: rgba(110, 168, 254, .25);--primary-light: #1e3a5e;--primary-light-border: #2563eb;--secondary: #a78bfa;--secondary-hover: #c4b5fd;--secondary-soft: rgba(167, 139, 250, .1);--accent: #34d399;--accent-soft: rgba(52, 211, 153, .1);--bg-base: #08090f;--bg-primary: #08090f;--bg-secondary: #0e1019;--bg-tertiary: #161a28;--bg-surface: rgba(18, 22, 36, .7);--bg-surface-solid: #131722;--bg-surface-hover: rgba(22, 28, 46, .85);--bg-elevated: rgba(24, 30, 52, .8);--bg-inset: rgba(255, 255, 255, .03);--bg-inset-strong: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .06);--bg-overlay: rgba(8, 9, 15, .92);--bg-debug: #161a28;--text-primary: #e8ecf4;--text-secondary: #8893a7;--text-tertiary: #7a8698;--text-inverse: #08090f;--text-on-primary: #ffffff;--text-debug: #e8ecf4;--success: #4ade80;--success-soft: rgba(74, 222, 128, .1);--success-bg: #14532d;--success-text: #bbf7d0;--error: #fb7185;--error-soft: rgba(251, 113, 133, .1);--error-bg: #7f1d1d;--error-text: #fecaca;--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .1);--warning-bg: #713f12;--warning-text: #fef08a;--info: #6ea8fe;--info-soft: rgba(110, 168, 254, .1);--info-bg: #1e3a5e;--info-text: #bfdbfe;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-dark: rgba(255, 255, 255, .12);--border-focus: var(--primary);--border-fieldset: rgba(255, 255, 255, .1);--glass-bg: rgba(14, 18, 30, .6);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px -8px rgba(0, 0, 0, .5), 0 2px 8px -2px rgba(0,0,0,.2);--glass-shadow-hover: 0 12px 48px -8px rgba(0, 0, 0, .6);--glass-inner-light: inset 0 1px 0 rgba(255, 255, 255, .04);--backdrop-blur: blur(28px) saturate(1.3);--bubble-bg-self: rgba(0, 120, 212, .15);--bubble-bg-other: var(--bg-secondary);--orb-blue: rgba(78, 148, 255, .06);--orb-green: rgba(52, 211, 153, .04);--orb-purple: rgba(139, 92, 246, .04);--gradient-cta: linear-gradient(135deg, #4d94ff 0%, #2563eb 50%, #4338ca 100%);--gradient-cta-hover: linear-gradient(135deg, #6ea8fe 0%, #3b82f6 50%, #4f46e5 100%);--cta-glow: 0 4px 24px rgba(77, 148, 255, .3), 0 0 0 1px rgba(77, 148, 255, .1);--cta-glow-hover: 0 8px 40px rgba(77, 148, 255, .4), 0 0 0 1px rgba(77, 148, 255, .2);--noise-opacity: .03;--refraction-opacity: .06;--shadow-card: 0 8px 32px -8px rgba(0, 0, 0, .5);--shadow-card-hover: 0 12px 48px -8px rgba(0, 0, 0, .6);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .5);--shadow-floating: 0 4px 12px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 2px rgba(110, 168, 254, .4);--ai-bg-panel: rgba(14, 18, 30, .92);--ai-bg-input-row: var(--bg-inset-strong);--ai-bg-menu: var(--bg-surface-solid);--ai-bg-user-bubble: var(--gradient-cta);--ai-bg-ai-bubble: rgba(255, 255, 255, .04);--ai-border-ai-bubble: var(--glass-border);--ai-bg-chip: rgba(255, 255, 255, .03);--ai-border-chip: var(--glass-border);--ai-border-subtle: var(--glass-border);--ai-text-primary: #e8ecf4;--ai-text-secondary: #8893a7;--ai-text-tertiary: #8290a4;--ai-text-interactive: #c8cce0;--ai-accent: #fbbf24;--ai-accent-hover: #f59e0b;--ai-shadow-panel: -4px 0 24px rgba(0, 0, 0, .6), inset 1px 0 0 rgba(255, 255, 255, .04);--ai-checkbox-border: rgba(255, 255, 255, .2);--ai-checkbox-checked-bg: var(--primary-soft);--ai-checkbox-checked-border: rgba(110, 168, 254, .5);--ai-checkbox-check-color: #6ea8fe;--color-surface: var(--bg-surface-solid);--color-surface-secondary: var(--bg-secondary);--color-surface-hover: var(--bg-surface-hover);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-border: var(--border-color);--color-border-subtle: var(--border-light);--color-brand: var(--primary);--color-brand-hover: var(--primary-hover);--color-brand-alpha-20: rgba(110, 168, 254, .2);--color-brand-alpha-05: rgba(110, 168, 254, .05);--color-danger: var(--error);--color-danger-bg: var(--error-bg);--color-success: var(--success);--error-border: rgba(251, 113, 133, .25);--waiting-bg: rgba(110, 168, 254, .12);--waiting-text: var(--info-text);--waiting-border: rgba(110, 168, 254, .2);--audio-active-color: #4ade80;--audio-active-glow: rgba(74, 222, 128, .45);--audio-active-border: rgba(74, 222, 128, .3);--audio-active-tint: rgba(74, 222, 128, .15);--audio-active-text: #4ade80;--audio-active-accent: #4ade80;--participant-active-color: #fb923c;--participant-active-glow: rgba(251, 146, 60, .45);--participant-active-border: rgba(251, 146, 60, .3);--participant-active-tint: rgba(251, 146, 60, .15);--participant-active-text: #fb923c;--participant-active-accent: #fb923c;--ld-bg-surface: rgba(255, 255, 255, .04);--ld-bg-surface-hover: rgba(255, 255, 255, .07);--ld-border-glass: rgba(255, 255, 255, .05);--ld-border-glass-hover: rgba(255, 255, 255, .1);--ld-orb-blue: rgba(78, 148, 255, .06);--ld-orb-blue-inner: rgba(78, 148, 255, .02);--ld-orb-green: rgba(52, 211, 153, .04);--ld-orb-green-inner: rgba(52, 211, 153, .015);--ld-glow-blue: rgba(110, 168, 254, .25);--ld-glow-green: rgba(52, 211, 153, .2);--ld-glow-purple: rgba(167, 139, 250, .2);--ld-shimmer: rgba(255, 255, 255, .03);--ld-shimmer-peak: rgba(255, 255, 255, .05);--ld-card-shadow: 0 8px 32px -8px rgba(0, 0, 0, .5);--ld-card-shadow-hover: 0 12px 48px -8px rgba(0, 0, 0, .6);--ld-input-bg: rgba(255, 255, 255, .06);--ld-input-border: rgba(255, 255, 255, .08);--ld-input-border-focus: var(--primary);--ld-backdrop-blur: blur(28px) saturate(1.3);--ld-gradient-cta: var(--gradient-cta);--ld-gradient-cta-hover: var(--gradient-cta-hover);--ld-cta-glow: var(--cta-glow)}:root{--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "SF Mono", "Monaco", "Consolas", monospace;--text-xs: 11px;--text-sm: 12px;--text-md: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75}:root{--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px}:root{--radius-none: 0;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-2xl: 32px;--radius-full: 9999px}:root,[data-theme=light]{--toggle-bg-off: var(--border-color);--toggle-bg-on: var(--primary);--toggle-thumb: var(--bg-primary);--scrollbar-track: var(--bg-tertiary);--scrollbar-thumb: var(--border-dark);--scrollbar-thumb-hover: var(--text-tertiary)}[data-theme=dark]{--toggle-bg-off: var(--border-dark);--toggle-bg-on: var(--primary);--toggle-thumb: var(--bg-primary);--scrollbar-track: var(--bg-tertiary);--scrollbar-thumb: var(--border-dark);--scrollbar-thumb-hover: var(--text-tertiary)}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--primary: #6ea8fe;--primary-vivid: #4d94ff;--primary-hover: #93bbfd;--primary-soft: rgba(110, 168, 254, .12);--primary-glow: rgba(110, 168, 254, .25);--primary-light: #1e3a5e;--primary-light-border: #2563eb;--secondary: #a78bfa;--secondary-hover: #c4b5fd;--secondary-soft: rgba(167, 139, 250, .1);--accent: #34d399;--accent-soft: rgba(52, 211, 153, .1);--bg-base: #08090f;--bg-primary: #08090f;--bg-secondary: #0e1019;--bg-tertiary: #161a28;--bg-surface: rgba(18, 22, 36, .7);--bg-surface-solid: #131722;--bg-surface-hover: rgba(22, 28, 46, .85);--bg-elevated: rgba(24, 30, 52, .8);--bg-inset: rgba(255, 255, 255, .03);--bg-inset-strong: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .06);--bg-overlay: rgba(8, 9, 15, .92);--bg-debug: #161a28;--text-primary: #e8ecf4;--text-secondary: #8893a7;--text-tertiary: #7a8698;--text-inverse: #08090f;--text-on-primary: #ffffff;--text-debug: #e8ecf4;--success: #4ade80;--success-soft: rgba(74, 222, 128, .1);--success-bg: #14532d;--success-text: #bbf7d0;--error: #fb7185;--error-soft: rgba(251, 113, 133, .1);--error-bg: #7f1d1d;--error-text: #fecaca;--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .1);--warning-bg: #713f12;--warning-text: #fef08a;--info: #6ea8fe;--info-soft: rgba(110, 168, 254, .1);--info-bg: #1e3a5e;--info-text: #bfdbfe;--border-color: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .05);--border-dark: rgba(255, 255, 255, .12);--border-focus: var(--primary);--border-fieldset: rgba(255, 255, 255, .1);--glass-bg: rgba(14, 18, 30, .6);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px -8px rgba(0, 0, 0, .5), 0 2px 8px -2px rgba(0,0,0,.2);--glass-shadow-hover: 0 12px 48px -8px rgba(0, 0, 0, .6);--glass-inner-light: inset 0 1px 0 rgba(255, 255, 255, .04);--backdrop-blur: blur(28px) saturate(1.3);--bubble-bg-self: rgba(0, 120, 212, .15);--bubble-bg-other: var(--bg-secondary);--orb-blue: rgba(78, 148, 255, .06);--orb-green: rgba(52, 211, 153, .04);--orb-purple: rgba(139, 92, 246, .04);--gradient-cta: linear-gradient(135deg, #4d94ff 0%, #2563eb 50%, #4338ca 100%);--gradient-cta-hover: linear-gradient(135deg, #6ea8fe 0%, #3b82f6 50%, #4f46e5 100%);--cta-glow: 0 4px 24px rgba(77, 148, 255, .3), 0 0 0 1px rgba(77, 148, 255, .1);--cta-glow-hover: 0 8px 40px rgba(77, 148, 255, .4), 0 0 0 1px rgba(77, 148, 255, .2);--noise-opacity: .03;--refraction-opacity: .06;--shadow-card: 0 8px 32px -8px rgba(0, 0, 0, .5);--shadow-card-hover: 0 12px 48px -8px rgba(0, 0, 0, .6);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .5);--shadow-floating: 0 4px 12px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 2px rgba(110, 168, 254, .4);--toggle-bg-off: var(--border-dark);--toggle-bg-on: var(--primary);--toggle-thumb: var(--bg-primary);--scrollbar-track: var(--bg-tertiary);--scrollbar-thumb: var(--border-dark);--scrollbar-thumb-hover: var(--text-tertiary);--color-surface: var(--bg-surface-solid);--color-surface-secondary: var(--bg-secondary);--color-surface-hover: var(--bg-surface-hover);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--color-border: var(--border-color);--color-border-subtle: var(--border-light);--color-brand: var(--primary);--color-brand-hover: var(--primary-hover);--color-brand-alpha-20: rgba(110, 168, 254, .2);--color-brand-alpha-05: rgba(110, 168, 254, .05);--color-danger: var(--error);--color-danger-bg: var(--error-bg);--color-success: var(--success);--error-border: rgba(251, 113, 133, .25);--waiting-bg: rgba(110, 168, 254, .12);--waiting-text: var(--info-text);--waiting-border: rgba(110, 168, 254, .2);--audio-active-color: #4ade80;--audio-active-glow: rgba(74, 222, 128, .45);--audio-active-border: rgba(74, 222, 128, .3);--audio-active-tint: rgba(74, 222, 128, .15);--audio-active-text: #4ade80;--audio-active-accent: #4ade80;--participant-active-color: #fb923c;--participant-active-glow: rgba(251, 146, 60, .45);--participant-active-border: rgba(251, 146, 60, .3);--participant-active-tint: rgba(251, 146, 60, .15);--participant-active-text: #fb923c;--participant-active-accent: #fb923c}}html{height:100%;overflow:hidden}body{margin:0;padding:0;height:100%;overflow:hidden;font-family:var(--font-body, var(--font-family));font-size:var(--text-md);line-height:1.55;color:var(--text-primary);background-color:var(--bg-base, var(--bg-primary));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#root{height:100%}*,*:before,*:after{transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}html:not([data-theme]) *,html:not([data-theme]) *:before,html:not([data-theme]) *:after{transition:none!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}::selection{background-color:var(--primary-light);color:var(--text-primary)}:root,[data-theme=light]{--ld-bg-panel: rgba(255, 255, 255, .95);--ld-bg-panel-header: rgba(255, 255, 255, .97)}[data-theme=dark]{--ld-bg-panel: rgba(8, 9, 15, .92);--ld-bg-panel-header: rgba(8, 9, 15, .95)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--ld-bg-panel: rgba(8, 9, 15, .92);--ld-bg-panel-header: rgba(8, 9, 15, .95)}}