:root{--bg: #f8f9fa;--surface: #ffffff;--surface-hover: #f6f7f9;--text: #1a1d23;--text-muted: #6b7280;--text-secondary: #9ca3af;--border: #e5e7eb;--border-subtle: #f0f1f3;--accent: #4f46e5;--accent-hover: #4338ca;--accent-light: #eef2ff;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 24px rgba(0,0,0,.12);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--max-width: 1200px;--chat-width: 800px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}textarea{overflow-y:scroll;min-height:100px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}