*,*:before,*:after{box-sizing:border-box}h1,h2,h3,p{margin:0}img{max-width:100%}:root{--ultra-radius: 28px;--ultra-pad: 10px;--ultra-mat: 8px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #F6F7FB;--bg-elev: #FFFFFF;--chrome-bg: var(--bg);--chrome-border: var(--border);--chrome-shadow: 0 1px 2px rgba(15,23,42,.04);--surface: #FFFFFF;--surface-2: #F1F5F9;--border: #E2E8F0;--text: #0F172A;--text-muted: #475569;--primary: #4F46E5;--primary-hover: #4338CA;--primary-soft: #EEF2FF;--primary-soft-border: #E0E7FF;--accent: #06B6D4;--user-accent: var(--primary);--user-tint: color-mix(in srgb, var(--user-accent) 16%, white);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 6px 18px rgba(15, 23, 42, .1);--radius-md: 12px;--radius-lg: 16px;--space: 16px;--scroll-thumb: rgba(15, 23, 42, .18);--scroll-thumb-hover: rgba(15, 23, 42, .28);--scroll-track: transparent;--ease: cubic-bezier(.2,.8,.2,1);--dur-1: .12s;--dur-2: .18s;--divider-w: 1px;--divider: rgba(15, 23, 42, .1);--bubble-assistant-bg: var(--surface);--bubble-assistant-border: var(--border);--bubble-user-bg: var(--primary);--bubble-user-text: var(--text);--bubble-user-bg-hover: var(--primary-hover);--bubble-shadow: var(--shadow-sm);--bubble-user-top: var(--user-tint);--bubble-user-bottom: #FFFFFF;--bubble-assistant-top: var(--surface-2);--bubble-assistant-bottom: var(--surface);--bubble-agent-default-top: var(--surface-2);--bubble-agent-default-bottom: var(--surface);--bubble-agent-tutor-top: var(--agent-tutor-tint);--bubble-agent-tutor-bottom: #FFFFFF;--bubble-agent-eval-top: var(--agent-eval-tint);--bubble-agent-eval-bottom: #FFFFFF;--bubble-agent-coord-top: var(--agent-coord-tint);--bubble-agent-coord-bottom: #FFFFFF;--agent-eval: #EA580C;--agent-coord: #16A34A;--agent-tutor: #7C3AED;--agent-eval-tint: color-mix(in srgb, var(--agent-eval) 14%, white);--agent-coord-tint: color-mix(in srgb, var(--agent-coord) 14%, white);--agent-tutor-tint: color-mix(in srgb, var(--agent-tutor) 14%, white)}@supports not (color: color-mix(in srgb,#000 10%,#fff)){:root{--user-tint: rgba(79, 70, 229, .16);--agent-eval-tint: rgba(234, 88, 12, .14);--agent-coord-tint: rgba(22, 163, 74, .14);--agent-tutor-tint: rgba(124, 58, 237, .14)}}body{margin:0;min-width:320px;font-family:QuickSand,sans-serif;background:var(--bg);color:var(--text)}html,body,#root{height:100%}