@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700;800&display=swap";:root{--ds-font-xs: .75rem;--ds-font-sm: .875rem;--ds-font-base: 1rem;--ds-font-lg: 1.125rem;--ds-font-xl: 1.25rem;--ds-font-2xl: 1.5rem;--ds-font-3xl: 1.875rem;--ds-font-4xl: 2.25rem;--ds-font-5xl: 3rem;--ds-font-6xl: 3.75rem;--ds-font-7xl: 4.5rem;--ds-space-1: .25rem;--ds-space-2: .5rem;--ds-space-3: .75rem;--ds-space-4: 1rem;--ds-space-5: 1.25rem;--ds-space-6: 1.5rem;--ds-space-8: 2rem;--ds-space-10: 2.5rem;--ds-space-12: 3rem;--ds-space-16: 4rem;--ds-space-20: 5rem;--ds-space-24: 6rem;--ds-space-32: 8rem;--ds-duration-fast: .15s;--ds-duration-normal: .25s;--ds-duration-slow: .4s;--ds-duration-slower: .6s;--ds-ease-out: cubic-bezier(.16, 1, .3, 1);--ds-ease-in-out: cubic-bezier(.65, 0, .35, 1);--ds-ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ds-z-base: 0;--ds-z-dropdown: 100;--ds-z-sticky: 200;--ds-z-overlay: 300;--ds-z-modal: 400;--ds-z-toast: 500}.ds-glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.ds-glass-subtle{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md)}.ds-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--ds-space-6);transition:all var(--ds-duration-normal) var(--ds-ease-out)}.ds-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-colored);transform:translateY(-2px)}.ds-gradient-text{background:var(--gradient-primary);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:ds-gradient-flow 6s ease infinite}@keyframes ds-gradient-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ds-mesh-bg{position:relative}.ds-mesh-bg:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);pointer-events:none;z-index:0}.ds-btn-primary{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-6);background:var(--gradient-primary);background-size:200% 200%;color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--ds-font-sm);cursor:pointer;transition:all var(--ds-duration-normal) var(--ds-ease-out);position:relative;overflow:hidden}.ds-btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--ds-duration-normal) var(--ds-ease-out)}.ds-btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-hover)}.ds-btn-primary:hover:before{opacity:1}.ds-btn-primary:active{transform:translateY(0)}.ds-btn-secondary{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-3) var(--ds-space-6);background:transparent;color:var(--text-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-weight:500;font-size:var(--ds-font-sm);cursor:pointer;transition:all var(--ds-duration-normal) var(--ds-ease-out)}.ds-btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#3b82f60d}@keyframes ds-orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-50px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(50px,30px) scale(1.05)}}.ds-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:ds-orb-float 20s ease-in-out infinite;pointer-events:none}.ds-section{padding:var(--ds-space-24) var(--ds-space-6);max-width:1200px;margin:0 auto}.ds-section-title{font-size:var(--ds-font-4xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:var(--ds-space-4)}.ds-section-subtitle{font-size:var(--ds-font-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--ds-space-12);line-height:1.6}.ds-badge{display:inline-flex;align-items:center;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-4);background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:9999px;font-size:var(--ds-font-xs);font-weight:600;color:var(--accent-primary);letter-spacing:.05em;text-transform:uppercase}@keyframes ds-fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ds-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ds-pulse-ring{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}.ds-animate-in{animation:ds-fade-in-up var(--ds-duration-slow) var(--ds-ease-out) both}.ds-stagger>*{animation:ds-fade-in-up var(--ds-duration-slow) var(--ds-ease-out) both}.ds-stagger>*:nth-child(1){animation-delay:0ms}.ds-stagger>*:nth-child(2){animation-delay:80ms}.ds-stagger>*:nth-child(3){animation-delay:.16s}.ds-stagger>*:nth-child(4){animation-delay:.24s}.ds-stagger>*:nth-child(5){animation-delay:.32s}.ds-stagger>*:nth-child(6){animation-delay:.4s}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}.ds-brand-gradient{background:linear-gradient(135deg,#1e3a8a,#3b82f6,#60a5fa)}.ds-brand-text{background:linear-gradient(135deg,#1e3a8a,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ds-display{font-family:var(--font-display, "Instrument Serif", Georgia, serif);font-weight:400;letter-spacing:-.5px}.ds-body{font-family:var(--font-body, "DM Sans", "Inter", sans-serif)}.ds-section-label{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--aq-bright-blue, #3b82f6)}.ds-badge-brand{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:100px;font-size:12px;font-weight:600;color:#1e3a8a;letter-spacing:.5px}[data-theme=dark] .ds-badge-brand{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.ds-btn-brand{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #3b82f64d}.ds-btn-brand:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.ds-synthesis-orb{width:48px;height:48px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #3b82f659}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-body: "DM Sans", "Inter", sans-serif;--font-display: "Instrument Serif", Georgia, serif;font-family:var(--font-family);line-height:1.5;font-weight:400;--aq-deep-blue: #1e3a8a;--aq-bright-blue: #3b82f6;--aq-light-blue: #60a5fa;--aq-pale-blue: #93c5fd;--aq-midnight: #0f172a;--aq-surface: #f8faff;--aq-surface-2: #eef2ff;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root,[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8faff;--bg-tertiary: #eef2ff;--bg-elevated: #ffffff;--bg-hover: #eef2ff;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--accent-primary: #1e3a8a;--accent-primary-dark: #1e3a8a;--accent-primary-light: #3b82f6;--accent-secondary: #3b82f6;--accent-tertiary: #60a5fa;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-accent: rgba(59, 130, 246, .3);--gradient-primary: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #60a5fa 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #059669 100%);--gradient-dark: linear-gradient(135deg, #0f1d44 0%, #1e3a8a 100%);--gradient-accent: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);--gradient-hero: linear-gradient(160deg, #0f1d44 0%, #1e3a8a 40%, #2563eb 100%);--gradient-mesh: radial-gradient(at 30% 20%, hsla(217,100%,74%,.15) 0px, transparent 50%), radial-gradient(at 80% 10%, hsla(210,100%,70%,.1) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(220,100%,85%,.1) 0px, transparent 50%), radial-gradient(at 80% 60%, hsla(215,100%,76%,.08) 0px, transparent 50%), radial-gradient(at 10% 90%, hsla(225,100%,80%,.08) 0px, transparent 50%), radial-gradient(at 90% 90%, hsla(210,100%,70%,.08) 0px, transparent 50%);--gradient-page: linear-gradient(160deg, #f8faff 0%, #eef2ff 100%);--shadow-sm: 0 1px 3px 0 rgba(30, 58, 138, .08);--shadow-md: 0 4px 6px -1px rgba(30, 58, 138, .1);--shadow-lg: 0 10px 15px -3px rgba(30, 58, 138, .1);--shadow-xl: 0 20px 25px -5px rgba(30, 58, 138, .12);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-hover: 0 0 30px rgba(59, 130, 246, .5);--shadow-colored: 0 10px 40px -10px rgba(59, 130, 246, .25);--shadow-glass: 0 8px 32px rgba(30, 58, 138, .08);--glass-bg: rgba(255, 255, 255, .88);--glass-border: rgba(255, 255, 255, .6);--glass-blur: blur(20px);--particle-color: rgba(59, 130, 246, .3);--particle-glow: rgba(96, 165, 250, .2);--card-bg: #ffffff;--card-border: #e2e8f0;--card-hover-bg: #f8faff;--color-primary: #1e3a8a;--color-primary-dark: #1e3a8a;--color-primary-light: #3b82f6;--color-secondary: #3b82f6;--color-accent: #60a5fa;--color-text-primary: #0f172a;--color-text-secondary: #64748b;--color-bg-light: #f8faff;--color-bg-white: #ffffff;--color-bg-gray: #eef2ff;--theme-surface: var(--card-bg);--theme-surface2: var(--bg-secondary);--theme-primary: var(--accent-primary);--theme-primary-rgb: 30, 58, 138;--theme-secondary: var(--accent-secondary);--theme-secondary-rgb: 59, 130, 246;--theme-text: var(--text-primary);--theme-text-muted: var(--text-secondary);--theme-font: var(--font-body);--theme-border-subtle: var(--border-primary);--theme-border: var(--border-primary);--theme-yellow: #f59e0b;--theme-card: var(--card-bg)}[data-theme=dark]{--bg-primary: #070d1a;--bg-secondary: #0d1630;--bg-tertiary: #111c38;--bg-elevated: #152040;--bg-hover: #1a2848;--text-primary: #f0f6ff;--text-secondary: #93b4d4;--text-tertiary: #5a7fa8;--text-inverse: #070d1a;--accent-primary: #3b82f6;--accent-primary-dark: #2563eb;--accent-primary-light: #60a5fa;--accent-secondary: #60a5fa;--accent-tertiary: #93c5fd;--border-primary: rgba(59, 130, 246, .15);--border-secondary: rgba(59, 130, 246, .25);--border-accent: rgba(59, 130, 246, .4);--gradient-primary: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #60a5fa 100%);--gradient-secondary: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);--gradient-success: linear-gradient(135deg, #10B981 0%, #34D399 100%);--gradient-dark: linear-gradient(135deg, #070d1a 0%, #0d1630 100%);--gradient-accent: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);--gradient-hero: linear-gradient(160deg, #050b18 0%, #0f1d44 40%, #1e3a8a 100%);--gradient-mesh: radial-gradient(at 30% 20%, hsla(217,100%,60%,.12) 0px, transparent 50%), radial-gradient(at 80% 10%, hsla(210,100%,65%,.08) 0px, transparent 50%), radial-gradient(at 0% 50%, hsla(220,100%,55%,.07) 0px, transparent 50%), radial-gradient(at 80% 60%, hsla(215,100%,60%,.06) 0px, transparent 50%), radial-gradient(at 10% 90%, hsla(225,100%,65%,.06) 0px, transparent 50%);--gradient-page: linear-gradient(160deg, #070d1a 0%, #0d1630 100%);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(59, 130, 246, .4);--shadow-glow-hover: 0 0 30px rgba(59, 130, 246, .6);--shadow-colored: 0 10px 40px -10px rgba(59, 130, 246, .35);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4);--glass-bg: rgba(13, 22, 48, .85);--glass-border: rgba(59, 130, 246, .15);--glass-blur: blur(20px);--particle-color: rgba(59, 130, 246, .4);--particle-glow: rgba(96, 165, 250, .25);--card-bg: #111c38;--card-border: rgba(59, 130, 246, .15);--card-hover-bg: #152040;--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-secondary: #60a5fa;--color-accent: #93c5fd;--color-text-primary: #f0f6ff;--color-text-secondary: #93b4d4;--color-bg-light: #0d1630;--color-bg-white: #111c38;--color-bg-gray: #152040;--theme-surface: var(--card-bg);--theme-surface2: var(--bg-secondary);--theme-primary: var(--accent-primary);--theme-primary-rgb: 59, 130, 246;--theme-secondary: var(--accent-secondary);--theme-secondary-rgb: 96, 165, 250;--theme-text: var(--text-primary);--theme-text-muted: var(--text-secondary);--theme-font: var(--font-body);--theme-border-subtle: var(--border-primary);--theme-border: var(--border-primary);--theme-yellow: #fbbf24;--theme-card: var(--card-bg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f666}50%{box-shadow:0 0 40px #3b82f699}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--gradient-page);font-family:var(--font-family);color:var(--text-primary);transition:background .3s ease,color .3s ease}#root{min-height:100vh;width:100vw;overflow-x:hidden;overflow-y:auto}.markdown-content{padding:12px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:16px 0 8px}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content ul,.markdown-content ol{margin:0 0 12px;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content pre:not(:has(.code-block-container)){background:linear-gradient(145deg,#1e1e2e,#2d2d3d);padding:16px 20px;border-radius:12px;overflow-x:auto;margin:16px 0;border:1px solid rgba(255,255,255,.08);max-width:100%;box-shadow:0 4px 20px #00000026}.markdown-content pre:not(:has(.code-block-container)) code{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:#e2e8f0;background:none;padding:0;border:none}.markdown-content code:not(.inline-code):not([class*=language-]){font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.9em;padding:2px 8px;background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);color:#2563eb;border-radius:6px;border:1px solid rgba(59,130,246,.2);font-weight:500}.markdown-content blockquote{margin:0 0 12px;padding-left:16px;border-left:4px solid #ddd;color:#666}.markdown-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;overflow-x:auto;display:block;max-width:100%}.markdown-content thead{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.markdown-content th{padding:12px 16px;text-align:left;font-weight:600;color:#1e293b;border:1px solid #e2e8f0;white-space:nowrap}.markdown-content td{padding:10px 16px;border:1px solid #e2e8f0;color:#475569;vertical-align:top}.markdown-content tbody tr:nth-child(2n){background:#f8fafc}.markdown-content tbody tr:hover{background:#f1f5f9}.markdown-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown-content td a{color:#3b82f6;text-decoration:none}.markdown-content td a:hover{text-decoration:underline}.markdown-content td:first-child{white-space:nowrap}.legal-page{min-height:100vh;background:var(--theme-bg);color:var(--theme-text);display:flex;flex-direction:column}.legal-header{padding:24px;border-bottom:1px solid var(--theme-border-subtle)}.legal-header-content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.legal-logo{display:flex;align-items:center;text-decoration:none}.legal-logo-img{height:40px}.legal-logo-tm{font-size:14px;color:var(--theme-primary);vertical-align:super;margin-left:2px;font-family:var(--theme-font, "Space Mono", monospace)}.legal-nav{display:flex;gap:24px}.legal-nav a{color:var(--theme-primary);text-decoration:none;font-size:14px;font-family:var(--theme-font, "Space Mono", monospace);transition:text-shadow .2s}.legal-nav a:hover{text-shadow:0 0 8px rgba(var(--theme-primary-rgb),.5)}.legal-main{flex:1}.legal-container{max-width:800px;margin:0 auto;padding:0 24px}.legal-title-section{padding:48px 0 32px;border-bottom:1px solid var(--theme-border-subtle);margin-bottom:32px}.legal-title-section h1{font-size:2rem;font-weight:700;margin:0 0 12px;font-family:var(--theme-font, "Space Mono", monospace);color:var(--theme-text)}.legal-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.legal-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--theme-text-muted);font-family:var(--theme-font, "Space Mono", monospace)}.legal-date svg{opacity:.6}.legal-version{font-size:13px;color:#555;font-family:var(--theme-font, "Space Mono", monospace);padding:2px 8px;border:1px solid var(--theme-border);border-radius:4px}.legal-content{padding:0 0 48px;line-height:1.7}.legal-content h2{font-size:1.25rem;font-weight:600;color:var(--theme-primary);margin:32px 0 12px;font-family:var(--theme-font, "Space Mono", monospace)}.legal-content h3{font-size:1.1rem;font-weight:600;color:var(--theme-text);margin:24px 0 8px}.legal-content p{color:var(--theme-text-muted);margin:0 0 16px}.legal-content ul,.legal-content ol{color:var(--theme-text-muted);padding-left:24px;margin:0 0 16px}.legal-content li{margin:6px 0}.legal-content a{color:var(--theme-primary);text-decoration:underline}.legal-content a:hover{text-shadow:0 0 8px rgba(var(--theme-primary-rgb),.5)}.legal-content strong{color:var(--theme-text)}.legal-content blockquote{margin:16px 0;padding:12px 16px;border-left:3px solid var(--theme-secondary);background:rgba(var(--theme-secondary-rgb),.05);color:var(--theme-text-muted);border-radius:0 2px 2px 0}.legal-footer-actions{padding:24px 0 48px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--theme-primary);text-decoration:none;font-size:14px;font-family:var(--theme-font, "Space Mono", monospace);transition:text-shadow .2s}.back-link:hover{text-shadow:0 0 8px rgba(var(--theme-primary-rgb),.5)}.legal-footer{border-top:1px solid var(--theme-border-subtle);padding:24px}.legal-footer-content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.legal-footer-content p{margin:0;font-size:13px;color:#555;font-family:var(--theme-font, "Space Mono", monospace)}.legal-footer-links{display:flex;gap:20px}.legal-footer-links a{color:var(--theme-text-muted);text-decoration:none;font-size:13px;font-family:var(--theme-font, "Space Mono", monospace);transition:color .2s}.legal-footer-links a:hover{color:var(--theme-primary)}@media(max-width:640px){.legal-header-content{flex-direction:column;gap:16px}.legal-title-section{padding:32px 0 24px}.legal-title-section h1{font-size:1.5rem}.legal-meta{flex-direction:column;gap:8px}.legal-footer-content{flex-direction:column;text-align:center}}.usage-display-widget{padding:10px 14px;margin:6px 10px;background:var(--theme-surface2);border:1px solid var(--theme-border-subtle);border-radius:12px;cursor:pointer;transition:all .2s ease;font-family:var(--theme-font)}.usage-display-widget:hover{border-color:rgba(var(--theme-primary-rgb),.3);background:rgba(var(--theme-primary-rgb),.04);box-shadow:0 2px 8px rgba(var(--theme-primary-rgb),.06)}.usage-display-widget.loading,.usage-display-widget.error{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--theme-text-muted);min-height:36px}.usage-widget-spinner{width:12px;height:12px;border:1.5px solid rgba(var(--theme-primary-rgb),.15);border-top-color:var(--theme-primary);border-radius:50%;animation:usageWidgetSpin .8s linear infinite;flex-shrink:0}@keyframes usageWidgetSpin{to{transform:rotate(360deg)}}.usage-widget-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.usage-widget-count{font-size:12px;font-weight:600;color:var(--theme-text)}.usage-widget-count strong{color:var(--theme-primary);font-weight:700}.usage-widget-plan{display:inline-block;padding:2px 7px;border-radius:5px;font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#000}.usage-widget-bar{width:100%;height:4px;background:var(--theme-border-subtle);border-radius:2px;overflow:hidden;margin-bottom:4px}.usage-widget-fill{height:100%;border-radius:2px;transition:width .3s ease}.usage-widget-fill.normal{background:var(--theme-primary)}.usage-widget-fill.warning{background:var(--theme-yellow)}.usage-widget-fill.critical{background:#f97316}.usage-widget-fill.exceeded{background:#ef4444}.usage-widget-reset{font-size:10px;color:var(--theme-text-muted)}.usage-display-widget.warning{border-color:#fbbf2466}.usage-display-widget.warning .usage-widget-count strong{color:var(--theme-yellow)}.usage-display-widget.critical{border-color:#f9731666}.usage-display-widget.critical .usage-widget-count strong{color:#f97316}.usage-display-widget.exceeded{border-color:#ef444466}.usage-display-widget.exceeded .usage-widget-count strong{color:#ef4444}.sidebar-collapsed{width:64px;min-width:64px;max-width:64px;flex-shrink:0;background:#fffffffa;border-right:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px 8px;gap:4px;height:100vh;box-sizing:border-box;box-shadow:2px 0 12px #0000000a;position:relative;z-index:50}.sidebar-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease;flex-shrink:0}.sidebar-icon-btn:hover{background:#f3f4f6;color:#1f2937}.sidebar-icon-btn.new-chat-btn{background:linear-gradient(135deg,#1a56db,#3b82f6);color:#fff;margin-top:8px;margin-bottom:8px;box-shadow:0 4px 12px #1a56db4d;transition:all .2s ease}.sidebar-icon-btn.new-chat-btn:hover{background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;transform:translateY(-1px);box-shadow:0 6px 16px #1a56db66}.sidebar-spacer{flex:1}.user-avatar{width:32px;height:32px;min-width:32px;border-radius:50%;background:linear-gradient(135deg,#1a56db,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;box-shadow:0 2px 8px #3b82f64d;flex-shrink:0}.user-menu-container{position:relative}.user-menu-backdrop{position:fixed;inset:0;z-index:10000}.user-menu{position:fixed;bottom:60px;left:8px;width:280px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f,0 0 0 1px #0000000d;z-index:10001;padding:8px 0;animation:menuSlideUp .15s ease}.user-menu.expanded{left:12px;bottom:60px}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-menu-email{padding:12px 16px;font-size:14px;font-weight:500;color:#1f2937;border-bottom:1px solid #E5E7EB;margin-bottom:4px;word-break:break-all}.user-menu-section{padding:4px 0}.user-menu-divider{height:1px;background:#e5e7eb;margin:4px 0}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;background:transparent;border:none;font-family:var(--font-family);font-size:14px;color:#374151;cursor:pointer;transition:all .1s ease;text-align:left}.user-menu-item:hover{background:#f3f4f6}.user-menu-item svg{color:#6b7280;flex-shrink:0}.user-menu-item.logout:hover{background:#fef2f2;color:#ef4444}.user-menu-item.logout:hover svg{color:#ef4444}.user-menu-item.theme-toggle-item{color:#6b7280}.user-menu-item.theme-toggle-item:hover{background:#f0e7ff;color:#7c3aed}.user-menu-item.theme-toggle-item:hover svg{color:#7c3aed}.user-menu-item.launch-benefits-btn{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);color:#3b82f6;border:1px solid rgba(59,130,246,.2);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #3b82f633}50%{box-shadow:0 0 8px 2px #3b82f64d}}.user-menu-item.launch-benefits-btn svg{color:#3b82f6}.user-menu-item.launch-benefits-btn:hover{background:linear-gradient(135deg,#3b82f633,#60a5fa33);border-color:#3b82f666;color:#4f46e5}.user-menu-item.launch-benefits-btn:hover svg{color:#4f46e5}.user-menu-link{text-decoration:none}.user-menu-link:hover{background:#ebf5ff;color:var(--color-primary, #1e3a8a)}.user-menu-link:hover svg{color:var(--color-primary, #1e3a8a)}.sidebar-expanded{width:280px;min-width:280px;max-width:280px;background:#fffffffa;border-right:1px solid rgba(226,232,240,.8);display:flex;flex-direction:column;height:100vh;box-shadow:4px 0 24px #00000008;flex-shrink:0;overflow-x:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;padding-left:max(16px,env(safe-area-inset-left,16px));border-bottom:1px solid #E5E7EB;width:100%;box-sizing:border-box}.sidebar-title{font-size:20px;font-weight:800;background:linear-gradient(135deg,#1a56db,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.sidebar-new-chat{padding:12px 16px 8px;padding-left:max(16px,env(safe-area-inset-left,16px))}.new-chat-btn-full{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#1a56db,#3b82f6);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #1a56db4d}.new-chat-btn-full:hover{background:linear-gradient(135deg,#1e40af,#2563eb);transform:translateY(-1px);box-shadow:0 6px 20px #1a56db66}.sidebar-nav{padding:8px 12px;padding-left:max(12px,env(safe-area-inset-left,12px))}.sidebar-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:#374151;font-size:14px;font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all .1s ease;text-align:left}.sidebar-nav-item:hover{background:#f3f4f6}.sidebar-nav-item.active{background:#eff6ff;color:#1a56db}.sidebar-nav-item svg{flex-shrink:0}.sidebar-search{position:relative;padding:8px 16px;padding-left:max(16px,env(safe-area-inset-left,16px))}.sidebar-search .search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.sidebar-search .search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #E5E7EB;border-radius:8px;outline:none;font-size:14px;color:#1f2937;background:#f9fafb;font-family:var(--font-family);transition:all .15s ease}.sidebar-search .search-input:focus{background:#fff;border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a}.sidebar-search .search-input::placeholder{color:#9ca3af}.sidebar-search .search-clear-btn{position:absolute;right:24px;top:50%;transform:translateY(-50%);padding:4px;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}.sidebar-search .search-clear-btn:hover{background:#f3f4f6;color:#6b7280}.sidebar-section-label{padding:12px 16px 8px;padding-left:max(16px,env(safe-area-inset-left,16px));font-size:12px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.sidebar-conversations{flex:1;overflow-y:auto;padding:0 8px;padding-left:max(8px,env(safe-area-inset-left,8px))}.sidebar-conversations::-webkit-scrollbar{width:8px}.sidebar-conversations::-webkit-scrollbar-track{background:transparent}.sidebar-conversations::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:4px}.sidebar-conversations::-webkit-scrollbar-thumb:hover{background:#6b7280}.no-conversations{padding:24px 16px;text-align:center;color:#9ca3af;font-size:14px}.conversation-item{display:flex;align-items:center;padding:10px 12px;margin-bottom:2px;border-radius:8px;cursor:pointer;transition:all .1s ease}.conversation-item:hover{background:#f3f4f6}.conversation-item.active{background:#eff6ff}.conversation-title{flex:1;font-size:14px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active .conversation-title{color:#1a56db;font-weight:500}.conversation-actions{display:none;gap:2px;margin-left:8px}.conversation-item:hover .conversation-actions{display:flex}.conv-action-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s ease}.conv-action-btn:hover{background:#e5e7eb;color:#1f2937}.conv-action-btn.delete:hover{background:#fee2e2;color:#ef4444}.title-input{flex:1;padding:6px 10px;font-size:14px;border:2px solid #1A56DB;border-radius:6px;background:#fff;color:#1f2937;outline:none;font-family:var(--font-family)}.sidebar-footer{padding:12px;padding-left:max(12px,env(safe-area-inset-left,12px));padding-bottom:max(12px,env(safe-area-inset-bottom,12px));border-top:1px solid #E5E7EB;flex-shrink:0;background:inherit}.user-menu-container-expanded{position:relative}.user-footer-btn{display:flex;align-items:center;gap:10px;width:100%;padding:8px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .1s ease;text-align:left}.user-footer-btn:hover{background:#f3f4f6}.user-footer-info{flex:1;min-width:0;display:flex;flex-direction:column}.user-footer-name{font-size:14px;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-footer-plan{font-size:12px;color:#9ca3af}.user-footer-btn svg{color:#9ca3af;flex-shrink:0}@media(max-width:1024px){.sidebar-expanded{position:fixed;top:0;left:0;left:env(safe-area-inset-left,0);right:auto;z-index:100;box-shadow:4px 0 24px #00000026;width:280px;min-width:280px;max-width:280px;transform:none}.sidebar-collapsed{width:64px;min-width:64px;max-width:64px;flex-shrink:0}}@media(max-width:768px){.sidebar-expanded{position:fixed;top:0;left:0;left:env(safe-area-inset-left,0);right:auto;z-index:100;box-shadow:4px 0 24px #0000001a;width:280px;min-width:280px;max-width:min(280px,85vw);transform:none}.sidebar-collapsed{width:64px;min-width:64px;max-width:64px;flex-shrink:0}.sidebar-spacer{flex:1}}@media(max-width:480px){.sidebar-collapsed{width:56px;min-width:56px;max-width:56px;padding:8px 6px}.sidebar-icon-btn{width:36px;height:36px}.user-avatar{width:28px;height:28px;font-size:12px}}.sidebar-backdrop{display:none}@media(max-width:1024px){.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0000004d;z-index:99;animation:fadeIn .2s ease}}[data-theme=dark] .sidebar-collapsed{background:#1e293bf2;border-right-color:#47556980;box-shadow:2px 0 12px #0003}[data-theme=dark] .sidebar-icon-btn{color:#94a3b8}[data-theme=dark] .sidebar-icon-btn:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .sidebar-icon-btn.new-chat-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .sidebar-icon-btn.new-chat-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 16px #3b82f680}[data-theme=dark] .sidebar-expanded{background:#1e293bf2;border-right-color:#47556980;box-shadow:4px 0 24px #0003}[data-theme=dark] .sidebar-header{border-bottom-color:#334155}[data-theme=dark] .sidebar-title{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .new-chat-btn-full{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .new-chat-btn-full:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #3b82f680}[data-theme=dark] .sidebar-nav-item{color:#cbd5e1}[data-theme=dark] .sidebar-nav-item:hover{background:#334155}[data-theme=dark] .sidebar-nav-item.active{background:#3b82f633;color:#a5b4fc}[data-theme=dark] .sidebar-search .search-input{background:#1e293b;border-color:#475569;color:#f1f5f9}[data-theme=dark] .sidebar-search .search-input:focus{background:#0f172a;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .sidebar-search .search-input::placeholder{color:#64748b}[data-theme=dark] .sidebar-search .search-icon,[data-theme=dark] .sidebar-search .search-clear-btn{color:#64748b}[data-theme=dark] .sidebar-search .search-clear-btn:hover{background:#334155;color:#94a3b8}[data-theme=dark] .sidebar-section-label,[data-theme=dark] .no-conversations{color:#64748b}[data-theme=dark] .conversation-item:hover{background:#334155}[data-theme=dark] .conversation-item.active{background:#3b82f633}[data-theme=dark] .conversation-title{color:#e2e8f0}[data-theme=dark] .conversation-item.active .conversation-title{color:#a5b4fc}[data-theme=dark] .conv-action-btn{color:#64748b}[data-theme=dark] .conv-action-btn:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .conv-action-btn.delete:hover{background:#ef444433;color:#f87171}[data-theme=dark] .title-input{background:#0f172a;border-color:#3b82f6;color:#f1f5f9}[data-theme=dark] .sidebar-footer{border-top-color:#334155}[data-theme=dark] .user-footer-btn:hover{background:#334155}[data-theme=dark] .user-footer-name{color:#f1f5f9}[data-theme=dark] .user-footer-plan{color:#64748b}[data-theme=dark] .user-footer-btn svg{color:#64748b}[data-theme=dark] .user-menu{background:#1e293b;box-shadow:0 4px 24px #0006,0 0 0 1px #47556980}[data-theme=dark] .user-menu-email{color:#f1f5f9;border-bottom-color:#334155}[data-theme=dark] .user-menu-divider{background:#334155}[data-theme=dark] .user-menu-item{color:#cbd5e1}[data-theme=dark] .user-menu-item:hover{background:#334155}[data-theme=dark] .user-menu-item svg{color:#94a3b8}[data-theme=dark] .user-menu-item.logout:hover{background:#ef444426;color:#f87171}[data-theme=dark] .user-menu-item.logout:hover svg{color:#f87171}[data-theme=dark] .user-menu-item.theme-toggle-item{color:#94a3b8}[data-theme=dark] .user-menu-item.theme-toggle-item:hover{background:#fbbf2426;color:#fbbf24}[data-theme=dark] .user-menu-item.theme-toggle-item:hover svg{color:#fbbf24}[data-theme=dark] .user-menu-item.launch-benefits-btn{background:linear-gradient(135deg,#3b82f626,#60a5fa26);color:#a5b4fc;border-color:#3b82f64d}[data-theme=dark] .user-menu-item.launch-benefits-btn svg{color:#a5b4fc}[data-theme=dark] .user-menu-item.launch-benefits-btn:hover{background:linear-gradient(135deg,#3b82f640,#60a5fa40);border-color:#3b82f680;color:#c7d2fe}[data-theme=dark] .user-menu-item.launch-benefits-btn:hover svg{color:#c7d2fe}[data-theme=dark] .user-menu-link:hover{background:#3b82f626;color:#a5b4fc}[data-theme=dark] .user-menu-link:hover svg{color:#a5b4fc}[data-theme=dark] .user-avatar{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 8px #3b82f666}[data-theme=dark] .sidebar-backdrop{background:#00000080}[data-theme=dark] .sidebar-conversations::-webkit-scrollbar-thumb{background:#64748b}[data-theme=dark] .sidebar-conversations::-webkit-scrollbar-thumb:hover{background:#94a3b8}.svg-preview-container{position:relative;margin:16px 0;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(16,185,129,.25);box-shadow:0 4px 20px #10b9811a,0 2px 8px #0000001a,inset 0 1px #ffffff0d}.svg-preview-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(180deg,#10b9811a,#10b9810d);border-bottom:1px solid rgba(16,185,129,.15);min-height:40px}.svg-language-badge{font-size:12px;font-weight:600;color:#6ee7b7;text-transform:uppercase;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;letter-spacing:.5px;padding:4px 10px;background:#10b98126;border-radius:6px;border:1px solid rgba(16,185,129,.25)}.svg-preview-actions{display:flex;align-items:center;gap:8px}.svg-toggle-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:8px;color:#6ee7b7;cursor:pointer;font-size:12px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease;outline:none}.svg-toggle-btn:hover{background:#10b98133;border-color:#10b98166;color:#a7f3d0;transform:translateY(-1px)}.svg-toggle-btn:active{transform:translateY(0)}.svg-toggle-btn svg{width:14px;height:14px;flex-shrink:0}.svg-copy-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:12px;font-weight:500;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:all .2s ease;outline:none}.svg-copy-btn:hover{background:#3b82f633;border-color:#3b82f666;color:#c7d2fe;transform:translateY(-1px)}.svg-copy-btn:active{transform:translateY(0)}.svg-copy-btn.copied{background:#10b98126;border-color:#10b9814d;color:#10b981}.svg-copy-btn svg{width:14px;height:14px;flex-shrink:0}.svg-preview-content{position:relative;min-height:100px}.svg-render{display:flex;justify-content:center;align-items:center;padding:24px;background:linear-gradient(180deg,#0000001a,#0003);min-height:120px}.svg-render svg{max-width:100%;max-height:400px;width:auto;height:auto}.svg-code-view{padding:0}.svg-error-message{padding:8px 16px;background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.svg-code{margin:0;padding:16px 20px;overflow-x:auto;background:transparent}.svg-code code{display:block;font-family:SF Mono,Monaco,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;color:#e2e8f0;background:none;padding:0;border:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;tab-size:2}.svg-code::-webkit-scrollbar{height:8px}.svg-code::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.svg-code::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.svg-code::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=dark] .svg-preview-container{background:linear-gradient(145deg,#0a0a0f,#111118);border-color:#10b9814d;box-shadow:0 4px 24px #10b98126,0 2px 12px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .svg-preview-header{background:linear-gradient(180deg,#10b98126,#10b98114);border-bottom-color:#10b98133}[data-theme=dark] .svg-language-badge{background:#10b98133;color:#a7f3d0;border-color:#10b9814d}[data-theme=dark] .svg-toggle-btn{background:#10b98126;border-color:#10b9814d;color:#a7f3d0}[data-theme=dark] .svg-toggle-btn:hover{background:#10b98140;border-color:#10b98180}[data-theme=dark] .svg-render{background:linear-gradient(180deg,#00000026,#00000040)}[data-theme=light] .svg-preview-container,:root:not([data-theme]) .svg-preview-container{background:linear-gradient(145deg,#1e293b,#0f172a);border-color:#10b98140}[data-theme=light] .svg-preview-header,:root:not([data-theme]) .svg-preview-header{background:linear-gradient(180deg,#10b9811f,#10b9810f);border-bottom-color:#10b98126}@media(max-width:768px){.svg-preview-container{border-radius:8px;margin:12px 0}.svg-preview-header{padding:8px 12px}.svg-render{padding:16px;min-height:80px}.svg-render svg{max-height:300px}.svg-code{padding:12px 14px}.svg-code code{font-size:12px}.svg-toggle-btn span,.svg-copy-btn span{display:none}.svg-toggle-btn,.svg-copy-btn{padding:6px 8px}}@keyframes svgCopyPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.svg-copy-btn.copied{animation:svgCopyPulse .4s ease-out}@media(prefers-reduced-motion:reduce){.svg-toggle-btn,.svg-copy-btn{transition:none}.svg-copy-btn.copied{animation:none}}.code-block-container{position:relative;margin:16px 0;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(59,130,246,.2);box-shadow:0 4px 20px #3b82f61a,0 2px 8px #0000001a,inset 0 1px #ffffff0d}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(180deg,#3b82f61a,#3b82f60d);border-bottom:1px solid rgba(59,130,246,.15);min-height:40px}.code-block-language{font-size:12px;font-weight:600;color:#a5b4fc;text-transform:lowercase;font-family:SF Mono,Monaco,Menlo,Consolas,monospace;letter-spacing:.5px;padding:4px 10px;background:#3b82f626;border-radius:6px;border:1px solid rgba(59,130,246,.25)}.code-block-copy{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;transition:all .2s ease;outline:none}.code-block-copy:hover{background:#3b82f633;border-color:#3b82f666;color:#c7d2fe;transform:translateY(-1px)}.code-block-copy:active{transform:translateY(0)}.code-block-copy.copied{background:#10b98126;border-color:#10b9814d;color:#10b981}.copy-icon{width:14px;height:14px;flex-shrink:0}.copy-text{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.code-block-content{margin:0;padding:16px 20px;overflow-x:auto;background:transparent;border:none}.code-block-content code{display:block;font-family:SF Mono,Monaco,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;color:#e2e8f0;background:none;padding:0;border:none;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;tab-size:2}.code-block-content::-webkit-scrollbar{height:8px}.code-block-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.code-block-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.code-block-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.inline-code{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:.9em;padding:2px 8px;background:linear-gradient(135deg,#3b82f61f,#60a5fa1f);color:#818cf8;border-radius:6px;border:1px solid rgba(59,130,246,.2);font-weight:500;white-space:nowrap}[data-theme=dark] .code-block-container{background:linear-gradient(145deg,#0a0a0f,#111118);border-color:#3b82f64d;box-shadow:0 4px 24px #3b82f626,0 2px 12px #0000004d,inset 0 1px #ffffff0d}[data-theme=dark] .code-block-header{background:linear-gradient(180deg,#3b82f626,#3b82f614);border-bottom-color:#3b82f633}[data-theme=dark] .code-block-language{background:#3b82f633;color:#c7d2fe;border-color:#3b82f64d}[data-theme=dark] .code-block-copy{background:#3b82f626;border-color:#3b82f64d;color:#c7d2fe}[data-theme=dark] .code-block-copy:hover{background:#3b82f640;border-color:#3b82f680}[data-theme=dark] .inline-code{background:linear-gradient(135deg,#3b82f62e,#60a5fa2e);color:#a5b4fc;border-color:#3b82f64d}[data-theme=light] .code-block-container,:root:not([data-theme]) .code-block-container{background:linear-gradient(145deg,#1e293b,#0f172a);border-color:#3b82f640;box-shadow:0 4px 20px #3b82f61a,0 2px 8px #00000014}[data-theme=light] .code-block-header,:root:not([data-theme]) .code-block-header{background:linear-gradient(180deg,#3b82f61f,#3b82f60f);border-bottom-color:#3b82f626}[data-theme=light] .code-block-language,:root:not([data-theme]) .code-block-language{background:#3b82f626;color:#93c5fd;border-color:#3b82f640}[data-theme=light] .code-block-copy,:root:not([data-theme]) .code-block-copy{background:#3b82f61a;border-color:#3b82f640;color:#93c5fd}[data-theme=light] .code-block-copy:hover,:root:not([data-theme]) .code-block-copy:hover{background:#3b82f633;border-color:#3b82f666;color:#bfdbfe}[data-theme=light] .inline-code,:root:not([data-theme]) .inline-code{background:linear-gradient(135deg,#3b82f61a 0% 100%);color:#1d4ed8;border-color:#3b82f640}@media(max-width:768px){.code-block-container{border-radius:8px;margin:12px 0}.code-block-header{padding:8px 12px}.code-block-content{padding:12px 14px}.code-block-content code{font-size:12px}.copy-text{display:none}.code-block-copy{padding:6px 8px}}@keyframes copyPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.code-block-copy.copied{animation:copyPulse .4s ease-out}@media(prefers-reduced-motion:reduce){.code-block-copy{transition:none}.code-block-copy.copied{animation:none}}.streaming-text{position:relative;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.streaming-text.streaming{cursor:pointer}.streaming-plain-text{white-space:pre-wrap;word-wrap:break-word;word-break:break-word}.streaming-cursor{display:inline;color:#2563eb;font-weight:400;animation:cursorBlink .8s ease-in-out infinite;margin-left:1px}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}@media(prefers-reduced-motion:reduce){.streaming-cursor{animation:none;opacity:1}}.stage{margin:24px 0;padding:24px;background:linear-gradient(135deg,#0066cc08,#00499908);border-radius:var(--radius-lg);border:2px solid rgba(0,102,204,.15);box-shadow:var(--shadow-md);animation:slideIn .4s ease;overflow:hidden;max-width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.stage-title{margin:0 0 20px;color:var(--color-text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;display:flex;align-items:center;gap:10px}.stage-title:before{content:"";width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tab{padding:10px 18px;background:var(--color-bg-white);border:2px solid rgba(0,102,204,.2);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.tab:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.tab:hover{background:linear-gradient(135deg,#0066cc0d,#0049990d);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}.tab:hover:before{transform:scaleX(1)}.tab.active{background:var(--color-bg-white);color:var(--color-primary);border-color:var(--color-primary);border-bottom-color:var(--color-bg-white);font-weight:700;box-shadow:0 -2px 10px #06c3}.tab.active:before{transform:scaleX(1)}.tab-content{background:var(--color-bg-white);padding:20px;border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);border:2px solid rgba(0,102,204,.2);box-shadow:var(--shadow-sm);animation:tabFadeIn .3s ease;overflow-x:auto;max-width:100%}.tab{display:flex;align-items:center;gap:8px}.tab-model-name{white-space:nowrap}.tab-token-badge{font-size:11px;font-weight:500;color:var(--color-text-secondary);background:#0066cc1a;padding:2px 6px;border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace}.tab.active .tab-token-badge{background:#0066cc26;color:var(--color-primary)}.model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px}.model-name{color:var(--color-text-secondary);font-size:12px;font-family:Monaco,Menlo,monospace;font-weight:600;padding:6px 10px;background:linear-gradient(135deg,#0066cc1a,#0049991a);border-radius:var(--radius-sm);display:inline-block}.model-meta{display:flex;align-items:center;gap:8px}.truncation-badge{font-size:11px;font-weight:600;color:#b45309;background:#fbbf2426;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,.3)}.token-count{font-size:11px;font-weight:500;color:var(--color-text-secondary);font-family:Monaco,Menlo,monospace;background:#6b72801a;padding:4px 8px;border-radius:var(--radius-sm)}.response-text{color:var(--color-text-primary);line-height:1.7;font-size:15px;word-wrap:break-word;overflow-wrap:break-word}.stage1-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.stage1-header .stage-title{margin:0}.failed-models-indicator{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#dc2626;font-size:12px;font-weight:500}.loading-indicator{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0066cc1a;border:1px solid rgba(0,102,204,.3);border-radius:var(--radius-md);color:var(--color-primary);font-size:12px;font-weight:500}.loading-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-loading 1s ease-in-out infinite}@keyframes pulse-loading{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.tab.new{border-color:var(--color-primary);background:#0066cc1a}.failed-models-banner{display:flex;flex-wrap:wrap;gap:8px;padding:12px;margin-bottom:16px;background:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md)}.failed-model-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ef44441a;border-radius:var(--radius-sm)}.failed-model-name{font-size:12px;font-weight:600;color:var(--color-text-primary);font-family:Monaco,Menlo,monospace}.failed-model-reason{font-size:11px;color:#dc2626;font-weight:500}[data-theme=dark] .stage{background:linear-gradient(135deg,#3b82f614,#4f46e514);border-color:#3b82f64d}[data-theme=dark] .tab{background:#1e293b;border-color:#3b82f64d;color:#94a3b8}[data-theme=dark] .tab:hover{background:#3b82f626;color:#a5b4fc;border-color:#3b82f6}[data-theme=dark] .tab.active{background:#1e293b;color:#a5b4fc;border-color:#3b82f6;border-bottom-color:#1e293b}[data-theme=dark] .tab-content{background:#1e293b;border-color:#3b82f64d}[data-theme=dark] .model-name{background:linear-gradient(135deg,#3b82f633,#4f46e533);color:#a5b4fc}[data-theme=dark] .tab-token-badge{background:#3b82f633;color:#a5b4fc}[data-theme=dark] .token-count{background:#94a3b833;color:#94a3b8}[data-theme=dark] .response-text{color:#e2e8f0}[data-theme=dark] .failed-models-banner{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .failed-model-item{background:#ef444426}[data-theme=dark] .failed-model-name{color:#f1f5f9}.tab.streaming{border-color:#06c6;background:linear-gradient(135deg,#0066cc14,#00499914)}.tab-streaming-badge{display:flex;align-items:center}.streaming-badge{font-size:11px;font-weight:600;color:var(--color-primary);background:#0066cc1a;padding:4px 8px;border-radius:var(--radius-sm);border:1px solid rgba(0,102,204,.3);animation:pulse-opacity 1.5s ease-in-out infinite}.tab-streaming-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-streaming 1s ease-in-out infinite}.streaming-indicator{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-primary);background:#0066cc1a;padding:4px 10px;border-radius:var(--radius-sm)}.streaming-dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;animation:pulse-streaming 1s ease-in-out infinite}.streaming-placeholder{display:flex;align-items:center;gap:8px;padding:16px;color:var(--color-text-secondary);font-style:italic}.response-text.markdown-content .streaming-text{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;word-wrap:break-word;overflow-wrap:break-word}.response-text.markdown-content .streaming-text.streaming p{margin-bottom:.5em}.pulse-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-streaming 1s ease-in-out infinite}[data-theme=dark] .tab.streaming{border-color:#3b82f680;background:linear-gradient(135deg,#3b82f61f,#4f46e51f)}[data-theme=dark] .tab-streaming-dot,[data-theme=dark] .streaming-dot,[data-theme=dark] .pulse-dot{background:#a5b4fc}[data-theme=dark] .streaming-indicator{color:#a5b4fc;background:#3b82f633}[data-theme=dark] .streaming-badge{color:#a5b4fc;background:#3b82f633;border-color:#3b82f666}.divergence-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .625rem;background:var(--bg-secondary, #f5f5f5);border-radius:6px;font-size:.75rem}.divergence-indicator.high-diversity{background:#10b9811a;color:var(--success-color, #10b981)}.divergence-indicator.medium-diversity{background:#f59e0b1a;color:var(--warning-color, #f59e0b)}.divergence-indicator.low-diversity{background:#ef44441a;color:var(--danger-color, #ef4444)}.divergence-bar-container{width:60px;height:6px;background:#0000001a;border-radius:3px;overflow:hidden}.divergence-bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.high-diversity .divergence-bar-fill{background:var(--success-color, #10b981)}.medium-diversity .divergence-bar-fill{background:var(--warning-color, #f59e0b)}.low-diversity .divergence-bar-fill{background:var(--danger-color, #ef4444)}.divergence-label{font-weight:500;white-space:nowrap}.consensus-alert{display:flex;align-items:center;gap:.5rem;margin-left:.5rem;padding-left:.5rem;border-left:1px solid rgba(0,0,0,.1)}.alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon svg{color:currentColor}.alert-text{font-size:.6875rem;color:var(--text-secondary, #6b7280);max-width:200px;line-height:1.3}.switch-mode-btn{padding:.25rem .5rem;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:4px;font-size:.6875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s ease}.switch-mode-btn:hover{background:var(--primary-hover, #4f46e5)}@media(prefers-color-scheme:dark){.divergence-indicator{background:#ffffff0d}.divergence-indicator.high-diversity{background:#10b98126}.divergence-indicator.medium-diversity{background:#f59e0b26}.divergence-indicator.low-diversity{background:#ef444426}.divergence-bar-container{background:#ffffff1a}.consensus-alert{border-left-color:#ffffff1a}.alert-text{color:var(--text-secondary, #9ca3af)}}@media(max-width:640px){.divergence-indicator{flex-wrap:wrap}.consensus-alert{width:100%;margin-left:0;padding-left:0;border-left:none;margin-top:.25rem;padding-top:.25rem;border-top:1px solid rgba(0,0,0,.1)}.alert-text{max-width:none;flex:1}}.provider-contributions{display:flex;flex-direction:column;gap:12px}.contributions-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-primary, #fff);margin:0}.contributions-title svg{color:var(--text-secondary, #888)}.contributions-list{display:flex;flex-direction:column;gap:10px}.contribution-item{display:flex;flex-direction:column;gap:4px}.contribution-label{display:flex;align-items:center;gap:8px;font-size:12px}.provider-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.provider-name{color:var(--text-primary, #fff);flex-grow:1}.contribution-percent{color:var(--text-secondary, #888);font-weight:500}.contribution-bar-container{height:6px;background:var(--bg-tertiary, rgba(255, 255, 255, .05));border-radius:3px;overflow:hidden}.contribution-bar{height:100%;border-radius:3px;transition:width .3s ease}@media(max-width:640px){.contribution-label{font-size:11px}.contribution-bar-container{height:5px}}.agreements-list{display:flex;flex-direction:column;gap:12px}.agreements-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#00ffd1;margin:0;font-family:Space Mono,monospace;text-shadow:0 0 10px rgba(0,255,209,.3)}.agreements-items{display:flex;flex-direction:column;gap:8px}.agreement-item{padding:10px 12px;background:#00ffd108;border:1px solid rgba(0,255,209,.1);border-radius:2px}.agreement-content{display:flex;flex-direction:column;gap:8px}.agreement-text{font-size:13px;color:#e0e0e0;margin:0;line-height:1.4}.agreement-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.agreement-confidence{font-size:11px;font-weight:500;color:#00ffd1;padding:2px 6px;background:#00ffd114;border-radius:2px;font-family:Space Mono,monospace}.agreeing-providers{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.provider-tag{font-size:11px;padding:2px 6px;background:#111118;border-radius:2px;color:#888;border:1px solid rgba(0,255,209,.05)}.show-more-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background:transparent;border:1px solid rgba(0,255,209,.15);border-radius:2px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background:#00ffd10d;color:#00ffd1;border-color:#00ffd1}.disagreements-list{display:flex;flex-direction:column;gap:12px}.disagreements-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#ff006e;margin:0;font-family:Space Mono,monospace;text-shadow:0 0 10px rgba(255,0,110,.3)}.disagreements-items{display:flex;flex-direction:column;gap:8px}.disagreement-item{background:#ff006e08;border:1px solid rgba(255,0,110,.1);border-radius:2px;overflow:hidden}.disagreement-item.severity-major{border-color:#ff006e33;background:#ff006e0d}.disagreement-item.severity-moderate{border-color:#ff006e26}.disagreement-item.severity-minor{border-color:#ffe60026;background:#ffe60008}.disagreement-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;cursor:pointer;color:inherit;text-align:left}.disagreement-header:hover{background:#ff006e08}.disagreement-topic{display:flex;align-items:center;gap:8px}.severity-badge{font-size:10px;font-weight:500;text-transform:uppercase;padding:2px 6px;border-radius:2px;font-family:Space Mono,monospace}.severity-badge.severity-major{background:#ff006e26;color:#ff006e}.severity-badge.severity-moderate{background:#ff006e1a;color:#ff006e}.severity-badge.severity-minor{background:#ffe6001a;color:#ffe600}.topic-text{font-size:13px;color:#e0e0e0}.disagreement-header svg{color:#888;transition:transform .2s ease}.disagreement-positions{padding:12px;border-top:1px solid rgba(255,0,110,.08);display:flex;flex-direction:column;gap:8px}.position-item{display:flex;flex-direction:column;gap:2px;padding:8px;background:#111118;border-radius:2px;border:1px solid rgba(0,255,209,.03)}.position-provider{font-size:11px;font-weight:500;color:#888;font-family:Space Mono,monospace}.position-text{font-size:12px;color:#e0e0e0;line-height:1.4}.show-more-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;background:transparent;border:1px solid rgba(255,0,110,.15);border-radius:2px;color:#888;font-size:12px;cursor:pointer;transition:all .2s ease}.show-more-btn:hover{background:#ff006e0d;color:#ff006e;border-color:#ff006e}.consensus-analysis{background:var(--bg-secondary, #1a1a2e);border-radius:8px;margin-top:12px;border:1px solid var(--border-color, #2a2a4a);overflow:hidden}.consensus-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;cursor:pointer;color:inherit;text-align:left}.consensus-header:hover{background:var(--bg-hover, rgba(255, 255, 255, .05))}.consensus-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.confidence-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:500}.confidence-badge.high{background:#22c55e26;color:#22c55e}.confidence-badge.medium{background:#eab30826;color:#eab308}.confidence-badge.low{background:#ef444426;color:#ef4444}.consensus-stats{display:flex;align-items:center;gap:12px}.stat{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--text-secondary, #888)}.stat.agreement-stat{color:#22c55e}.stat.disagreement-stat{color:#f97316}.stat.claims-stat{color:var(--text-secondary, #888)}.meta-synthesis-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:8px;font-size:11px;background:#60a5fa26;color:#a78bfa}.expand-indicator{color:var(--text-secondary, #888);transition:transform .2s ease}.expand-indicator svg{transition:transform .2s ease}.consensus-details{padding:16px;border-top:1px solid var(--border-color, #2a2a4a);display:flex;flex-direction:column;gap:16px}.consensus-strategy{display:flex;align-items:center;gap:8px;font-size:13px}.strategy-label{color:var(--text-secondary, #888)}.strategy-value{color:var(--text-primary, #fff);font-weight:500}.consensus-reasoning{font-size:13px;color:var(--text-secondary, #888);line-height:1.5;padding:12px;background:var(--bg-tertiary, rgba(255, 255, 255, .03));border-radius:6px}.consensus-reasoning p{margin:0}.low-confidence-warning{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#eab3081a;border:1px solid rgba(234,179,8,.2);border-radius:6px;font-size:13px;color:#eab308}.low-confidence-warning svg{flex-shrink:0}.synthesis-upgrade-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border:1px solid rgba(96,165,250,.3);border-radius:8px;margin-top:4px}.synthesis-upgrade-prompt .upgrade-content{display:flex;align-items:center;gap:12px}.synthesis-upgrade-prompt .upgrade-content svg{flex-shrink:0;color:#a78bfa}.synthesis-upgrade-prompt .upgrade-text{display:flex;flex-direction:column;gap:2px}.synthesis-upgrade-prompt .upgrade-text strong{font-size:14px;color:var(--text-primary, #fff)}.synthesis-upgrade-prompt .upgrade-text span{font-size:12px;color:var(--text-secondary, #888)}.synthesis-upgrade-prompt .upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.synthesis-upgrade-prompt .upgrade-btn:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:translateY(-1px)}@media(max-width:640px){.consensus-summary,.consensus-stats{gap:8px}.stat{font-size:11px}.synthesis-upgrade-prompt{flex-direction:column;align-items:flex-start;gap:12px}.synthesis-upgrade-prompt .upgrade-btn{width:100%;justify-content:center}}.consensus-streaming-panel{background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);border-radius:8px;padding:16px;margin-top:12px;display:flex;flex-direction:column;gap:12px}.streaming-header{display:flex;align-items:center;justify-content:space-between}.streaming-status{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.status-dot.connected{background:#22c55e}.status-dot.disconnected{background:#ef4444;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stage-label{font-size:13px;font-weight:500;color:var(--text-primary, #fff)}.streaming-meta{display:flex;align-items:center;gap:12px}.elapsed-time{font-size:12px;font-weight:600;color:#a78bfa;font-variant-numeric:tabular-nums}.progress-text{font-size:12px;color:var(--text-secondary, #888);font-variant-numeric:tabular-nums}.progress-bar-container{height:4px;background:var(--bg-tertiary, rgba(255, 255, 255, .05));border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:2px;transition:width .3s ease}.streaming-stages{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0}.stage-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.stage-indicator svg{color:#22c55e}.stage-indicator .stage-dot{width:8px;height:8px;border-radius:50%;background:var(--bg-tertiary, rgba(255, 255, 255, .15));transition:all .3s ease}.stage-indicator .stage-dot.active{width:10px;height:10px;background:#60a5fa;box-shadow:0 0 8px #60a5fa80;animation:stagePulse 1s ease-in-out infinite}.stage-indicator.complete .stage-dot{background:#22c55e}@keyframes stagePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.streaming-stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-tertiary, #555);opacity:.5;transition:opacity .3s ease,color .3s ease}.stat-item.has-data{opacity:1;color:var(--text-secondary, #888)}.stat-item.claims svg{color:#a78bfa}.stat-item.agreements{color:#22c55e}.stat-item.agreements svg{color:#22c55e}.stat-item.disagreements{color:#f97316}.stat-item.disagreements svg{color:#f97316}.stat-item.confidence{color:#3b82f6}.stat-item.confidence svg{color:#3b82f6}.latest-claim{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:var(--bg-tertiary, rgba(255, 255, 255, .03));border-radius:6px;font-size:12px}.claim-label{color:var(--text-secondary, #888);flex-shrink:0}.claim-text{color:var(--text-primary, #fff);font-style:italic}.meta-synthesis-notice{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2);border-radius:6px;font-size:12px;color:#a78bfa}@media(max-width:640px){.streaming-stats{gap:10px}.stat-item{font-size:11px}}.stage2{background:linear-gradient(135deg,#3385d60d,#0052a30d);border-color:#3385d64d}.stage2 h4{margin:20px 0 12px;color:var(--color-text-primary);font-size:16px;font-weight:700}.stage2 h4:first-of-type{margin-top:0}.stage-description{margin:0 0 16px;color:var(--color-text-secondary);font-size:14px;line-height:1.7;padding:12px 16px;background:linear-gradient(135deg,#3385d614,#0052a314);border-left:3px solid #3385D6;border-radius:var(--radius-sm)}.aggregate-rankings{background:linear-gradient(135deg,#10b98114,#05966914);padding:20px;border-radius:var(--radius-lg);margin-bottom:24px;border:2px solid rgba(16,185,129,.3);box-shadow:0 4px 12px #10b98126}.aggregate-rankings h4{margin:0 0 16px;color:#10b981;font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}.aggregate-rankings h4:before{content:"🏆";font-size:20px}.aggregate-list{display:flex;flex-direction:column;gap:10px}.aggregate-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-bg-white);border-radius:var(--radius-md);border:2px solid rgba(16,185,129,.2);transition:all .3s ease;box-shadow:var(--shadow-sm)}.aggregate-item:hover{transform:translate(5px);box-shadow:var(--shadow-md);border-color:#10b981}.rank-position{color:#10b981;font-weight:800;font-size:18px;min-width:40px;height:40px;background:var(--gradient-success);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #10b9814d}.rank-model{flex:1;color:var(--color-text-primary);font-family:Monaco,Menlo,monospace;font-size:14px;font-weight:600}.rank-score{color:var(--color-text-secondary);font-size:13px;font-family:Monaco,Menlo,monospace;font-weight:600;padding:4px 10px;background:linear-gradient(135deg,#10b9811a,#0596691a);border-radius:var(--radius-sm)}.stage2 .tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.stage2 .tab{padding:10px 18px;background:var(--color-bg-white);border:2px solid rgba(51,133,214,.3);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.stage2 .tab:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-secondary);transform:scaleX(0);transition:transform .3s ease}.stage2 .tab:hover{background:linear-gradient(135deg,#3385d614,#0052a314);color:#3385d6;border-color:#3385d6;transform:translateY(-2px)}.stage2 .tab:hover:before{transform:scaleX(1)}.stage2 .tab.active{background:var(--color-bg-white);color:#3385d6;border-color:#3385d6;border-bottom-color:var(--color-bg-white);font-weight:700;box-shadow:0 -2px 10px #3385d633}.stage2 .tab.active:before{transform:scaleX(1)}.stage2 .tab-content{background:var(--color-bg-white);padding:20px;border-radius:0 var(--radius-md) var(--radius-md) var(--radius-md);border:2px solid rgba(51,133,214,.3);margin-bottom:20px;box-shadow:var(--shadow-sm);animation:tabFadeIn .3s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ranking-model{color:var(--color-text-secondary);font-size:12px;font-family:Monaco,Menlo,monospace;margin-bottom:14px;font-weight:600;padding:6px 10px;background:linear-gradient(135deg,#3385d61a,#0052a31a);border-radius:var(--radius-sm);display:inline-block}.ranking-content{color:var(--color-text-primary);line-height:1.7;font-size:15px}.parsed-ranking{margin-top:20px;padding-top:20px;border-top:2px solid rgba(51,133,214,.2)}.parsed-ranking strong{color:#3385d6;font-size:14px;font-weight:700}.parsed-ranking ol{margin:12px 0 0;padding-left:28px;color:var(--color-text-primary)}.parsed-ranking li{margin:8px 0;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:500}.rank-count{color:var(--color-text-secondary);font-size:12px;font-weight:600}.synthesis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.synthesis-header .stage-title{margin:0}.synthesis-meta{display:flex;align-items:center;gap:8px}.synthesis-model-name{font-size:13px;color:var(--color-text-secondary);font-weight:500}.selection-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.selection-badge.auto{color:#3b82f6;background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.selection-badge.fallback{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.synthesis-info-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;background:#3385d60d;border-radius:var(--radius-sm);flex-wrap:wrap;gap:8px}.sources-count{font-size:12px;color:var(--color-text-secondary);font-weight:500}.synthesis-tokens{font-size:11px;font-weight:500;color:var(--color-text-secondary);font-family:Monaco,Menlo,monospace;background:#6b72801a;padding:4px 8px;border-radius:var(--radius-sm)}.final-response{background:var(--color-bg-white);padding:20px;border-radius:var(--radius-md);border:2px solid rgba(51,133,214,.2);box-shadow:var(--shadow-sm)}[data-theme=dark] .stage2{background:linear-gradient(135deg,#3b82f614,#4f46e514);border-color:#3b82f64d}[data-theme=dark] .stage-description{background:linear-gradient(135deg,#3b82f626,#4f46e526);border-left-color:#3b82f6;color:#e2e8f0}[data-theme=dark] .aggregate-rankings{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b98166}[data-theme=dark] .aggregate-item{background:#1e293b;border-color:#10b9814d}[data-theme=dark] .aggregate-item:hover{border-color:#10b981}[data-theme=dark] .rank-model{color:#f1f5f9}[data-theme=dark] .rank-score{background:linear-gradient(135deg,#10b98133,#05966933);color:#34d399}[data-theme=dark] .stage2 .tab{background:#1e293b;border-color:#3b82f64d;color:#94a3b8}[data-theme=dark] .stage2 .tab:hover{background:#3b82f626;color:#a5b4fc;border-color:#3b82f6}[data-theme=dark] .stage2 .tab.active{background:#1e293b;color:#a5b4fc;border-color:#3b82f6;border-bottom-color:#1e293b}[data-theme=dark] .stage2 .tab-content{background:#1e293b;border-color:#3b82f64d}[data-theme=dark] .ranking-model{background:linear-gradient(135deg,#3b82f633,#4f46e533);color:#a5b4fc}[data-theme=dark] .ranking-content{color:#e2e8f0}[data-theme=dark] .parsed-ranking{border-top-color:#3b82f64d}[data-theme=dark] .parsed-ranking strong{color:#a5b4fc}[data-theme=dark] .parsed-ranking ol{color:#e2e8f0}[data-theme=dark] .synthesis-info-bar{background:#3b82f61a}[data-theme=dark] .sources-count{color:#94a3b8}[data-theme=dark] .synthesis-tokens{background:#94a3b833;color:#94a3b8}[data-theme=dark] .final-response{background:#1e293b;border-color:#3b82f64d}.resynthesize-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(51,133,214,.2)}.resynthesize-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#f59e0b1a,#ea580c1a);border:1px solid rgba(245,158,11,.4);border-radius:var(--radius-md);color:#d97706;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.resynthesize-button:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b33,#ea580c33);border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b33}.resynthesize-button:disabled{opacity:.7;cursor:not-allowed}.resynthesize-button.loading{background:#6b72801a;border-color:#6b72804d;color:#6b7280}.resynthesize-icon{flex-shrink:0}.resynthesize-button .loading-spinner{width:14px;height:14px;border:2px solid rgba(107,114,128,.3);border-top-color:#6b7280;border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .resynthesize-section{border-top-color:#3b82f633}[data-theme=dark] .resynthesize-button{background:linear-gradient(135deg,#fbbf2426,#f59e0b26);border-color:#fbbf2466;color:#fbbf24}[data-theme=dark] .resynthesize-button:hover:not(:disabled){background:linear-gradient(135deg,#fbbf2440,#f59e0b40);border-color:#fbbf24}.synthesis-model-name.streaming{display:flex;align-items:center;gap:8px;color:var(--color-primary);animation:pulse-opacity 1.5s ease-in-out infinite}.synthesis-model-name .streaming-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse-streaming 1s ease-in-out infinite}@keyframes pulse-streaming{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}@keyframes pulse-opacity{0%,to{opacity:.7}50%{opacity:1}}[data-theme=dark] .synthesis-model-name.streaming{color:#a5b4fc}[data-theme=dark] .synthesis-model-name .streaming-dot{background:#a5b4fc}.token-summary{margin-top:16px;border-top:1px solid rgba(0,102,204,.1);padding-top:12px}.token-summary-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#6b72800d;border:1px solid rgba(107,114,128,.15);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;width:fit-content}.token-summary-toggle:hover{background:#6b72801a;border-color:#6b728040}.token-icon{opacity:.7}.token-total{font-family:Monaco,Menlo,monospace}.chevron-icon{transition:transform .2s ease;opacity:.6}.chevron-icon.open{transform:rotate(180deg)}.token-breakdown{margin-top:12px;background:var(--color-bg-white);border-radius:var(--radius-md);border:1px solid rgba(107,114,128,.15);overflow:hidden;animation:slideDown .2s ease}.token-breakdown table{width:100%;border-collapse:collapse;font-size:12px}.token-breakdown th,.token-breakdown td{padding:8px 12px;text-align:left}.token-breakdown th{background:#6b72800d;color:var(--color-text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(107,114,128,.15)}.token-breakdown tbody tr{border-bottom:1px solid rgba(107,114,128,.08)}.token-breakdown tbody tr:hover{background:#6b728008}.token-breakdown tfoot{background:#6b72800d}.token-breakdown tfoot tr{border-top:1px solid rgba(107,114,128,.15)}.model-cell{font-family:Monaco,Menlo,monospace;font-size:11px;color:var(--color-text-primary)}.stage-cell{width:90px}.stage-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:600;border-radius:var(--radius-sm);text-transform:capitalize}.stage-badge.response{background:#3b82f61a;color:#3b82f6}.stage-badge.synthesis{background:#60a5fa1a;color:#60a5fa}.token-cell{font-family:Monaco,Menlo,monospace;text-align:right;color:var(--color-text-secondary);width:70px}.upgrade-prompt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#fbbc0426,#f9ab0026);border:2px solid #f59e0b;border-radius:var(--radius-md);margin-bottom:16px;animation:slideDown .4s ease-out;box-shadow:0 4px 12px #fbbc0433}.upgrade-prompt-exceeded{background:linear-gradient(135deg,#ef44441f,#dc26261f);border-color:#ef4444;box-shadow:0 4px 12px #ef444433}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}.upgrade-prompt-content{display:flex;align-items:center;gap:14px;flex:1}.upgrade-prompt-icon{flex-shrink:0;color:#f59e0b;display:flex;align-items:center;justify-content:center;font-size:24px;width:40px;height:40px;background:#fffc;border-radius:50%;box-shadow:var(--shadow-sm)}.upgrade-prompt-exceeded .upgrade-prompt-icon{color:#ef4444}.upgrade-prompt-text{flex:1}.upgrade-prompt-text p{margin:0;font-size:14px;color:#92400e;line-height:1.6;font-weight:500}.upgrade-prompt-exceeded .upgrade-prompt-text p{color:#991b1b}.upgrade-prompt-text strong{font-weight:700;color:#78350f}.upgrade-prompt-exceeded .upgrade-prompt-text strong{color:#7f1d1d}.upgrade-prompt-btn{flex-shrink:0;padding:10px 20px;font-size:14px;font-weight:700;background:#fff;color:#f59e0b;border:2px solid #f59e0b;border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:var(--shadow-sm)}.upgrade-prompt-btn:hover{background:#f59e0b;color:#fff;box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.upgrade-prompt-btn:active{transform:translateY(0)}.upgrade-prompt-exceeded .upgrade-prompt-btn{color:#ef4444;border-color:#ef4444}.upgrade-prompt-exceeded .upgrade-prompt-btn:hover{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444466}@media(max-width:640px){.upgrade-prompt{flex-direction:column;align-items:stretch;gap:14px;padding:14px 16px}.upgrade-prompt-btn{width:100%;text-align:center;justify-content:center}}.retry-waiting-ui{background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:24px;margin:12px 0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.retry-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.retry-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.retry-icon svg{width:20px;height:20px}.retry-icon.pulse{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{box-shadow:0 0 #3b82f666}50%{box-shadow:0 0 20px 10px #3b82f600}}.retry-title{font-size:16px;font-weight:600;color:#1e293b}.retry-model-info{display:flex;align-items:center;gap:8px;margin-bottom:20px;flex-wrap:wrap}.retry-model-badge{background:#3b82f626;color:#2563eb;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.retry-reason{color:#64748b;font-size:13px}.retry-progress-container{margin-bottom:20px}.retry-progress-bar{height:8px;background:#fff9;border-radius:4px;overflow:hidden;margin-bottom:8px}.retry-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa,#a855f7);background-size:200% 100%;border-radius:4px;transition:width .3s ease;animation:progressShimmer 2s linear infinite}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.retry-time-remaining{display:flex;align-items:center;gap:6px;justify-content:flex-end}.retry-time-value{font-size:20px;font-weight:700;color:#2563eb;font-variant-numeric:tabular-nums}.retry-time-label{font-size:12px;color:#64748b}.retry-message{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff9;border-radius:10px;animation:messageFade 3s ease-in-out}@keyframes messageFade{0%,to{opacity:1}50%{opacity:.7}}.retry-message-icon{width:24px;height:24px;color:#3b82f6;animation:iconBounce 2s ease-in-out infinite;flex-shrink:0}.retry-message-icon svg{width:100%;height:100%}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.retry-message-text{font-size:14px;color:#475569;font-weight:500}.retry-attempt-badge{margin-top:12px;text-align:center;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}@media(prefers-color-scheme:dark){.retry-waiting-ui{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#3b82f64d}.retry-title{color:#e2e8f0}.retry-model-badge{background:#3b82f640;color:#a5b4fc}.retry-reason{color:#94a3b8}.retry-progress-bar{background:#ffffff1a}.retry-time-value{color:#a5b4fc}.retry-time-label{color:#94a3b8}.retry-message{background:#ffffff1a}.retry-message-icon{color:#a5b4fc}.retry-message-text{color:#cbd5e1}.retry-attempt-badge{color:#64748b}}@media(max-width:480px){.retry-waiting-ui{padding:16px}.retry-header{gap:10px}.retry-icon{width:36px;height:36px}.retry-icon svg{width:18px;height:18px}.retry-title{font-size:14px}.retry-model-badge{font-size:12px;padding:3px 10px}.retry-reason{font-size:12px}.retry-time-value{font-size:18px}.retry-message{padding:10px 12px}.retry-message-icon{width:20px;height:20px}.retry-message-text{font-size:13px}}.file-upload-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease}.file-upload-btn:hover:not(:disabled){background:#3b82f61a;color:#3b82f6}.file-upload-btn:disabled{opacity:.4;cursor:not-allowed}.file-upload-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.file-input-hidden{display:none}[data-theme=dark] .file-upload-btn{color:#9ca3af}[data-theme=dark] .file-upload-btn:hover:not(:disabled){background:#3b82f626;color:#a5b4fc}.tool-call-card{background:var(--bg-tool, #f8fafc);border:1px solid var(--border-tool, #e2e8f0);border-radius:8px;margin:8px 0;overflow:hidden;transition:border-color .2s ease}.tool-call-card:hover{border-color:var(--border-tool-hover, #cbd5e1)}.tool-call-card.tool-status-executing{border-left:3px solid var(--color-executing, #3b82f6)}.tool-call-card.tool-status-success{border-left:3px solid var(--color-success, #10b981)}.tool-call-card.tool-status-error{border-left:3px solid var(--color-error, #ef4444)}.tool-call-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left}.tool-call-header:hover{background:var(--bg-tool-hover, #f1f5f9)}.tool-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.tool-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.tool-header-left svg{flex-shrink:0;color:var(--color-tool-icon, #64748b)}.tool-name{font-weight:500;font-size:13px;color:var(--text-primary, #1e293b)}.tool-query{font-size:12px;color:var(--text-secondary, #64748b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.tool-time{font-size:11px;color:var(--text-muted, #94a3b8)}.tool-expand-icon{color:var(--text-muted, #94a3b8);transition:transform .2s ease}.tool-expand-icon.expanded{transform:rotate(180deg)}.tool-status-spinner{width:14px;height:14px;border:2px solid var(--border-spinner, #e2e8f0);border-top-color:var(--color-executing, #3b82f6);border-radius:50%;animation:tool-spin .8s linear infinite}@keyframes tool-spin{to{transform:rotate(360deg)}}.tool-call-content{padding:0 12px 12px;border-top:1px solid var(--border-tool, #e2e8f0);background:var(--bg-tool-content, #ffffff)}.tool-section{margin-top:10px}.tool-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);margin-bottom:4px}.tool-args{font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;background:var(--bg-code, #f1f5f9);padding:8px;border-radius:4px}.tool-arg{display:flex;gap:6px}.tool-arg-key{color:var(--color-arg-key, #3b82f6)}.tool-arg-value{color:var(--text-primary, #1e293b)}.tool-result{font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;background:var(--bg-code, #f1f5f9);padding:10px;border-radius:4px;color:var(--text-primary, #1e293b)}.tool-result.tool-error{background:var(--bg-error, #fef2f2);color:var(--color-error, #ef4444)}.tool-loading{display:flex;align-items:center;gap:8px;padding:10px 0;color:var(--text-secondary, #64748b);font-size:12px}.tool-call-compact{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:var(--bg-tool, #f8fafc);border:1px solid var(--border-tool, #e2e8f0);border-radius:4px;font-size:12px}.tool-call-compact.tool-status-executing{border-color:var(--color-executing, #3b82f6)}.tool-call-compact.tool-status-success{border-color:var(--color-success, #10b981)}.tool-call-compact.tool-status-error{border-color:var(--color-error, #ef4444)}.tool-call-compact svg{width:12px;height:12px}.tool-call-compact .tool-query{max-width:150px}@media(prefers-color-scheme:dark){.tool-call-card{--bg-tool: #1e293b;--bg-tool-hover: #334155;--bg-tool-content: #0f172a;--border-tool: #334155;--border-tool-hover: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--bg-code: #0f172a;--bg-error: #450a0a;--color-arg-key: #818cf8;--color-tool-icon: #94a3b8}}.dark .tool-call-card,[data-theme=dark] .tool-call-card{--bg-tool: #1e293b;--bg-tool-hover: #334155;--bg-tool-content: #0f172a;--border-tool: #334155;--border-tool-hover: #475569;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--bg-code: #0f172a;--bg-error: #450a0a;--color-arg-key: #818cf8;--color-tool-icon: #94a3b8}.skeleton-messages{max-width:1000px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:24px;animation:ds-fade-in .4s ease both}.skeleton-message{display:flex;flex-direction:column;gap:8px}.skeleton-label{width:48px;height:12px;border-radius:2px;background:#111118}.skeleton-bubble{display:flex;flex-direction:column;gap:10px;padding:20px;border-radius:2px;background:#0a0a0f;border:1px solid rgba(0,255,209,.08)}.skeleton-message.assistant .skeleton-bubble{border-left:3px solid #FF006E}.skeleton-line{height:14px;border-radius:2px;background:#111118}.shimmer{background:linear-gradient(90deg,#111118,#1a1a24,#111118 80%);background-size:200% 100%;animation:ds-shimmer 1.5s ease-in-out infinite}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.compaction-notice{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,var(--bg-tertiary, #f8fafc) 0%,var(--bg-secondary, #f1f5f9) 100%);border:1px solid var(--border-color, #e2e8f0);border-left:4px solid var(--accent-blue, #3b82f6);border-radius:8px;padding:12px 16px;margin-bottom:20px}.compaction-notice-icon{flex-shrink:0;color:var(--accent-blue, #3b82f6)}.compaction-notice-content{display:flex;flex-direction:column;gap:2px}.compaction-notice-title{font-weight:600;font-size:.875rem;color:var(--text-primary, #1e293b)}.compaction-notice-detail{font-size:.75rem;color:var(--text-secondary, #64748b)}.compaction-notice.archiving{border-left-color:var(--accent-orange, #f59e0b)}.compaction-notice.archiving .compaction-notice-icon{color:var(--accent-orange, #f59e0b)}.compaction-notice .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-color-scheme:dark){.compaction-notice{background:linear-gradient(135deg,var(--bg-tertiary, #1e293b) 0%,var(--bg-secondary, #334155) 100%);border-color:var(--border-color, #475569)}.compaction-notice-title{color:var(--text-primary, #f1f5f9)}.compaction-notice-detail{color:var(--text-secondary, #94a3b8)}}.compacted-section{background:var(--bg-tertiary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px;margin-bottom:16px}.compacted-section.expanded{background:transparent;border:1px dashed var(--border-color, #e2e8f0);padding:12px}.compacted-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.compacted-title{display:flex;align-items:center;gap:8px;font-weight:500;font-size:.875rem;color:var(--text-primary, #1e293b)}.compacted-title .icon{color:var(--text-secondary, #64748b);flex-shrink:0}.token-badge{font-size:.75rem;color:var(--text-secondary, #64748b);background:var(--bg-secondary, #f1f5f9);padding:4px 10px;border-radius:12px;font-weight:500}.compacted-summary{background:var(--bg-secondary, #f1f5f9);border-left:3px solid var(--accent-blue, #3b82f6);padding:12px 16px;margin-bottom:16px;border-radius:0 8px 8px 0;font-size:.875rem;line-height:1.6;color:var(--text-primary, #1e293b)}.compacted-summary p{margin:0 0 8px}.compacted-summary p:last-child{margin-bottom:0}.compacted-summary strong{color:var(--text-primary, #0f172a)}.show-all-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:transparent;border:1px dashed var(--border-color, #cbd5e1);border-radius:8px;color:var(--text-secondary, #64748b);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.show-all-btn:hover{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b);border-color:var(--accent-blue, #3b82f6)}.show-all-btn svg{flex-shrink:0}.collapse-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-secondary, #f1f5f9);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;color:var(--text-secondary, #64748b);cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease}.collapse-btn:hover{background:var(--bg-tertiary, #f8fafc);color:var(--text-primary, #1e293b)}.collapse-btn svg{flex-shrink:0}.expanded-messages{margin-top:12px;border-top:1px solid var(--border-color, #e2e8f0);padding-top:12px}@media(prefers-color-scheme:dark){.compacted-section{background:var(--bg-tertiary, #1e293b);border-color:var(--border-color, #334155)}.compacted-section.expanded{background:transparent;border-color:var(--border-color, #475569)}.compacted-title{color:var(--text-primary, #f1f5f9)}.compacted-title .icon{color:var(--text-secondary, #94a3b8)}.token-badge{color:var(--text-secondary, #94a3b8);background:var(--bg-secondary, #334155)}.compacted-summary{background:var(--bg-secondary, #334155);color:var(--text-primary, #f1f5f9)}.compacted-summary strong{color:var(--text-primary, #f8fafc)}.show-all-btn{border-color:var(--border-color, #475569);color:var(--text-secondary, #94a3b8)}.show-all-btn:hover{background:var(--bg-secondary, #334155);color:var(--text-primary, #f1f5f9)}.collapse-btn{background:var(--bg-secondary, #334155);border-color:var(--border-color, #475569);color:var(--text-secondary, #94a3b8)}.collapse-btn:hover{background:var(--bg-tertiary, #1e293b);color:var(--text-primary, #f1f5f9)}.expanded-messages{border-top-color:var(--border-color, #475569)}}@media(max-width:640px){.compacted-section{padding:12px;border-radius:8px}.compacted-header{flex-wrap:wrap;gap:8px}.compacted-title{font-size:.8125rem}.token-badge{font-size:.6875rem}.compacted-summary{padding:10px 12px;font-size:.8125rem}.show-all-btn{padding:8px 12px;font-size:.8125rem}}.sunburst-spinner{position:relative;display:flex;align-items:center;justify-content:center}.sunburst-spinner .ring{position:absolute;border-radius:50%;border:2px solid transparent}.sunburst-spinner .ring-outer{width:48px;height:48px;border-top-color:#ff006e;animation:spinCW 1.2s linear infinite}.sunburst-spinner .ring-middle{width:36px;height:36px;border-top-color:#00ffd1;border-right-color:#00ffd1;animation:spinCCW .9s linear infinite}.sunburst-spinner .ring-inner{width:24px;height:24px;border-top-color:#ffe600;animation:spinCW .7s linear infinite}@keyframes spinCW{to{transform:rotate(360deg)}}@keyframes spinCCW{to{transform:rotate(-360deg)}}.sunburst-spinner .center-dot{width:8px;height:8px;background:#00ffd1;border-radius:50%;box-shadow:0 0 10px #00ffd199;animation:centerPulse 1.5s ease-in-out infinite}@keyframes centerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.thinking-container{display:flex;flex-direction:column;gap:6px;padding:10px 14px;margin:6px 0;background:var(--bg-secondary, #f8faff);border:1px solid var(--border-primary, #e2e8f0);border-left:3px solid var(--accent-primary, #1e3a8a);border-radius:8px;max-width:100%}.thinking-header{display:flex;align-items:center;gap:8px}.thinking-header .thinking-inline-spinner{flex-shrink:0;opacity:.7}.thinking-message{font-size:13px;color:var(--text-secondary, #64748b);font-family:var(--font-body, "DM Sans", sans-serif);line-height:1.4}.thinking-steps-wrapper{margin-top:2px}.thinking-steps-toggle{display:flex;align-items:center;gap:5px;background:none;border:none;padding:3px 0;cursor:pointer;font-size:11px;color:var(--text-tertiary, #94a3b8);font-family:var(--font-body, "DM Sans", sans-serif);text-align:left;transition:color .15s}.thinking-steps-toggle:hover{color:var(--text-secondary, #64748b)}.toggle-icon{width:12px;height:12px;transition:transform .2s;flex-shrink:0}.toggle-icon.expanded{transform:rotate(180deg)}.thinking-steps-content{max-height:0;overflow:hidden;transition:max-height .25s ease;padding-left:14px}.thinking-steps-content.expanded{max-height:200px}.thinking-step{display:flex;align-items:flex-start;gap:7px;padding:3px 0}.step-indicator{width:14px;height:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:1px}.step-spinner{width:10px;height:10px;border:1.5px solid var(--accent-primary, #1e3a8a);border-top-color:transparent;border-radius:50%;animation:stepSpin .7s linear infinite}.step-dot{width:6px;height:6px;border-radius:50%;background:var(--border-secondary, #cbd5e1)}.step-label{font-size:11px;color:var(--text-secondary, #64748b);font-family:var(--font-body, "DM Sans", sans-serif)}.step-complete .step-label{color:var(--text-tertiary, #94a3b8)}.step-active .step-label{color:var(--accent-primary, #1e3a8a);font-weight:500}.model-substeps{padding-left:16px;margin-top:4px;display:flex;flex-direction:column;gap:2px}.model-substep{display:flex;align-items:center;gap:5px;font-size:10px;color:var(--text-tertiary, #94a3b8)}.substep-dot{width:5px;height:5px;border-radius:50%;background:var(--border-secondary, #cbd5e1);flex-shrink:0}.substep-dot.complete{background:#10b981}.substep-dot.active{background:var(--accent-primary, #1e3a8a)}.substep-dot.error{background:#ef4444}@keyframes stepSpin{to{transform:rotate(360deg)}}[data-theme=dark] .thinking-container,.dark .thinking-container{background:#1e3a8a14;border-color:#3b82f626;border-left-color:var(--accent-primary-light, #3b82f6)}[data-theme=dark] .thinking-message,.dark .thinking-message{color:var(--text-secondary, #94a3b8)}.thinking-simple .thinking-header{gap:8px}.thinking-inline{display:inline-flex;align-items:center}.thinking-animation{display:inline-flex;align-items:center;gap:6px;padding:8px 16px}.thinking-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-primary, #1e3a8a);animation:thinkBounce 1.4s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes thinkBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-12px);opacity:1}}.thinking-text{font-size:13px;color:var(--text-secondary, #888);font-style:italic;margin-left:4px}.animated-logo{display:flex;align-items:center;justify-content:center}.animated-logo svg,.animated-logo img{animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(0,255,209,.5))}@keyframes logoPulse{0%,to{opacity:1;transform:scale(1);filter:drop-shadow(0 0 10px rgba(0,255,209,.5))}50%{opacity:.7;transform:scale(1.03);filter:drop-shadow(0 0 20px rgba(0,255,209,.8))}}.logo-text{font-family:Space Mono,monospace;font-weight:700;color:#ff006e;text-shadow:0 0 10px rgba(255,0,110,.4)}.status-messages{display:flex;flex-direction:column;align-items:center;gap:8px}.status-message{font-size:14px;color:#888;transition:all .3s ease;animation:statusIn .4s ease}@keyframes statusIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.status-message.active{color:#00ffd1;font-weight:500;text-shadow:0 0 10px rgba(0,255,209,.3)}.status-message.completed{color:#555}.status-message.error{color:#ff006e;text-shadow:0 0 10px rgba(255,0,110,.3)}.status-dots{display:inline-flex;gap:4px;margin-left:4px}.status-dots span{width:4px;height:4px;border-radius:50%;background:#00ffd1;animation:dotPulse 1.4s ease-in-out infinite}.status-dots span:nth-child(2){animation-delay:.2s}.status-dots span:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.progress-steps{display:flex;align-items:center;gap:8px;padding:12px 0}.progress-step-item{display:flex;align-items:center;gap:8px}.step-circle{width:28px;height:28px;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;font-family:Space Mono,monospace;transition:all .3s ease;border:1px solid rgba(0,255,209,.1);background:#111118;color:#555}.step-circle.active{background:#ff006e;color:#000;border-color:#ff006e;box-shadow:0 0 10px #ff006e66}.step-circle.completed{background:#00ffd1;color:#000;border-color:#00ffd1;box-shadow:0 0 8px #00ffd166}.step-label{font-size:12px;color:#555;transition:color .3s}.step-label.active{color:#ff006e}.step-label.completed{color:#00ffd1}.step-connector{width:24px;height:2px;background:#1a1a24;transition:background .3s}.step-connector.completed{background:#00ffd1;box-shadow:0 0 4px #00ffd14d}.export-button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:transparent;border:1px solid rgba(0,255,209,.15);border-radius:2px;color:#888;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;font-family:Space Mono,monospace}.export-button:hover{color:#00ffd1;border-color:#00ffd1;background:#00ffd10d;box-shadow:0 0 10px #00ffd133}.export-button:active{transform:scale(.98)}.export-button:disabled{opacity:.5;cursor:not-allowed}.export-button svg{width:14px;height:14px}.export-button.loading{pointer-events:none}.export-button .spinner{width:14px;height:14px;border:2px solid rgba(0,255,209,.2);border-top-color:#00ffd1;border-radius:50%;animation:spin .8s linear infinite}.export-dialog-backdrop{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:24px}.export-dialog{background:#0a0a0f;border:1px solid rgba(0,255,209,.15);border-radius:2px;max-width:480px;width:100%;padding:28px;box-shadow:0 0 40px #00000080,0 0 80px #00ffd10d;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.export-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.export-dialog-title{font-size:1.25rem;font-weight:700;color:#e0e0e0;font-family:Space Mono,monospace}.export-dialog-close{width:32px;height:32px;background:transparent;border:1px solid rgba(0,255,209,.1);border-radius:2px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.export-dialog-close:hover{color:#00ffd1;border-color:#00ffd1}.export-options{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.export-option{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#111118;border:1px solid rgba(0,255,209,.08);border-radius:2px;cursor:pointer;transition:all .2s}.export-option:hover{border-color:#00ffd140;background:#00ffd108}.export-option.selected{border-color:#00ffd1;background:#00ffd10d;box-shadow:0 0 10px #00ffd11a}.export-option-icon{width:36px;height:36px;background:#00ffd114;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#00ffd1;flex-shrink:0}.export-option-info{flex:1}.export-option-name{font-size:14px;font-weight:600;color:#e0e0e0;margin-bottom:2px}.export-option-desc{font-size:12px;color:#888}.export-dialog-actions{display:flex;gap:12px;justify-content:flex-end}.export-dialog-cancel{padding:10px 20px;background:transparent;border:1px solid rgba(0,255,209,.15);border-radius:2px;color:#888;cursor:pointer;font-size:13px;transition:all .2s}.export-dialog-cancel:hover{border-color:#00ffd1;color:#e0e0e0}.export-dialog-confirm{padding:10px 24px;background:#ff006e;color:#000;border:none;border-radius:2px;font-size:13px;font-weight:600;cursor:pointer;font-family:Space Mono,monospace;transition:all .25s;box-shadow:0 0 10px #ff006e4d}.export-dialog-confirm:hover{transform:translateY(-1px);box-shadow:0 0 20px #ff006e80}.export-dialog-confirm:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-interface{flex:1;display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden;background:linear-gradient(160deg,#f8faff,#eef2ff,#f0f6ff);background-size:400% 400%;position:relative}.chat-interface:before{content:"";position:absolute;inset:0;background:var(--gradient-mesh);pointer-events:none;z-index:0}.chat-interface:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(59,130,246,.08) 0%,transparent 70%);top:-200px;right:-200px;pointer-events:none;z-index:0;animation:float 8s ease-in-out infinite}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;position:relative;z-index:1;animation:fade-in-up .6s ease-out}.empty-state-icon{width:64px;height:64px;background:linear-gradient(135deg,#1a56db,#3b82f6,#60a5fa);background-size:200% 200%;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:28px;color:#fff;box-shadow:0 10px 40px #3b82f64d;animation:float 4s ease-in-out infinite,pulse-glow 3s ease-in-out infinite}.empty-state h2{margin:0 0 12px;font-size:32px;font-weight:700;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:var(--font-family);animation:fade-in-up .6s ease-out .1s backwards}.empty-state p{margin:0 0 32px;font-size:16px;color:#64748b;line-height:1.6;animation:fade-in-up .6s ease-out .2s backwards}.empty-state-hints{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:600px;animation:fade-in-up .6s ease-out .3s backwards}.empty-state-hint{padding:12px 20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px;font-size:14px;color:#475569;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000a}.empty-state-hint:hover{background:#fffffff2;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f626;border-color:#3b82f64d;color:#1a56db}.messages-container{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:24px;position:relative;z-index:1}.messages-container::-webkit-scrollbar{width:10px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:5px}.messages-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.message-group{max-width:1000px;margin:0 auto 24px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-message,.assistant-message{margin-bottom:16px}.message-label{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.user-message .message-content{background:#fff;padding:16px 20px;border-radius:12px;color:#1f2937;line-height:1.6;font-size:15px;border:1px solid #E5E7EB;position:relative}.message-edit-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:1px solid #E5E7EB;border-radius:6px;color:#6b7280;cursor:pointer;opacity:0;transition:all .15s ease}.user-message .message-content:hover .message-edit-btn{opacity:1}.message-edit-btn:hover{background:#f3f4f6;color:#2563eb;border-color:#2563eb}.message-edit-container{background:#fff;border:2px solid #2563eb;border-radius:12px;overflow:hidden}.message-edit-input{width:100%;padding:16px 20px;border:none;font-size:15px;line-height:1.6;color:#1f2937;resize:none;min-height:60px;font-family:inherit}.message-edit-input:focus{outline:none}.message-edit-actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;background:#f9fafb;border-top:1px solid #E5E7EB}.edit-cancel-btn{padding:8px 16px;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;transition:all .15s ease}.edit-cancel-btn:hover{background:#f3f4f6;color:#374151}.edit-save-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;color:#fff;background:#2563eb;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.edit-save-btn:hover:not(:disabled){background:#4338ca}.edit-save-btn:disabled{opacity:.5;cursor:not-allowed}.stage-loading{display:flex;align-items:center;gap:12px;padding:16px 20px;margin:12px 0;background:#fff;border-radius:12px;color:#6b7280;font-size:14px;border:1px solid #E5E7EB}.spinner{width:18px;height:18px;border:2px solid #E5E7EB;border-top-color:#1a56db;border-radius:50%;animation:spin .8s linear infinite}.input-area{flex-shrink:0;padding:16px 24px 24px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.input-form{width:100%;max-width:1000px;display:flex;flex-direction:column;align-items:center}.input-wrapper{width:100%;background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:visible;transition:all .2s ease;box-shadow:0 4px 24px #0000000f}.input-wrapper:focus-within{border-color:#3b82f666;box-shadow:0 4px 32px #3b82f626}.message-input{width:100%;padding:16px 20px 8px;background:transparent;border:none;color:#1f2937;font-size:15px;font-family:var(--font-family);line-height:1.5;outline:none;resize:none;min-height:24px;max-height:200px;overflow-y:auto;box-sizing:border-box}.message-input::placeholder{color:#9ca3af}.message-input:disabled{opacity:.6;cursor:not-allowed}.input-bottom-bar{display:flex;align-items:center;padding:8px 12px 12px;gap:4px}.input-bottom-spacer{flex:1}.model-selector-wrapper{position:relative}.model-selector-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:none;font-family:var(--font-family);font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s;border-radius:6px}.model-selector-btn:hover{color:#1f2937;background:#f3f4f6}.model-selector-name{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-selector-chevron{width:14px;height:14px;color:#9ca3af;transition:transform .15s ease}.model-selector-chevron.open{transform:rotate(180deg)}.send-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin-left:8px;background:linear-gradient(135deg,#1a56db,#3b82f6);border:none;border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#2563eb);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.send-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.send-btn svg{width:16px;height:16px}.send-btn.stop-btn{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px #ef44444d}.send-btn.stop-btn:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:0 6px 16px #ef444466}.send-btn.stop-btn svg{width:14px;height:14px}.export-btn-inline{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;border-radius:6px;font-family:var(--font-family);font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.export-btn-inline:hover{background:#f3f4f6;color:#1f2937}.export-btn-inline svg{width:14px;height:14px}.model-indicators{display:flex;align-items:center;gap:6px;margin-left:8px;flex-wrap:wrap}.model-indicator-tag{display:inline-flex;align-items:center;padding:4px 10px;background:#3b82f614;border-radius:12px;font-size:12px;font-weight:500;color:#3b82f6;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis;transition:all .15s ease}.model-indicator-tag:hover{background:#3b82f626}.model-dropdown-backdrop{position:fixed;inset:0;z-index:9998}.model-dropdown-menu{position:fixed;min-width:280px;max-height:360px;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f,0 0 0 1px #0000000d;padding:6px;z-index:9999;animation:menuFadeIn .15s ease}.model-dropdown-menu::-webkit-scrollbar{width:4px}.model-dropdown-menu::-webkit-scrollbar-track{background:transparent}.model-dropdown-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.model-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background .1s;text-align:left;font-family:var(--font-family)}.model-dropdown-item:hover{background:#f3f4f6}.model-dropdown-item.selected{background:#eff6ff}.model-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.model-status-dot.status-available{background:#22c55e}.model-status-dot.status-unavailable{background:#ef4444}.model-status-dot.status-unknown{background:#f59e0b}.model-item-content{flex:1;min-width:0}.model-item-name{font-size:14px;font-weight:500;color:#1f2937;line-height:1.4}.model-item-desc{font-size:12px;color:#6b7280;line-height:1.3}.model-item-check{flex-shrink:0;color:#1a56db}.model-item-badge{flex-shrink:0;padding:2px 6px;background:#f3f4f6;border-radius:4px;font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase}.single-response{margin:12px 0}.tool-calls-container{margin:12px 0;display:flex;flex-direction:column;gap:8px}.local-ml-response{background:linear-gradient(135deg,#10b9810d,#05966914);border-left:3px solid #10B981;padding:16px 20px;border-radius:12px;border:1px solid rgba(16,185,129,.2)}.local-ml-badge{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:8px;font-size:13px;font-weight:500;color:#059669;margin-bottom:14px;border:1px solid rgba(16,185,129,.3)}.local-ml-badge:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.confidence-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-left:auto;box-shadow:0 2px 8px #10b9814d}.in-depth-analysis-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 18px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f640}.in-depth-analysis-btn:hover{background:linear-gradient(135deg,#2563eb,#4338ca);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f659}.in-depth-analysis-btn svg{width:16px;height:16px}.quota-exceeded-overlay{position:absolute;inset:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:16px;padding:32px}.markdown-content{font-size:15px;line-height:1.7;color:#1f2937;word-wrap:break-word;overflow-wrap:break-word}.markdown-content p{margin:0 0 12px}.markdown-content p:last-child{margin-bottom:0}.markdown-content code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:14px}.markdown-content pre{background:#f9fafb;padding:16px;border-radius:8px;overflow-x:auto;margin:12px 0;border:1px solid #E5E7EB;max-width:100%;white-space:pre-wrap;word-wrap:break-word}.markdown-content ul,.markdown-content ol{margin:12px 0;padding-left:24px}.markdown-content li{margin:6px 0}.markdown-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;table-layout:fixed}.markdown-content th,.markdown-content td{padding:10px 12px;border:1px solid #E5E7EB;text-align:left;vertical-align:top;word-wrap:break-word;overflow-wrap:break-word}.markdown-content th{background:#f9fafb;font-weight:600;color:#374151}.markdown-content tr:nth-child(2n){background:#fafafa}.markdown-content tr:hover{background:#f3f4f6}.markdown-content td code{font-size:12px;padding:2px 4px;white-space:normal;word-break:break-word}.markdown-content strong{font-weight:600;color:inherit}.markdown-content em{font-style:italic}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin:1rem 0 .5rem;font-weight:600;line-height:1.3}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.3rem}.markdown-content h3{font-size:1.15rem}.markdown-content h4{font-size:1rem}.markdown-content blockquote{margin:12px 0;padding:8px 16px;border-left:4px solid #E5E7EB;background:#f9fafb;color:#6b7280}.markdown-content a{color:#2563eb;text-decoration:underline}.markdown-content a:hover{color:#4338ca}.markdown-content hr{margin:16px 0;border:none;border-top:1px solid #E5E7EB}.truncation-warning{display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px 16px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;border-radius:8px;color:#92400e;font-size:13px;font-weight:500}.truncation-warning svg{flex-shrink:0;color:#d97706}.citations-section{margin-top:20px;padding-top:16px;border-top:1px solid #E5E7EB}.citations-header{font-size:13px;font-weight:600;color:#6b7280;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.citations-list{display:flex;flex-wrap:wrap;gap:8px}.citation-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;color:#4b5563;font-size:12px;text-decoration:none;transition:all .15s ease}.citation-link:hover{background:#eef2ff;border-color:#3b82f6;color:#2563eb}.citation-number{font-weight:600;color:#3b82f6}.citation-url{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-counter{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;padding:4px 8px;border-radius:4px;transition:all .2s ease}.word-counter.warning{color:#d97706;background:#d977061a}.word-counter.danger{color:#dc2626;background:#dc26261a}.word-counter.over{color:#dc2626;background:#dc262626;font-weight:500}.word-counter .over-limit-text{font-weight:600;margin-left:4px}[data-theme=dark] .word-counter{color:#94a3b8}[data-theme=dark] .word-counter.warning{color:#fbbf24;background:#fbbf2426}[data-theme=dark] .word-counter.danger,[data-theme=dark] .word-counter.over{color:#f87171;background:#f8717126}[data-theme=dark] .chat-interface{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a)}[data-theme=dark] .chat-interface:after{background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%)}[data-theme=dark] .empty-state h2{background:linear-gradient(135deg,#f1f5f9,#94a3b8);-webkit-background-clip:text;background-clip:text}[data-theme=dark] .empty-state p{color:#94a3b8}[data-theme=dark] .empty-state-hint{background:#1e293bcc;border-color:#47556980;color:#e2e8f0}[data-theme=dark] .empty-state-hint:hover{background:#334155e6;border-color:#3b82f680;color:#a5b4fc}[data-theme=dark] .messages-container::-webkit-scrollbar-thumb{background:#64748b}[data-theme=dark] .messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .message-label{color:#94a3b8}[data-theme=dark] .user-message .message-content{background:#1e293b;border-color:#334155;color:#f1f5f9}[data-theme=dark] .message-edit-btn{background:#1e293be6;border-color:#475569;color:#94a3b8}[data-theme=dark] .message-edit-btn:hover{background:#334155;color:#a5b4fc;border-color:#3b82f6}[data-theme=dark] .message-edit-container{background:#1e293b;border-color:#3b82f6}[data-theme=dark] .message-edit-input{background:#1e293b;color:#f1f5f9}[data-theme=dark] .message-edit-actions{background:#0f172a;border-top-color:#334155}[data-theme=dark] .edit-cancel-btn{color:#94a3b8;border-color:#475569}[data-theme=dark] .edit-cancel-btn:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .stage-loading{background:#1e293b;border-color:#334155;color:#94a3b8}[data-theme=dark] .input-wrapper{background:#1e293b;border-color:#334155;box-shadow:0 4px 24px #0000004d}[data-theme=dark] .input-wrapper:focus-within{border-color:#3b82f680;box-shadow:0 4px 32px #3b82f633}[data-theme=dark] .message-input{color:#f1f5f9}[data-theme=dark] .message-input::placeholder{color:#64748b}[data-theme=dark] .model-selector-btn{color:#94a3b8}[data-theme=dark] .model-selector-btn:hover{color:#f1f5f9;background:#334155}[data-theme=dark] .model-selector-chevron{color:#64748b}[data-theme=dark] .send-btn{background:linear-gradient(135deg,#3b82f6,#4f46e5);box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .send-btn:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#3b82f6);box-shadow:0 6px 16px #3b82f680}[data-theme=dark] .send-btn:disabled{background:#334155;color:#64748b}[data-theme=dark] .export-btn-inline{color:#94a3b8}[data-theme=dark] .export-btn-inline:hover{background:#334155;color:#f1f5f9}[data-theme=dark] .model-indicator-tag{background:#3b82f633;color:#a5b4fc}[data-theme=dark] .model-indicator-tag:hover{background:#3b82f64d}[data-theme=dark] .model-dropdown-menu{background:#1e293b;box-shadow:0 10px 40px #0006,0 0 0 1px #4755694d}[data-theme=dark] .model-dropdown-menu::-webkit-scrollbar-thumb{background:#64748b}[data-theme=dark] .model-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .model-dropdown-item:hover{background:#334155}[data-theme=dark] .model-dropdown-item.selected{background:#3b82f633}[data-theme=dark] .model-item-name{color:#f1f5f9}[data-theme=dark] .model-item-desc{color:#94a3b8}[data-theme=dark] .model-item-badge{background:#334155;color:#94a3b8}[data-theme=dark] .quota-exceeded-overlay{background:#0f172af2}[data-theme=dark] .markdown-content{color:#e2e8f0}[data-theme=dark] .markdown-content code{background:#334155;color:#e2e8f0}[data-theme=dark] .markdown-content pre{background:#0f172a;border-color:#334155}[data-theme=dark] .markdown-content th,[data-theme=dark] .markdown-content td{border-color:#334155}[data-theme=dark] .markdown-content th{background:#1e293b;color:#e2e8f0}[data-theme=dark] .markdown-content tr:nth-child(2n){background:#1e293b80}[data-theme=dark] .markdown-content tr:hover{background:#1e293b}[data-theme=dark] .markdown-content strong{color:#fff}[data-theme=dark] .markdown-content h1,[data-theme=dark] .markdown-content h2,[data-theme=dark] .markdown-content h3,[data-theme=dark] .markdown-content h4{color:#f1f5f9}[data-theme=dark] .markdown-content blockquote{border-left-color:#475569;background:#1e293b;color:#94a3b8}[data-theme=dark] .markdown-content a{color:#818cf8}[data-theme=dark] .markdown-content a:hover{color:#a5b4fc}[data-theme=dark] .markdown-content hr{border-top-color:#334155}[data-theme=dark] .truncation-warning{background:linear-gradient(135deg,#f59e0b33,#d9770633);border-color:#d97706;color:#fbbf24}[data-theme=dark] .citations-section{border-top-color:#334155}[data-theme=dark] .citations-header{color:#94a3b8}[data-theme=dark] .citation-link{background:#1e293b;border-color:#334155;color:#e2e8f0}[data-theme=dark] .citation-link:hover{background:#3b82f633;border-color:#3b82f6;color:#a5b4fc}[data-theme=dark] .local-ml-response{background:linear-gradient(135deg,#10b9811a,#05966926);border-left-color:#10b981;border-color:#10b9814d}[data-theme=dark] .local-ml-badge{background:linear-gradient(135deg,#10b98133,#05966940);color:#34d399;border-color:#10b98166}[data-theme=dark] .confidence-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166}[data-theme=dark] .in-depth-analysis-btn{background:linear-gradient(135deg,#3b82f6,#4f46e5);box-shadow:0 4px 12px #3b82f659}[data-theme=dark] .in-depth-analysis-btn:hover{background:linear-gradient(135deg,#818cf8,#3b82f6);box-shadow:0 6px 16px #3b82f673}.file-upload-error{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:8px;background:linear-gradient(135deg,#ef44441a,#dc262614);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#dc2626;font-size:13px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.extracted-files-preview{margin-bottom:10px;padding:12px;background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border:1px solid rgba(59,130,246,.2);border-radius:12px;animation:slideDown .2s ease}.extracted-files-preview .extracted-files-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(59,130,246,.15)}.extracted-files-preview .extracted-files-count{font-size:12px;font-weight:600;color:#3b82f6}.extracted-files-preview .clear-all-btn{padding:4px 10px;font-size:11px;font-weight:500;background:transparent;border:1px solid rgba(239,68,68,.3);color:#dc2626;cursor:pointer;border-radius:6px;transition:all .15s ease}.extracted-files-preview .clear-all-btn:hover{background:#ef44441a;border-color:#ef444480}.extracted-files-preview .extracted-files-list{display:flex;flex-wrap:wrap;gap:8px}.extracted-file-chip{display:flex;align-items:center;gap:6px;padding:6px 10px;background:linear-gradient(135deg,#fffc,#fff9);border:1px solid rgba(59,130,246,.25);border-radius:8px;font-size:12px;max-width:200px;box-shadow:0 1px 3px #0000000d}.file-chip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151;font-weight:500}.file-chip-chars{font-size:10px;color:#3b82f6;background:#3b82f61a;padding:2px 6px;border-radius:4px;flex-shrink:0}.file-chip-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:transparent;border:none;color:#9ca3af;cursor:pointer;border-radius:4px;transition:all .15s ease;flex-shrink:0}.file-chip-remove:hover{background:#ef444426;color:#dc2626}.file-upload-container{display:flex;align-items:center}.file-upload-container .file-upload-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease}.file-upload-container .file-upload-btn:hover:not(:disabled){background:#3b82f61a;color:#3b82f6}.file-upload-container .file-upload-btn:disabled{opacity:.4;cursor:not-allowed}.file-upload-container .file-upload-spinner{width:16px;height:16px;border:2px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.file-upload-container .file-input-hidden{display:none}[data-theme=dark] .file-upload-error{background:linear-gradient(135deg,#ef444426,#dc26261f);border-color:#ef444466;color:#f87171}[data-theme=dark] .extracted-files-preview{background:linear-gradient(135deg,#3b82f61a,#60a5fa14);border-color:#3b82f64d}[data-theme=dark] .extracted-files-preview .extracted-files-header{border-bottom-color:#3b82f640}[data-theme=dark] .extracted-files-preview .extracted-files-count{color:#a5b4fc}[data-theme=dark] .extracted-files-preview .clear-all-btn{border-color:#ef444466;color:#f87171}[data-theme=dark] .extracted-files-preview .clear-all-btn:hover{background:#ef444426}[data-theme=dark] .extracted-file-chip{background:linear-gradient(135deg,#1e1e28cc,#282837b3);border-color:#3b82f659}[data-theme=dark] .file-chip-name{color:#e5e7eb}[data-theme=dark] .file-chip-chars{color:#a5b4fc;background:#3b82f633}[data-theme=dark] .file-chip-remove{color:#6b7280}[data-theme=dark] .file-chip-remove:hover{background:#ef444433;color:#f87171}[data-theme=dark] .file-upload-container .file-upload-btn{color:#9ca3af}[data-theme=dark] .file-upload-container .file-upload-btn:hover:not(:disabled){background:#3b82f626;color:#a5b4fc}.user-message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(59,130,246,.15)}.user-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#3b82f614,#60a5fa14);border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:12px;color:#2563eb;transition:all .15s ease}.user-attachment-chip:hover{background:linear-gradient(135deg,#3b82f61f,#60a5fa1f);border-color:#3b82f659}.user-attachment-chip .attachment-icon{flex-shrink:0;color:#3b82f6}.user-attachment-chip .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#374151}.user-attachment-chip .attachment-size{font-size:10px;color:#3b82f6;background:#3b82f61a;padding:2px 6px;border-radius:4px;white-space:nowrap}.attachment-only-message{color:#6b7280;font-style:italic;font-size:14px}[data-theme=dark] .user-message-attachments{border-bottom-color:#3b82f640}[data-theme=dark] .user-attachment-chip{background:linear-gradient(135deg,#3b82f626,#60a5fa1f);border-color:#3b82f659;color:#a5b4fc}[data-theme=dark] .user-attachment-chip:hover{background:linear-gradient(135deg,#3b82f633,#60a5fa2e);border-color:#3b82f680}[data-theme=dark] .user-attachment-chip .attachment-icon{color:#a5b4fc}[data-theme=dark] .user-attachment-chip .attachment-name{color:#e5e7eb}[data-theme=dark] .user-attachment-chip .attachment-size{color:#a5b4fc;background:#3b82f633}[data-theme=dark] .attachment-only-message{color:#94a3b8}.compaction-divider{display:flex;align-items:center;margin:20px 0;color:var(--text-secondary, #64748b);font-size:.8rem}.compaction-divider:before,.compaction-divider:after{content:"";flex:1;height:1px;background:var(--border-color, #e2e8f0)}.compaction-divider span{padding:0 16px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}[data-theme=dark] .compaction-divider{color:#94a3b8}[data-theme=dark] .compaction-divider:before,[data-theme=dark] .compaction-divider:after{background:#334155}.plan-warning-card{border-radius:16px;border:1.5px solid rgba(59,130,246,.28);background:linear-gradient(160deg,#f0f6ff,#eef2ff);padding:22px 24px;max-width:520px;box-shadow:0 4px 24px #1e3a8a1a;animation:fadeInUp .3s ease-out}.plan-warning-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.plan-warning-icon{font-size:22px;flex-shrink:0;margin-top:2px}.plan-warning-title{font-size:15px;font-weight:700;color:#1e3a8a;margin-bottom:3px;line-height:1.3}.plan-warning-subtitle{font-size:13px;color:#64748b;line-height:1.4}.plan-warning-models{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:14px;padding:10px 12px;background:#1e3a8a0d;border-radius:10px;border:1px solid rgba(59,130,246,.15)}.plan-warning-models-label{font-size:12px;font-weight:600;color:#475569;margin-right:4px}.plan-warning-model-chip{display:inline-flex;align-items:center;padding:3px 10px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:20px;font-size:11.5px;font-weight:500;color:#1e3a8a;font-family:SF Mono,Fira Code,monospace}.plan-warning-body{font-size:13.5px;color:#475569;line-height:1.6;margin-bottom:18px}.plan-warning-body strong{color:#1e3a8a;font-weight:600}.plan-warning-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.plan-warning-btn-upgrade{display:inline-flex;align-items:center;gap:6px;padding:9px 20px;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff!important;border-radius:10px;font-size:13.5px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px #3b82f659;transition:transform .2s,box-shadow .2s}.plan-warning-btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f673}.plan-warning-btn-compare{display:inline-flex;align-items:center;padding:9px 18px;border:1.5px solid rgba(59,130,246,.3);border-radius:10px;font-size:13px;font-weight:500;color:#1e3a8a!important;text-decoration:none;transition:background .2s,border-color .2s;background:#3b82f60a}.plan-warning-btn-compare:hover{background:#3b82f61a;border-color:#3b82f680}[data-theme=dark] .plan-warning-card{background:linear-gradient(160deg,#0d1630,#111c38);border-color:#3b82f64d;box-shadow:0 4px 24px #00000059}[data-theme=dark] .plan-warning-title{color:#93c5fd}[data-theme=dark] .plan-warning-subtitle{color:#93b4d4}[data-theme=dark] .plan-warning-models{background:#3b82f61a;border-color:#3b82f633}[data-theme=dark] .plan-warning-models-label{color:#94a3b8}[data-theme=dark] .plan-warning-model-chip{background:#3b82f626;border-color:#3b82f640;color:#93c5fd}[data-theme=dark] .plan-warning-body{color:#93b4d4}[data-theme=dark] .plan-warning-body strong{color:#93c5fd}[data-theme=dark] .plan-warning-btn-compare{border-color:#3b82f659;color:#60a5fa!important;background:#3b82f614}[data-theme=dark] .plan-warning-btn-compare:hover{background:#3b82f626;border-color:#3b82f680}.load-older-sentinel{min-height:1px;width:100%}.loading-older-messages{text-align:center;padding:12px;color:var(--text-secondary, #666);font-size:.85rem;opacity:.7}.modal-backdrop{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:backdropIn .2s ease}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;box-shadow:0 0 0 1px #3b82f61a,0 25px 50px -12px #0f172a40,0 0 100px -20px #3b82f64d;animation:modalIn .4s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.decorative-orb{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none}.orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.15) 0%,transparent 70%);top:-100px;right:-100px}.orb-2{width:200px;height:200px;background:radial-gradient(circle,rgba(147,197,253,.2) 0%,transparent 70%);bottom:-50px;left:-50px}.modal-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:28px 28px 0}.header-content{display:flex;align-items:center;gap:16px}.header-icon{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #3b82f64d;flex-shrink:0}.header-icon svg{width:24px;height:24px}.modal-header h2{font-size:22px;font-weight:600;color:#0f172a;margin:0;letter-spacing:-.02em}.modal-header p{font-size:14px;color:#64748b;margin:4px 0 0}.close-btn{width:36px;height:36px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:#94a3b8;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.close-btn:hover{background:#f1f5f9;color:#475569}.close-btn svg{width:20px;height:20px}.section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:12px}.mode-section{position:relative;padding:24px 28px}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mode-card{position:relative;padding:20px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:16px;cursor:pointer;text-align:center;transition:all .25s cubic-bezier(.16,1,.3,1)}.mode-card:hover:not(.locked){border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f61a}.mode-card.selected{background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 8px 24px #3b82f626}.mode-card.featured{border-color:#93c5fd}.mode-card.locked{opacity:.6;cursor:not-allowed;background:#f8fafc}.mode-card.locked:hover{transform:none;box-shadow:none}.featured-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:4px 10px;border-radius:20px;white-space:nowrap}.locked-badge{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#60a5fa,#7c3aed);color:#fff;padding:4px 10px;border-radius:20px;white-space:nowrap}.mode-icon{font-size:20px;color:#3b82f6;margin-bottom:8px;letter-spacing:-4px}.mode-card.selected .mode-icon{color:#1d4ed8}.mode-card.locked .mode-icon{color:#94a3b8}.mode-card .mode-name{font-weight:600;font-size:15px;color:#1e293b;margin-bottom:4px}.mode-card .mode-description{font-size:12px;color:#64748b;margin-bottom:8px}.mode-count{font-size:11px;color:#94a3b8;background:#f1f5f9;padding:4px 10px;border-radius:20px;display:inline-block}.mode-card.selected .mode-count{background:#3b82f626;color:#2563eb}.model-section{position:relative;padding:0 28px 24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.model-count-indicator{font-size:12px;color:#64748b;background:#f1f5f9;padding:4px 12px;border-radius:20px}.provider-list{display:flex;flex-direction:column;gap:8px}.provider-group{border:1.5px solid #e2e8f0;border-radius:12px;overflow:hidden;background:#fff;transition:all .2s}.provider-group:hover{border-color:#cbd5e1}.provider-header{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:none;cursor:pointer;text-align:left;transition:all .2s}.provider-header:hover{background:#f8fafc}.provider-header.expanded{background:linear-gradient(135deg,color-mix(in srgb,var(--provider-color, #3b82f6) 5%,white),color-mix(in srgb,var(--provider-color, #3b82f6) 10%,white));border-bottom:1.5px solid #e2e8f0}.provider-header.has-selection{background:linear-gradient(135deg,color-mix(in srgb,var(--provider-color, #3b82f6) 8%,white),color-mix(in srgb,var(--provider-color, #3b82f6) 12%,white))}.provider-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--provider-color, #3b82f6) 10%,white),color-mix(in srgb,var(--provider-color, #3b82f6) 15%,white));display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--provider-color, #3b82f6)}.provider-icon svg{width:18px;height:18px}.provider-name{font-weight:600;font-size:14px;color:#1e293b;flex:1}.provider-model-count{display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b}.selected-badge{background:var(--provider-color, #3b82f6);color:#fff;padding:3px 8px;border-radius:12px;font-size:11px;font-weight:500}.total-count{color:#94a3b8}.chevron-icon{width:20px;height:20px;color:#94a3b8;transition:transform .3s ease;flex-shrink:0}.provider-header.expanded .chevron-icon{transform:rotate(180deg)}.provider-models{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;background:#f8fafc;animation:expandIn .3s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.model-card{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;text-align:left;transition:all .2s}.model-card:hover:not(.locked){border-color:var(--accent-color, #3b82f6);background:#fafafa;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.model-card.selected{border-color:var(--accent-color, #3b82f6);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 8%,white),color-mix(in srgb,var(--accent-color) 12%,white));box-shadow:0 2px 8px color-mix(in srgb,var(--accent-color) 20%,transparent)}.model-card.locked{opacity:.6;cursor:not-allowed;background:#f8fafc}.model-card.locked:hover{border-color:#e2e8f0;background:#f8fafc;transform:none;box-shadow:none}.model-lock{position:absolute;top:6px;right:6px;font-size:9px;font-weight:600;background:linear-gradient(135deg,#60a5fa,#7c3aed);color:#fff;padding:2px 6px;border-radius:6px}.model-info{flex:1;min-width:0}.model-card .model-name{font-size:13px;font-weight:500;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.model-card .model-tier{font-size:11px;color:#94a3b8;text-transform:capitalize}.check-mark{width:20px;height:20px;border-radius:6px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .2s;flex-shrink:0}.model-card.selected .check-mark{background:var(--accent-color);color:#fff}.check-mark svg{width:12px;height:12px}.loading-models{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:#64748b}.spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.synthesis-selector{margin-top:16px;padding:16px;background:linear-gradient(135deg,#7c3aed14,#3b82f614);border-radius:12px;border:1px solid rgba(124,58,237,.2)}.synthesis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-wrap:wrap;gap:8px}.synthesis-header label{font-weight:600;color:#1e293b;font-size:13px}.synthesis-hint{font-size:11px;color:#64748b}.synthesis-dropdown{width:100%;padding:10px 14px;font-size:13px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;cursor:pointer;transition:all .2s}.synthesis-dropdown:hover{border-color:#93c5fd}.synthesis-dropdown:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.modal-footer{position:relative;display:flex;gap:12px;justify-content:flex-end;padding:20px 28px;background:#f8fafc;border-top:1px solid #e2e8f0}.cancel-btn{padding:12px 24px;font-size:14px;font-weight:500;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.start-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b);border:none;border-radius:10px;cursor:not-allowed;transition:all .3s cubic-bezier(.16,1,.3,1)}.start-btn.ready{background:linear-gradient(135deg,#3b82f6,#1d4ed8);cursor:pointer;box-shadow:0 4px 16px #3b82f659}.start-btn.ready:hover{transform:translateY(-1px);box-shadow:0 6px 24px #3b82f666}.start-btn.ready:active{transform:translateY(0)}.start-btn svg{width:18px;height:18px;transition:transform .2s}.start-btn.ready:hover svg{transform:translate(3px)}@media(max-width:600px){.modal-backdrop{padding:12px;align-items:flex-end}.modal-container{border-radius:20px 20px 0 0;max-height:95vh}.modal-header{padding:20px 20px 0}.header-icon{width:40px;height:40px;border-radius:12px}.header-icon svg{width:20px;height:20px}.modal-header h2{font-size:18px}.modal-header p{font-size:13px}.mode-section{padding:20px}.mode-cards{grid-template-columns:repeat(3,1fr);gap:8px}.mode-card{padding:14px 10px;border-radius:12px}.mode-icon{font-size:16px}.mode-card .mode-name{font-size:13px}.mode-card .mode-description{font-size:10px;display:none}.mode-count{font-size:10px;padding:3px 8px}.featured-badge,.locked-badge{font-size:8px;padding:3px 8px}.model-section{padding:0 20px 20px}.provider-list{gap:6px}.provider-header{padding:12px 14px;gap:10px}.provider-icon{width:28px;height:28px}.provider-icon svg{width:16px;height:16px}.provider-name{font-size:13px}.provider-model-count{flex-direction:column;align-items:flex-end;gap:2px;font-size:11px}.selected-badge{font-size:10px;padding:2px 6px}.chevron-icon{width:18px;height:18px}.provider-models{grid-template-columns:1fr;gap:6px;padding:10px}.model-card{padding:10px 12px}.model-card .model-name{font-size:12px}.model-card .model-tier{font-size:10px}.check-mark{width:18px;height:18px}.check-mark svg{width:10px;height:10px}.synthesis-selector{padding:12px}.modal-footer{padding:16px 20px}.cancel-btn{padding:10px 18px;font-size:13px}.start-btn{padding:10px 20px;font-size:13px}}[data-theme=dark] .modal-backdrop{background:#000000b3}[data-theme=dark] .modal-container{background:linear-gradient(180deg,#1e293b,#0f172a);box-shadow:0 0 0 1px #3b82f633,0 25px 50px -12px #00000080,0 0 100px -20px #3b82f64d}[data-theme=dark] .orb-1{background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%)}[data-theme=dark] .orb-2{background:radial-gradient(circle,rgba(96,165,250,.15) 0%,transparent 70%)}[data-theme=dark] .modal-header h2{color:#f1f5f9}[data-theme=dark] .modal-header p{color:#94a3b8}[data-theme=dark] .close-btn{color:#64748b}[data-theme=dark] .close-btn:hover{background:#334155;color:#e2e8f0}[data-theme=dark] .section-label{color:#94a3b8}[data-theme=dark] .mode-card{background:#1e293b;border-color:#334155}[data-theme=dark] .mode-card:hover:not(.locked){border-color:#3b82f6;background:#293548;box-shadow:0 8px 24px #3b82f626}[data-theme=dark] .mode-card.selected{background:linear-gradient(180deg,#312e81,#1e1b4b);border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633,0 8px 24px #3b82f640}[data-theme=dark] .mode-card.locked{background:#1a2332;opacity:.5}[data-theme=dark] .mode-icon{color:#818cf8}[data-theme=dark] .mode-card.selected .mode-icon{color:#a5b4fc}[data-theme=dark] .mode-card.locked .mode-icon{color:#64748b}[data-theme=dark] .mode-card .mode-name{color:#f1f5f9}[data-theme=dark] .mode-card .mode-description{color:#94a3b8}[data-theme=dark] .mode-count{background:#334155;color:#94a3b8}[data-theme=dark] .mode-card.selected .mode-count{background:#3b82f64d;color:#a5b4fc}[data-theme=dark] .provider-group{background:#1e293b;border-color:#334155}[data-theme=dark] .provider-group:hover{border-color:#475569}[data-theme=dark] .provider-header{background:#1e293b}[data-theme=dark] .provider-header:hover{background:#293548}[data-theme=dark] .provider-header.expanded{background:linear-gradient(135deg,color-mix(in srgb,var(--provider-color, #3b82f6) 10%,#1e293b),color-mix(in srgb,var(--provider-color, #3b82f6) 15%,#1e293b));border-bottom-color:#334155}[data-theme=dark] .provider-header.has-selection,[data-theme=dark] .provider-icon{background:linear-gradient(135deg,color-mix(in srgb,var(--provider-color, #3b82f6) 15%,#1e293b),color-mix(in srgb,var(--provider-color, #3b82f6) 20%,#1e293b))}[data-theme=dark] .provider-name{color:#f1f5f9}[data-theme=dark] .provider-model-count{color:#94a3b8}[data-theme=dark] .total-count{color:#64748b}[data-theme=dark] .provider-models{background:#0f172a}[data-theme=dark] .model-count-indicator{background:#334155;color:#94a3b8}[data-theme=dark] .model-card{background:#1e293b;border-color:#334155}[data-theme=dark] .model-card:hover:not(.locked){border-color:var(--accent-color, #3b82f6);background:#293548}[data-theme=dark] .model-card.selected{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-color) 15%,#1e293b),color-mix(in srgb,var(--accent-color) 25%,#0f172a));border-color:var(--accent-color, #3b82f6);box-shadow:0 2px 12px color-mix(in srgb,var(--accent-color) 25%,transparent)}[data-theme=dark] .model-card.locked{background:#1a2332;border-color:#2d3748}[data-theme=dark] .model-card.locked:hover{border-color:#2d3748;background:#1a2332}[data-theme=dark] .model-card .model-name{color:#f1f5f9}[data-theme=dark] .model-card .model-tier{color:#94a3b8}[data-theme=dark] .check-mark{background:#334155}[data-theme=dark] .model-card.selected .check-mark{background:var(--accent-color);color:#fff}[data-theme=dark] .loading-models{color:#94a3b8}[data-theme=dark] .spinner{border-color:#334155;border-top-color:#3b82f6}[data-theme=dark] .synthesis-selector{background:linear-gradient(135deg,#7c3aed26,#3b82f626);border-color:#7c3aed4d}[data-theme=dark] .synthesis-header label{color:#f1f5f9}[data-theme=dark] .synthesis-hint{color:#94a3b8}[data-theme=dark] .synthesis-dropdown{background:#1e293b;border-color:#475569;color:#f1f5f9}[data-theme=dark] .synthesis-dropdown:hover{border-color:#3b82f6}[data-theme=dark] .synthesis-dropdown:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640}[data-theme=dark] .modal-footer{background:#0f172a;border-top-color:#334155}[data-theme=dark] .cancel-btn{background:#1e293b;border-color:#475569;color:#94a3b8}[data-theme=dark] .cancel-btn:hover{background:#334155;border-color:#64748b;color:#e2e8f0}[data-theme=dark] .start-btn{background:linear-gradient(135deg,#475569,#334155)}[data-theme=dark] .start-btn.ready{background:linear-gradient(135deg,#3b82f6,#4f46e5);box-shadow:0 4px 16px #3b82f666}[data-theme=dark] .start-btn.ready:hover{box-shadow:0 6px 24px #3b82f680}.quota-panel-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.quota-panel{background:var(--theme-surface);border:1px solid var(--theme-border-subtle);border-radius:20px;box-shadow:var(--shadow-xl),0 0 0 1px rgba(var(--theme-primary-rgb),.05);width:90%;max-width:880px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .25s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.quota-panel-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 20px;border-bottom:1px solid var(--theme-border-subtle);background:linear-gradient(135deg,rgba(var(--theme-primary-rgb),.04),rgba(var(--theme-secondary-rgb),.02))}.quota-panel-header h2{margin:0;font-size:20px;font-weight:700;color:var(--theme-text);font-family:var(--font-display, "Instrument Serif", Georgia, serif);letter-spacing:-.3px}.close-button{width:32px;height:32px;border-radius:8px;border:1px solid var(--theme-border-subtle);background:transparent;color:var(--theme-text-muted);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:rgba(var(--theme-primary-rgb),.08);color:var(--theme-primary);border-color:rgba(var(--theme-primary-rgb),.3);transform:rotate(90deg)}.quota-panel-content{flex:1;overflow-y:auto;padding:24px 28px;scrollbar-width:thin;scrollbar-color:rgba(var(--theme-primary-rgb),.2) transparent}.quota-panel-content::-webkit-scrollbar{width:6px}.quota-panel-content::-webkit-scrollbar-track{background:transparent}.quota-panel-content::-webkit-scrollbar-thumb{background:rgba(var(--theme-primary-rgb),.2);border-radius:3px}.quota-panel-loading,.quota-panel-error,.quota-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--theme-text-muted);text-align:center;gap:16px}.quota-panel-loading .spinner{width:36px;height:36px;border:3px solid rgba(var(--theme-primary-rgb),.15);border-top-color:var(--theme-primary);border-radius:50%;animation:spin .8s linear infinite}.retry-button{padding:9px 22px;background:var(--theme-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--theme-font);transition:all .2s ease}.retry-button:hover{opacity:.9;transform:translateY(-1px)}.plan-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;margin-bottom:20px;border:1px solid rgba(var(--theme-primary-rgb),.12);background:linear-gradient(135deg,rgba(var(--theme-primary-rgb),.04) 0%,transparent 100%)}.plan-badge{padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-family:var(--theme-font)}.plan-info{display:flex;flex-direction:column;gap:2px}.plan-label{font-size:13px;font-weight:600;color:var(--theme-text);font-family:var(--theme-font)}.plan-detail{font-size:11px;color:var(--theme-text-muted);font-family:var(--theme-font)}.usage-ring-section{display:flex;align-items:center;gap:24px;margin-bottom:20px}.usage-ring{position:relative;flex-shrink:0}.usage-ring-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.usage-ring-number{font-size:22px;font-weight:700;color:var(--theme-text);font-family:var(--theme-font);line-height:1}.usage-ring-separator{font-size:12px;color:var(--theme-text-muted)}.usage-ring-limit{font-size:13px;font-weight:600;color:var(--theme-text-muted)}.usage-ring-details{display:flex;flex-direction:column;gap:6px}.usage-ring-label{font-size:15px;font-weight:700;color:var(--theme-text);font-family:var(--theme-font)}.usage-ring-remaining,.usage-ring-reset{font-size:12px;color:var(--theme-text-muted);font-family:var(--theme-font)}.usage-sparkline{margin-bottom:20px;padding:14px 16px;background:var(--theme-surface2);border:1px solid var(--theme-border-subtle);border-radius:12px}.sparkline-label{font-size:11px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-family:var(--theme-font)}.sparkline-bars{display:flex;align-items:flex-end;gap:2px;height:44px}.sparkline-bar-wrapper{flex:1;height:100%;display:flex;align-items:flex-end;cursor:default}.sparkline-bar{width:100%;border-radius:2px 2px 0 0;min-height:2px;transition:opacity .15s ease}.sparkline-bar-wrapper:hover .sparkline-bar{opacity:.8}.providers-list{display:flex;flex-direction:column;gap:24px}.provider-section{background:var(--theme-surface2);border-radius:14px;padding:18px;border:1px solid var(--theme-border-subtle)}.provider-name{font-size:16px;font-weight:700;color:var(--theme-primary);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--theme-border-subtle);font-family:var(--theme-font)}.models-list{display:flex;flex-direction:column;gap:12px}.model-quota{background:var(--theme-surface);border-radius:10px;padding:14px;border:1px solid var(--theme-border-subtle);transition:all .2s ease}.model-quota:hover{border-color:rgba(var(--theme-primary-rgb),.2);box-shadow:0 2px 12px rgba(var(--theme-primary-rgb),.06)}.model-quota-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.model-name{font-size:13px;font-weight:600;color:var(--theme-text);font-family:var(--theme-font)}.last-updated,.no-data-badge{font-size:11px;color:var(--theme-text-muted)}.no-data-badge{padding:3px 8px;background:rgba(var(--theme-primary-rgb),.06);border-radius:4px;font-weight:500}.quota-metrics{display:flex;flex-direction:column;gap:10px}.quota-metric{display:flex;flex-direction:column;gap:4px}.quota-metric-header{display:flex;align-items:center;justify-content:space-between}.quota-metric-label{font-size:11px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px;font-family:var(--theme-font)}.quota-metric-value{font-size:12px;font-weight:700;font-family:var(--theme-font)}.quota-metric-value.normal{color:var(--theme-primary)}.quota-metric-value.warning{color:var(--theme-yellow)}.quota-metric-value.critical{color:#ef4444}.quota-progress-bar{height:5px;background:var(--theme-border-subtle);border-radius:3px;overflow:hidden}.quota-progress-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.quota-progress-fill.normal{background:var(--theme-primary)}.quota-progress-fill.warning{background:var(--theme-yellow)}.quota-progress-fill.critical{background:#ef4444}.quota-metric-remaining{font-size:10px;color:var(--theme-text-muted);text-align:right}.quota-panel-footer{padding:14px 28px;border-top:1px solid var(--theme-border-subtle);background:rgba(var(--theme-primary-rgb),.02)}.legend{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--theme-text-muted);font-family:var(--theme-font)}.legend-color{width:12px;height:12px;border-radius:3px}.legend-color.normal{background:var(--theme-primary)}.legend-color.warning{background:var(--theme-yellow)}.legend-color.critical{background:#ef4444}.usage-summary-section{margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--theme-border-subtle)}.section-title{font-size:14px;font-weight:700;color:var(--theme-text);margin:0 0 14px;font-family:var(--theme-font);text-transform:uppercase;letter-spacing:.4px}.usage-warning{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;margin-bottom:14px}.usage-warning.elevated{background:rgba(var(--theme-primary-rgb),.07);border:1px solid rgba(var(--theme-primary-rgb),.2);color:var(--theme-primary)}.usage-warning.warning{background:#fbbf2414;border:1px solid var(--theme-yellow);color:var(--theme-yellow)}.usage-warning.critical,.usage-warning.exceeded{background:#ef444412;border:1px solid rgba(239,68,68,.3);color:#ef4444}.usage-stat-card{background:var(--theme-surface2);border:1px solid var(--theme-border-subtle);border-radius:12px;padding:14px 16px;margin-bottom:10px}.usage-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.usage-stat-label{font-size:13px;font-weight:600;color:var(--theme-text);font-family:var(--theme-font)}.usage-stat-value{font-size:13px;font-weight:700;color:var(--theme-primary);font-family:var(--theme-font)}.usage-stat-bar{height:6px;background:var(--theme-border-subtle);border-radius:3px;overflow:hidden}.usage-stat-fill{height:100%;background:var(--theme-primary);border-radius:3px;transition:width .3s ease}.usage-stat-fill.warning{background:var(--theme-yellow)}.usage-stat-fill.critical,.usage-stat-fill.exceeded{background:#ef4444}.usage-stat-footer{margin-top:6px;font-size:11px;color:var(--theme-text-muted);text-align:right}.token-breakdown{display:flex;gap:20px;margin-top:10px;padding-top:10px;border-top:1px solid var(--theme-border-subtle)}.token-item{display:flex;flex-direction:column;gap:3px}.token-label{font-size:10px;font-weight:600;color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px}.token-value{font-size:13px;font-weight:700;color:var(--theme-text)}.per-model-usage{margin-top:14px;padding-top:10px;border-top:1px solid var(--theme-border-subtle)}.per-model-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600;color:var(--theme-text-muted);margin-bottom:8px}.recalculate-btn{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;background:transparent;border:1px solid var(--theme-border-subtle);border-radius:6px;color:var(--theme-text-muted);cursor:pointer;transition:all .15s ease}.recalculate-btn:hover:not(:disabled){background:rgba(var(--theme-primary-rgb),.06);border-color:var(--theme-primary);color:var(--theme-primary)}.recalculate-btn:disabled{opacity:.5;cursor:not-allowed}.recalculate-btn .spinner-small{width:11px;height:11px;border:1.5px solid rgba(var(--theme-primary-rgb),.2);border-top-color:var(--theme-primary);border-radius:50%;animation:spin .8s linear infinite}.per-model-empty{font-size:12px;color:var(--theme-text-muted);font-style:italic;padding:6px 0}.per-model-list{display:flex;flex-direction:column;gap:5px}.per-model-item{display:flex;justify-content:space-between;align-items:center;padding:5px 10px;background:rgba(var(--theme-primary-rgb),.04);border-radius:6px}.per-model-name{font-size:12px;font-weight:500;color:var(--theme-text)}.per-model-tokens{font-size:12px;font-weight:600;color:var(--theme-text-muted)}.usage-reset-info{margin-top:10px;font-size:12px;color:var(--theme-text-muted);text-align:center}@media(max-width:768px){.quota-panel{width:95%;max-height:90vh;border-radius:16px}.quota-panel-header,.quota-panel-content,.quota-panel-footer{padding-left:18px;padding-right:18px}.provider-section{padding:14px}.legend{gap:12px}.token-breakdown{flex-direction:column;gap:10px}.usage-ring-section{flex-direction:column;align-items:center;text-align:center}}.onboarding-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease;padding:20px;overflow-y:auto}.onboarding-modal{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0066cc4d;animation:slideUp .3s ease;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{padding:24px 32px;border-bottom:2px solid rgba(0,102,204,.1);display:flex;align-items:center;justify-content:space-between;position:relative}.onboarding-logo{height:36px;width:auto}.skip-button{background:none;border:none;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;padding:8px 16px;border-radius:8px;transition:all .2s ease}.skip-button:hover{background:#0066cc1a;color:#1e3a8a}.close-button{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button:hover{background:#ef44441a;color:#ef4444}.onboarding-progress{padding:24px 32px 32px;background:linear-gradient(135deg,#0066cc0d,#0049990d)}.progress-bar{width:100%;height:4px;background:#0066cc1a;border-radius:4px;overflow:hidden;margin-bottom:24px}.progress-fill{height:100%;background:linear-gradient(135deg,#1e3a8a,#004999);transition:width .3s ease;border-radius:4px}.progress-steps{display:flex;justify-content:space-between;gap:8px}.progress-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.step-circle{width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid rgba(0,102,204,.2);display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b;transition:all .3s ease}.progress-step.active .step-circle{border-color:#1e3a8a;color:#1e3a8a}.progress-step.current .step-circle{background:linear-gradient(135deg,#1e3a8a,#004999);color:#fff;border-color:transparent;box-shadow:0 4px 12px #0066cc4d}.step-label{font-size:13px;font-weight:600;color:#64748b;transition:color .3s ease}.progress-step.active .step-label,.progress-step.current .step-label{color:#1e3a8a}.onboarding-content{flex:1;padding:32px;overflow-y:auto;min-height:0}.onboarding-step{animation:fadeInStep .4s ease}@keyframes fadeInStep{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.onboarding-step h2{font-size:32px;font-weight:800;color:#1e293b;margin-bottom:16px;background:linear-gradient(135deg,#1e3a8a,#004999);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-description{font-size:16px;color:#64748b;line-height:1.6;margin-bottom:32px}.step-note{font-size:14px;color:#64748b;font-style:italic;margin-top:24px;padding:16px;background:#0066cc0d;border-left:3px solid #1e3a8a;border-radius:8px}.step-welcome{text-align:center;display:flex;flex-direction:column;align-items:center}.step-icon-large{width:120px;height:120px;background:linear-gradient(135deg,#1e3a8a,#004999);border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:32px;animation:pulse 2s ease-in-out infinite}.welcome-features{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;width:100%;max-width:500px}.feature-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:2px solid rgba(0,102,204,.1);border-radius:12px;transition:all .3s ease}.feature-item:hover{border-color:#1e3a8a;transform:translate(8px)}.feature-item svg{color:#10b981;flex-shrink:0}.feature-item span{font-size:16px;font-weight:600;color:#1e293b}.api-keys-form{display:flex;flex-direction:column;gap:20px}.provider-section{background:#fff;border:2px solid rgba(0,102,204,.1);border-radius:12px;padding:20px;transition:all .3s ease}.provider-section:hover{border-color:#1e3a8a;box-shadow:0 4px 12px #0066cc1a}.provider-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.provider-info h4{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:4px}.provider-info p{font-size:14px;color:#64748b}.get-key-link{color:#1e3a8a;text-decoration:none;font-size:14px;font-weight:600;padding:6px 12px;border-radius:6px;transition:all .2s ease;white-space:nowrap}.get-key-link:hover{background:#0066cc1a}.api-key-input{width:100%;padding:12px 16px;border:2px solid rgba(0,102,204,.2);border-radius:8px;font-size:14px;font-family:Courier New,monospace;transition:all .2s ease}.api-key-input:focus{outline:none;border-color:#1e3a8a;box-shadow:0 0 0 3px #0066cc1a}.provider-details{margin-top:12px}.provider-details summary{cursor:pointer;font-weight:600;color:#1e3a8a;padding:12px;border-radius:8px;transition:all .2s ease}.provider-details summary:hover{background:#0066cc0d}.provider-details[open] summary{margin-bottom:16px}.mode-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.mode-card{background:#fff;border:2px solid rgba(0,102,204,.1);border-radius:16px;padding:24px;cursor:pointer;transition:all .3s ease;text-align:center;position:relative}.mode-card:hover{border-color:#1e3a8a;transform:translateY(-4px);box-shadow:0 8px 24px #0066cc26}.mode-card.selected{border-color:#1e3a8a;border-width:3px;background:linear-gradient(135deg,#0066cc0d,#0049990d);box-shadow:0 8px 24px #06c3}.mode-icon{width:60px;height:60px;margin:0 auto 16px;color:#1e3a8a}.mode-card h4{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.mode-card p{font-size:14px;color:#64748b;line-height:1.5;margin-bottom:12px}.mode-badge{display:inline-block;padding:4px 12px;background:#0066cc1a;color:#1e3a8a;border-radius:12px;font-size:12px;font-weight:700;text-transform:uppercase}.mode-badge.recommended{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.mode-explanation{padding:16px;background:#0066cc0d;border-left:3px solid #1e3a8a;border-radius:8px;font-size:15px;color:#1e293b;text-align:center}.tips-list{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.tip-item{display:flex;gap:20px;padding:24px;background:#fff;border:2px solid rgba(0,102,204,.1);border-radius:12px;transition:all .3s ease}.tip-item:hover{border-color:#1e3a8a;box-shadow:0 4px 12px #0066cc1a}.tip-number{width:40px;height:40px;background:linear-gradient(135deg,#1e3a8a,#004999);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;flex-shrink:0}.tip-content{flex:1}.tip-content h4{font-size:18px;font-weight:700;color:#1e293b;margin-bottom:8px}.tip-content p{font-size:15px;color:#64748b;line-height:1.6;margin-bottom:12px}.tip-example{font-size:14px;padding:8px 12px;border-radius:6px;margin-top:8px}.tip-example .good{color:#10b981;font-weight:700;margin-right:8px}.tip-example .bad{color:#ef4444;font-weight:700;margin-right:8px}.tip-example:has(.good){background:#10b9811a;border-left:3px solid #10B981}.tip-example:has(.bad){background:#ef44441a;border-left:3px solid #EF4444}.dont-show-again{padding:20px;background:#0066cc0d;border-radius:12px;display:flex;justify-content:center}.dont-show-again label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:600;color:#1e293b}.dont-show-again input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#1e3a8a}.onboarding-navigation{padding:24px 32px;border-top:2px solid rgba(0,102,204,.1);display:flex;justify-content:space-between;align-items:center;gap:16px}.step-indicator{font-size:14px;font-weight:600;color:#64748b}.btn-secondary{background:#fff;border:2px solid #1e3a8a;color:#1e3a8a;padding:12px 24px;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover:not(:disabled){background:#1e3a8a;color:#fff}.btn-secondary:disabled{opacity:.4;cursor:not-allowed;border-color:#cbd5e1;color:#cbd5e1}.btn-primary{background:linear-gradient(135deg,#1e3a8a,#004999);border:none;color:#fff;padding:12px 32px;font-size:15px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0066cc4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #06c6}@media(max-width:768px){.onboarding-backdrop{padding:0;align-items:stretch}.onboarding-modal{max-width:100%;max-height:100vh;height:100vh;border-radius:0;margin:0}.onboarding-header,.onboarding-progress,.onboarding-content,.onboarding-navigation{padding-left:20px;padding-right:20px}.onboarding-content{flex:1;overflow-y:auto}.onboarding-step h2{font-size:24px}.progress-steps{gap:4px}.step-circle{width:32px;height:32px;font-size:14px}.step-label{font-size:11px}.mode-selector{grid-template-columns:1fr}.tip-item{flex-direction:column;gap:12px}.onboarding-navigation{flex-wrap:wrap;flex-shrink:0}.step-indicator{order:-1;width:100%;text-align:center;margin-bottom:12px}}@media(max-width:480px){.welcome-features{gap:12px}.feature-item{padding:12px}.provider-header{flex-direction:column;gap:8px}.get-key-link{align-self:flex-start}}.onboarding-content::-webkit-scrollbar{width:8px}.onboarding-content::-webkit-scrollbar-track{background:#0066cc0d;border-radius:4px}.onboarding-content::-webkit-scrollbar-thumb{background:#0066cc4d;border-radius:4px}.onboarding-content::-webkit-scrollbar-thumb:hover{background:#0066cc80}.launch-modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center}.launch-modal{position:relative;width:90%;max-width:480px;max-height:85vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;z-index:10001;padding:32px;margin:20px}.launch-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s}.launch-modal-close:hover{background:#e5e7eb;color:#111827}.launch-modal-header{text-align:center;margin-bottom:28px}.launch-modal-badge{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;margin-bottom:16px}.launch-modal-header h2{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 8px;letter-spacing:-.02em}.launch-modal-header p{font-size:1rem;color:#6b7280;margin:0}.launch-modal-benefits{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.benefit-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#3b82f60d,#60a5fa0d);border:1px solid rgba(59,130,246,.1);border-radius:12px;transition:all .2s}.benefit-item:hover{border-color:#3b82f633;transform:translate(4px)}.benefit-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:10px;color:#fff}.benefit-icon svg{width:20px;height:20px}.benefit-text{display:flex;flex-direction:column;gap:2px}.benefit-text strong{font-size:.9375rem;font-weight:600;color:#111827}.benefit-text span{font-size:.8125rem;color:#6b7280}.launch-modal-action{text-align:center}.request-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;font-size:1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px #3b82f659}.request-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f673;transform:translateY(-1px)}.request-btn:disabled{opacity:.7;cursor:not-allowed}.btn-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.request-note{font-size:.8125rem;color:#9ca3af;margin:12px 0 0}.request-success{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid rgba(16,185,129,.3);border-radius:12px;color:#059669;font-weight:500}.request-success svg{flex-shrink:0;color:#10b981}[data-theme=dark] .launch-modal{background:#1e293b;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}[data-theme=dark] .launch-modal-close{background:#334155;color:#94a3b8}[data-theme=dark] .launch-modal-close:hover{background:#475569;color:#f1f5f9}[data-theme=dark] .launch-modal-header h2{color:#f1f5f9}[data-theme=dark] .launch-modal-header p{color:#94a3b8}[data-theme=dark] .benefit-item{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);border-color:#3b82f633}[data-theme=dark] .benefit-item:hover{border-color:#3b82f659}[data-theme=dark] .benefit-text strong{color:#f1f5f9}[data-theme=dark] .benefit-text span{color:#94a3b8}[data-theme=dark] .request-note{color:#64748b}[data-theme=dark] .request-success{background:linear-gradient(135deg,#10b98126,#05966926);border-color:#10b98166;color:#34d399}@media(max-width:480px){.launch-modal{padding:24px;width:95%;border-radius:16px}.launch-modal-header h2{font-size:1.5rem}.benefit-item{padding:12px 14px}.benefit-icon{width:36px;height:36px}.benefit-icon svg{width:18px;height:18px}.benefit-text strong{font-size:.875rem}.benefit-text span{font-size:.75rem}}.chatbot-toggle{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e3a8a);border:none;cursor:pointer;box-shadow:0 4px 20px #3b82f666;display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s;z-index:1000}.chatbot-toggle:hover{transform:scale(1.1);box-shadow:0 6px 25px #3b82f680}.chatbot-toggle svg{width:28px;height:28px;color:#fff}.chatbot-window{position:fixed;bottom:100px;right:24px;width:380px;max-width:calc(100vw - 48px);height:500px;max-height:calc(100vh - 150px);background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chatbot-header{background:linear-gradient(135deg,#3b82f6,#1e3a8a);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.chatbot-header-info{display:flex;align-items:center;gap:12px}.chatbot-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.chatbot-header-text h3{margin:0;font-size:16px;font-weight:600}.chatbot-header-text p{margin:2px 0 0;font-size:12px;opacity:.9}.chatbot-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;opacity:.8;transition:opacity .2s}.chatbot-close:hover{opacity:1}.chatbot-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f8faff}.chatbot-message{max-width:85%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.5;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chatbot-message.bot{background:#fff;color:#333;align-self:flex-start;border-bottom-left-radius:4px;box-shadow:0 1px 3px #0000001a}.bot-message-content{display:block;width:100%}.bot-message-content p{display:block;margin:0 0 10px;line-height:1.5}.bot-message-content p:last-child{margin-bottom:0}.bot-message-content h1,.bot-message-content h2,.bot-message-content h3,.bot-message-content h4{display:block;margin:16px 0 8px;font-weight:600;color:#4a5568}.bot-message-content h1:first-child,.bot-message-content h2:first-child,.bot-message-content h3:first-child,.bot-message-content h4:first-child{margin-top:0}.bot-message-content h2{font-size:15px;color:#3b82f6}.bot-message-content h3{font-size:14px}.bot-message-content h4{font-size:13px}.bot-message-content strong{font-weight:600;color:#4a5568}.bot-message-content em{font-style:italic}.chatbot-message strong{font-weight:600;color:#4a5568}.chatbot-message em{font-style:italic}.chatbot-message h3{font-size:14px;font-weight:600;color:#3b82f6;margin:12px 0 6px}.chatbot-message h3:first-child{margin-top:0}.chatbot-message h4{font-size:13px;font-weight:600;color:#4a5568;margin:10px 0 4px}.chatbot-message h4:first-child{margin-top:0}.chatbot-message p{display:block;margin:0 0 10px}.chatbot-message p:last-child{margin-bottom:0}.bot-message-content ul{display:block;margin:12px 0;padding-left:24px;list-style-type:disc}.bot-message-content ul ul{margin:6px 0;padding-left:20px;list-style-type:circle}.bot-message-content ul li{display:list-item;margin:8px 0;line-height:1.5}.bot-message-content ul li::marker{color:#3b82f6}.bot-message-content ol{display:block;margin:12px 0;padding-left:28px;list-style-type:decimal}.bot-message-content ol li{display:list-item;margin:8px 0;line-height:1.5}.bot-message-content ol li::marker{color:#3b82f6;font-weight:600}.bot-message-content pre{display:block;background:#1e1e2e!important;border-radius:8px;padding:12px;overflow-x:auto;margin:10px 0;color:#e0e0e0!important}.bot-message-content pre code{color:#e0e0e0!important;background:transparent!important;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px;white-space:pre;padding:0}.bot-message-content code{background:#e8e8f0!important;color:#333!important;padding:2px 6px;border-radius:4px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:12px}.bot-message-content blockquote{border-left:3px solid #3b82f6;margin:10px 0;padding:8px 12px;background:#f5f5ff;color:#333}.bot-message-content table{border-collapse:collapse;width:100%;margin:10px 0;font-size:13px}.bot-message-content th,.bot-message-content td{border:1px solid #ddd;padding:8px;text-align:left;background:#fff;color:#333}.bot-message-content th{background:#f5f5f5;font-weight:600}.bot-message-content hr{border:none;border-top:1px solid #ddd;margin:12px 0}.chatbot-message.user{background:linear-gradient(135deg,#3b82f6,#1e3a8a);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.chatbot-message.typing{background:#fff;display:flex;gap:4px;padding:16px}.typing-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-8px);opacity:1}}.chatbot-booking-cta{background:#e8f5e9;border:1px solid #4caf50;border-radius:12px;padding:12px;margin-top:8px;text-align:center}.chatbot-booking-cta p{margin:0 0 8px;font-size:13px;color:#2e7d32}.chatbot-booking-btn{background:#4caf50;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.chatbot-booking-btn:hover{background:#388e3c}.chatbot-input-area{padding:12px 16px;border-top:1px solid #e0e0e0;background:#fff;display:flex;gap:8px}.chatbot-input{flex:1;padding:12px 16px;border:1px solid #e0e0e0;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.chatbot-input:focus{border-color:#3b82f6}.chatbot-send{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1e3a8a);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.chatbot-send:hover{transform:scale(1.05)}.chatbot-send:disabled{background:#ccc;cursor:not-allowed}.chatbot-send svg{width:20px;height:20px;color:#fff}.chatbot-quick-actions{padding:8px 16px;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #e0e0e0;background:#fff}.quick-action-btn{background:#f0f0f0;border:none;padding:6px 12px;border-radius:16px;font-size:12px;color:#666;cursor:pointer;transition:background .2s,color .2s}.quick-action-btn:hover{background:#3b82f6;color:#fff}@media(max-width:480px){.chatbot-window{width:calc(100vw - 32px);right:16px;bottom:90px;height:calc(100vh - 120px)}.chatbot-toggle{right:16px;bottom:16px}}*{box-sizing:border-box}.app{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--color-bg-light);color:var(--color-text-primary);font-family:var(--font-family);position:relative}@supports (padding-left: env(safe-area-inset-left)){.app{padding-left:env(safe-area-inset-left)}}