:root{--brand-50: #EEF2FE;--brand-100: #D9E2FD;--brand-200: #B8C9FB;--brand-300: #8AA4F9;--brand-400: #7B9BFA;--brand-500: #6B8AF7;--brand-600: #5E7DE8;--brand-700: #4A6AD4;--brand-800: #3A54B0;--brand-900: #2C408A;--bg-app: #0F1218;--bg-surface: #151A22;--bg-surface-2: #1C2430;--bg-surface-3: #232B3A;--bg-floating: rgba(21, 26, 34, .92);--bg-hover: rgba(255, 255, 255, .06);--bg-selected: rgba(255, 255, 255, .09);--bg-active: rgba(107, 138, 247, .12);--text-primary: #E6EAF0;--text-secondary: #A7B0BE;--text-muted: #7E8898;--text-inverse: #0F1218;--text-link: #6B8AF7;--text-link-hover:#8AA4F9;--accent-primary: #6B8AF7;--accent-hover: #5E7DE8;--accent-pressed: #4A6AD4;--accent-muted: rgba(107, 138, 247, .15);--accent-stream: #25C2A0;--accent-stream-hover: #1FA88A;--accent-stream-muted: rgba(37, 194, 160, .15);--accent-danger: #F1707A;--accent-danger-hover: #E5565F;--accent-danger-muted: rgba(241, 112, 122, .15);--accent-warning: #F5A623;--accent-warning-muted: rgba(245, 166, 35, .15);--accent-info: #5BC0EB;--accent-info-muted: rgba(91, 192, 235, .15);--border-subtle: rgba(230, 234, 240, .1);--border-default: rgba(230, 234, 240, .16);--border-strong: rgba(230, 234, 240, .24);--border-accent: rgba(107, 138, 247, .4);--divider: rgba(230, 234, 240, .12);--ring-active: 0 0 0 2px rgba(107, 138, 247, .55);--ring-stream: 0 0 0 2px rgba(37, 194, 160, .55);--ring-speaking: 0 0 0 3px rgba(59, 165, 93, .55);--color-speaking: #3ba55d;--ring-danger: 0 0 0 2px rgba(241, 112, 122, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full:9999px;--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;--font-sans: "Manrope", "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--weight-regular: 400;--weight-medium: 500;--weight-semibold:600;--weight-bold: 700;--weight-extra: 800;--ease-ui: cubic-bezier(.2, .8, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .35s;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--msg-py: 8px;--msg-avatar: 40px;--msg-gap: 16px}@keyframes speakingPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:.2}}[data-density=compact]{--msg-py: 2px;--msg-avatar: 0px;--msg-gap: 8px}[data-density=cozy]{--msg-py: 12px;--msg-avatar: 40px;--msg-gap: 16px}[data-theme=light]{--bg-app: #F0F2F5;--bg-surface: #FFFFFF;--bg-surface-2: #F5F6F8;--bg-surface-3: #EBEDF0;--bg-floating: rgba(255, 255, 255, .92);--bg-hover: rgba(0, 0, 0, .04);--bg-selected: rgba(0, 0, 0, .07);--bg-active: rgba(107, 138, 247, .1);--text-primary: #1A1D24;--text-secondary: #5C6370;--text-muted: #8B919A;--text-inverse: #F0F2F5;--text-link: #4A6AD4;--text-link-hover:#3A54B0;--border-subtle: rgba(0, 0, 0, .08);--border-default: rgba(0, 0, 0, .14);--border-strong: rgba(0, 0, 0, .22);--border-accent: rgba(107, 138, 247, .4);--divider: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16)}[data-theme=ocean]{--bg-app: #0A1628;--bg-surface: #0F1F35;--bg-surface-2: #152A45;--bg-surface-3: #1A3355;--bg-floating: rgba(15, 31, 53, .92);--bg-hover: rgba(100, 200, 255, .06);--bg-selected: rgba(100, 200, 255, .09);--bg-active: rgba(64, 196, 255, .12);--text-primary: #D0E8F5;--text-secondary: #8AB4D0;--text-muted: #5A8AA8;--accent-primary: #40C4FF;--accent-hover: #29B6F6;--accent-pressed: #0288D1}[data-theme=sunset]{--bg-app: #1A0F14;--bg-surface: #251520;--bg-surface-2: #30192A;--bg-surface-3: #3D2035;--bg-floating: rgba(37, 21, 32, .92);--bg-hover: rgba(255, 150, 100, .06);--bg-selected: rgba(255, 150, 100, .09);--bg-active: rgba(255, 112, 67, .12);--text-primary: #F5E0D8;--text-secondary: #C4A08F;--text-muted: #8A6A5A;--accent-primary: #FF7043;--accent-hover: #F4511E;--accent-pressed: #D84315}[data-theme=forest]{--bg-app: #0C1610;--bg-surface: #111F16;--bg-surface-2: #172A1E;--bg-surface-3: #1E3526;--bg-floating: rgba(17, 31, 22, .92);--bg-hover: rgba(100, 220, 150, .06);--bg-selected: rgba(100, 220, 150, .09);--bg-active: rgba(76, 175, 80, .12);--text-primary: #D5EBD8;--text-secondary: #90BF97;--text-muted: #5E8A65;--accent-primary: #66BB6A;--accent-hover: #4CAF50;--accent-pressed: #388E3C}:root{color-scheme:dark;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}[data-theme=light]{color-scheme:light}html,body,#root{height:100%}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}*{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.35) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:10px}*::-webkit-scrollbar-thumb:hover{background:#9ca3af73}*::-webkit-scrollbar-track{background:transparent}::selection{background:var(--accent-muted);color:var(--text-primary)}a{color:var(--text-link);text-decoration:none}a:hover{color:var(--text-link-hover)}*{-webkit-tap-highlight-color:transparent}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;transition:outline-color .15s ease-out}input,textarea,select,button{-webkit-appearance:none;-moz-appearance:none}input:focus:not(:focus-visible),textarea:focus:not(:focus-visible),select:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}button,[role=button],.MuiIconButton-root,.MuiButton-root{transition:background-color .15s ease,color .15s ease,opacity .15s ease}:fullscreen{background:#000}::backdrop{background:#000}.ui-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.ui-cardDense{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.ui-row{border-radius:var(--radius-md)}.ui-rowHover{transition:background var(--duration-normal) var(--ease-ui)}.ui-rowHover:hover{background:var(--bg-hover)}.ui-selected{background:var(--bg-selected)}.ui-activeBar{position:relative}.ui-activeBar:before{content:"";position:absolute;left:0;top:var(--space-2);bottom:var(--space-2);width:3px;border-radius:3px;background:var(--accent-primary);opacity:.95}.ui-ringActive{box-shadow:var(--ring-active)}.ui-ringStream{box-shadow:var(--ring-stream)}.ui-ringDanger{box-shadow:var(--ring-danger)}.ui-pill{border:1px solid var(--border-subtle);background:var(--bg-surface);border-radius:var(--radius-full)}.ui-floatingBar{background:var(--bg-floating);border:1px solid var(--border-subtle);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg)}.ui-divider{border-color:var(--divider)!important}.ui-iconBtn{color:var(--text-secondary)!important;transition:background var(--duration-fast) var(--ease-ui),color var(--duration-fast) var(--ease-ui)}.ui-iconBtn:hover{background:var(--bg-hover)!important;color:var(--text-primary)!important}.ui-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1}.ui-badge--primary{background:var(--accent-muted);color:var(--accent-primary)}.ui-badge--stream{background:var(--accent-stream-muted);color:var(--accent-stream)}.ui-badge--danger{background:var(--accent-danger-muted);color:var(--accent-danger)}.ui-badge--warning{background:var(--accent-warning-muted);color:var(--accent-warning)}@keyframes ui-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes ui-slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ui-fadeIn{animation:ui-fadeIn var(--duration-normal) var(--ease-ui) both}.ui-slideUp{animation:ui-slideUp var(--duration-normal) var(--ease-ui) both}