*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}textarea{border:none;outline:none;box-shadow:none;-webkit-appearance:none}textarea:focus{border:none;outline:none;box-shadow:none}:root{--surface: #03070F;--surface-container-low: #060D1A;--surface-container: #0B1626;--surface-container-high: #101F35;--surface-container-highest: #172844;--surface-bright: #1E3359;--surface-variant: rgba(6, 13, 26, .72);--primary: #7C3AFF;--primary-dim: #5B2AD6;--primary-bright: #9B5FFF;--primary-glow: rgba(124, 58, 255, .4);--primary-ghost: rgba(124, 58, 255, .12);--on-primary: #FFFFFF;--secondary: #3B82FF;--secondary-container: rgba(59, 130, 255, .18);--secondary-dim: rgba(59, 130, 255, .12);--on-secondary: #FFFFFF;--tertiary: #22D3EE;--tertiary-container: rgba(34, 211, 238, .14);--on-tertiary: #003845;--cyan: #22D3EE;--cyan-dim: rgba(34, 211, 238, .12);--on-surface: #E8F4FF;--on-surface-variant: #8BA3C4;--on-surface-muted: #4E6A8A;--success: #00E676;--success-dim: rgba(0, 230, 118, .12);--warning: #FFD600;--warning-dim: rgba(255, 214, 0, .12);--error: #FF5370;--error-dim: rgba(255, 83, 112, .12);--info: #40C4FF;--outline-variant: rgba(124, 58, 255, .2);--outline-ghost: rgba(255, 255, 255, .05);--shadow-ambient: 0 4px 24px rgba(0, 0, 0, .6);--shadow-float: 0 8px 40px rgba(0, 0, 0, .7), 0 0 0 1px rgba(124, 58, 255, .14);--shadow-glow-primary: 0 0 24px rgba(124, 58, 255, .38), 0 0 60px rgba(124, 58, 255, .16);--shadow-glow-sm: 0 0 12px rgba(124, 58, 255, .25);--shadow-neon: 0 0 8px var(--primary), 0 0 24px var(--primary-glow), 0 0 48px rgba(124,58,255,.12);--gradient-brand: linear-gradient(135deg, #3B82FF 0%, #5B6FFF 40%, #7C3AFF 100%);--gradient-text: linear-gradient(135deg, #3B82FF, #7C3AFF);--gradient-primary: linear-gradient(135deg, #3B82FF 0%, #7C3AFF 100%);--gradient-surface: linear-gradient(180deg, var(--surface-container-high) 0%, var(--surface) 100%);--gradient-glow-bg: radial-gradient(ellipse at 50% 0%, rgba(124,58,255,.14) 0%, transparent 65%);--font-display: "Manrope", system-ui, sans-serif;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--transition: all .18s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .35s cubic-bezier(.4, 0, .2, 1);--bg-primary: var(--surface);--bg-secondary: var(--surface-container);--bg-tertiary: var(--surface-container-high);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--on-surface-muted);--border-primary: var(--outline-variant);--border-subtle: var(--outline-ghost);--card-bg: var(--surface-container);--input-bg: rgba(6, 13, 26, .8);--hover-bg: rgba(124, 58, 255, .06);--code-bg: rgba(0, 0, 0, .45);--code-border: var(--outline-ghost)}:root[data-theme=light]{--surface: #F8FAFC;--surface-container-low: #FFFFFF;--surface-container: #F1F5F9;--surface-container-high: #E2E8F0;--surface-container-highest: #CBD5E1;--surface-bright: #94A3B8;--surface-variant: rgba(241, 245, 249, .92);--on-surface: #0F172A;--on-surface-variant: #334155;--on-surface-muted: #64748B;--primary: #7C3AED;--primary-dim: #6D28D9;--primary-bright: #8B5CF6;--primary-glow: rgba(124, 58, 237, .22);--primary-ghost: rgba(124, 58, 237, .1);--secondary: #2563EB;--secondary-container: rgba(37, 99, 235, .1);--secondary-dim: rgba(37, 99, 235, .08);--tertiary: #0891B2;--tertiary-container: rgba(8, 145, 178, .1);--cyan: #0891B2;--cyan-dim: rgba(8, 145, 178, .1);--success: #059669;--success-dim: rgba(5, 150, 105, .1);--warning: #D97706;--warning-dim: rgba(217, 119, 6, .1);--error: #DC2626;--error-dim: rgba(220, 38, 38, .1);--info: #0284C7;--outline-variant: rgba(124, 58, 237, .2);--outline-ghost: #E2E8F0;--shadow-ambient: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow-float: 0 4px 6px rgba(15, 23, 42, .04), 0 10px 24px rgba(15, 23, 42, .08), 0 0 0 1px rgba(124, 58, 237, .06);--shadow-glow-primary: 0 6px 18px rgba(124, 58, 237, .22), 0 0 0 1px rgba(124, 58, 237, .12);--shadow-glow-sm: 0 2px 8px rgba(124, 58, 237, .18);--shadow-neon: 0 0 0 1px rgba(124, 58, 237, .3), 0 0 16px rgba(124, 58, 237, .18);--bg-primary: var(--surface);--bg-secondary: var(--surface-container);--bg-tertiary: var(--surface-container-high);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--on-surface-muted);--border-primary: var(--outline-variant);--border-subtle: var(--outline-ghost);--card-bg: var(--surface-container-low);--input-bg: #FFFFFF;--hover-bg: rgba(124, 58, 237, .06);--code-bg: #0D1117;--code-border: rgba(15, 23, 42, .12)}html,body,#root,button,input,textarea,select,a{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.chat-elevated-surface,.page-header-surface{background:#0f192c80}:root[data-theme=light] .chat-elevated-surface,:root[data-theme=light] .page-header-surface{background:#ffffffd9;box-shadow:0 1px #0f172a0a}.chat-composer-surface{background:#0a111fb3}:root[data-theme=light] .chat-composer-surface{background:#fff}.brand-agentis-word{color:#fff}:root[data-theme=light] .brand-agentis-word{color:#2563eb}:root[data-theme=light] .input,:root[data-theme=light] input[type=text],:root[data-theme=light] input[type=email],:root[data-theme=light] input[type=password],:root[data-theme=light] input[type=number],:root[data-theme=light] input[type=search],:root[data-theme=light] textarea,:root[data-theme=light] select{background:#fff;border:1px solid var(--outline-ghost);color:var(--on-surface);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-theme=light] .input:focus,:root[data-theme=light] input:focus,:root[data-theme=light] textarea:focus,:root[data-theme=light] select:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed1f,0 1px 2px #0f172a0f}:root[data-theme=light] .input::placeholder,:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#94a3b8}:root[data-theme=light]{--input-bg: #FFFFFF}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a2e}:root[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--primary)}:root[data-theme=light] h1,:root[data-theme=light] h2,:root[data-theme=light] h3{color:#0b1220}:root[data-theme=light] .md-code-block{border:1px solid rgba(15,23,42,.15);box-shadow:0 2px 8px #0f172a0f}:root[data-theme=light] .md-h2{border-bottom:1px solid var(--outline-ghost)}:root[data-theme=light] .md-code-inline{background:#7c3aed14;border-color:#7c3aed33;color:var(--primary-dim)}:root[data-theme=light] .md-table{background:#fff;box-shadow:0 1px 3px #0f172a0a}:root[data-theme=light] .md-table thead{background:var(--surface-container)}:root[data-theme=light] select option,:root[data-theme=light] select optgroup{background-color:#fff;color:var(--on-surface)}:root[data-theme=light] select option:checked{background-color:var(--primary);color:#fff}:root[data-theme=light] select option:hover,:root[data-theme=light] select option:focus{background-color:var(--primary-ghost);color:var(--primary-dim)}:root[data-theme=light] .badge{background:var(--surface-container);border:1px solid var(--outline-ghost)}:root[data-theme=light] .btn-secondary{background:#fff;border:1px solid var(--outline-ghost);color:var(--on-surface)}:root[data-theme=light] .btn-secondary:hover{background:var(--surface-container);border-color:var(--primary)}html,body,#root{height:100%;font-family:var(--font-sans);background:var(--surface);color:var(--on-surface);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(124,58,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,255,.025) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}:root[data-theme=light] body:before{background-image:linear-gradient(rgba(109,40,217,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(109,40,217,.04) 1px,transparent 1px)}#root{position:relative;z-index:1}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--primary-dim),var(--secondary));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary-ghost);color:var(--primary)}:focus-visible{outline:1.5px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 3px var(--primary-ghost)}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-bright);text-shadow:0 0 8px var(--primary-glow)}.display-lg{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--on-surface)}.display-md{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);font-weight:700;letter-spacing:-.025em;line-height:1.15}.display-sm{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.headline-md{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.02em}.headline-sm{font-family:var(--font-display);font-size:16px;font-weight:600;letter-spacing:-.01em}.title-md{font-size:15px;font-weight:600;letter-spacing:-.01em}.title-sm{font-size:13px;font-weight:500}.body-lg{font-size:15px;font-weight:400;line-height:1.7}.body-md{font-size:13px;font-weight:400;line-height:1.65}.body-sm{font-size:12px;font-weight:400;line-height:1.6}.label-lg{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.label-sm{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.code{font-family:var(--font-mono);font-size:12px}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);border:none;white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.08) 50%,transparent 60%);transform:translate(-100%);transition:transform .4s ease}.btn:hover:after{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#0099BB 100%);color:var(--on-primary);font-weight:600;box-shadow:0 0 16px #7c3aff66,0 4px 16px #0006;border:1px solid rgba(124,58,255,.3)}.btn-primary:hover{box-shadow:0 0 28px #7c3aff99,0 4px 24px #00000080;filter:brightness(1.1)}.btn-secondary{background:#7c3aff0f;color:var(--primary);border:1px solid rgba(124,58,255,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#7c3aff1f;border-color:#7c3aff80;box-shadow:0 0 12px #7c3aff33}.btn-ghost{background:transparent;color:var(--on-surface-variant);border:1px solid var(--outline-ghost)}.btn-ghost:hover{background:var(--surface-container-highest);color:var(--on-surface);border-color:var(--outline-variant)}.btn-danger{background:var(--error-dim);color:var(--error);border:1px solid rgba(255,83,112,.2)}.btn-danger:hover{background:#ff537033;box-shadow:0 0 12px #ff537040}.card{background:var(--surface-container-high);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--outline-ghost);box-shadow:var(--shadow-ambient);transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,255,.3),transparent);opacity:0;transition:var(--transition)}.card:hover{background:var(--surface-container-highest);border-color:#7c3aff26;box-shadow:var(--shadow-float);transform:translateY(-2px)}.card:hover:before{opacity:1}.card-elevated{background:var(--surface-container-highest);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid rgba(124,58,255,.1);box-shadow:var(--shadow-float)}.card-glass{background:#060d1a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid rgba(124,58,255,.12);padding:var(--space-lg);box-shadow:var(--shadow-float);position:relative;overflow:hidden}.card-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,255,.4),transparent)}.card-neon{background:var(--surface-container-high);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid var(--primary-dim);box-shadow:0 0 20px #7c3aff26,inset 0 0 20px #7c3aff08}.input{width:100%;padding:10px 14px;background:#060d1acc;border:1px solid var(--outline-ghost);border-radius:var(--radius-sm);color:var(--on-surface);font-family:var(--font-sans);font-size:13px;transition:var(--transition);outline:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.input:focus{border-color:#7c3aff80;box-shadow:0 0 0 3px #7c3aff14,0 0 16px #7c3aff26;background:#7c3aff08}.input::placeholder{color:var(--on-surface-muted)}.agentis-container{width:100%;max-width:1600px;margin:0 auto;padding:0 clamp(20px,2.5vw,40px)}@media (min-width: 1600px){.agentis-container{max-width:1800px}}@media (min-width: 1920px){.agentis-container{max-width:92%}}@media (min-width: 2400px){.agentis-container{max-width:88%}}.agentis-container-wide{width:100%;max-width:1800px;margin:0 auto;padding:0 clamp(20px,2.5vw,40px)}@media (min-width: 1920px){.agentis-container-wide{max-width:94%}}.agentis-container-narrow{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(20px,2.5vw,40px)}@media (min-width: 1920px){.agentis-container-narrow{max-width:1400px}}.agentis-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.agentis-grid-sm{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.agentis-grid-lg{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(480px,1fr))}select{color:var(--on-surface);font-family:var(--font-sans);font-size:13px;outline:none;cursor:pointer}select:focus{outline:none}select:disabled{opacity:.55;cursor:not-allowed}select option,select optgroup{background-color:#070b16;color:var(--on-surface);padding:6px 10px}select option:checked{background-color:#312e81;color:#fff}select option:hover,select option:focus{background-color:#1f1b6b;color:#fff}select option:disabled{color:var(--on-surface-muted)}.input[as=select],select.input{color:var(--on-surface);cursor:pointer}.agentis-select{background-color:#080c18f2;color:var(--on-surface);border:1px solid rgba(139,92,246,.35);border-radius:10px;padding:10px 14px;outline:none;font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:var(--transition)}.agentis-select:focus{border-color:#8b5cf6d9;box-shadow:0 0 0 3px #8b5cf638}.agentis-select option{background-color:#070b16;color:var(--on-surface)}.agentis-select option:checked{background-color:#312e81;color:#fff}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-cyan{background:#7c3aff1a;color:var(--primary);border:1px solid rgba(124,58,255,.25)}.badge-green{background:var(--success-dim);color:var(--success);border:1px solid rgba(0,230,118,.2)}.badge-amber{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(255,214,0,.2)}.badge-red{background:var(--error-dim);color:var(--error);border:1px solid rgba(255,83,112,.2)}.badge-purple{background:#3b82ff1f;color:var(--secondary);border:1px solid rgba(59,130,255,.25)}.badge-lime{background:var(--tertiary-container);color:var(--tertiary);border:1px solid rgba(178,255,5,.2)}.badge-gray{background:#ffffff0d;color:var(--on-surface-variant)}.badge-blue{background:var(--secondary-dim);color:var(--secondary);border:1px solid rgba(59,130,255,.2)}.chip-agent{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:var(--tertiary-container);color:var(--tertiary);border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid rgba(178,255,5,.2)}.table{width:100%;border-collapse:collapse}.table th{padding:10px 16px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-muted);border-bottom:1px solid var(--outline-ghost)}.table td{padding:13px 16px;color:var(--on-surface);font-size:13px}.table tbody tr{border-top:none;transition:var(--transition)}.table tbody tr:hover{background:#7c3aff0a}.metric-card{background:var(--surface-container-highest);border-radius:var(--radius-md);padding:20px 24px;border:1px solid var(--outline-ghost);box-shadow:var(--shadow-ambient);position:relative;overflow:hidden;transition:var(--transition)}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,255,.5),transparent)}.metric-card:after{content:"";position:absolute;bottom:0;right:0;width:80px;height:80px;background:radial-gradient(circle,rgba(124,58,255,.06) 0%,transparent 70%);pointer-events:none}.metric-card:hover{background:var(--surface-bright);border-color:#7c3aff26;box-shadow:var(--shadow-float);transform:translateY(-1px)}.metric-value{font-family:var(--font-display);font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--on-surface)}.metric-label{font-size:12px;color:var(--on-surface-variant);margin-top:6px}.metric-delta{font-size:12px;margin-top:6px;font-weight:500}.section-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-muted)}.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(124,58,255,.15),transparent);margin:var(--space-lg) 0}.glass{background:#060d1aa6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(124,58,255,.1)}.gradient-border{position:relative;background:var(--surface-container-high);border-radius:var(--radius-md)}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#7c3aff99,#3b82ff99);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.neon-text{color:var(--primary);text-shadow:0 0 8px var(--primary-glow),0 0 20px rgba(124,58,255,.3)}.neon-text-sm{color:var(--primary);text-shadow:0 0 6px var(--primary-glow)}.neon-border{border:1px solid var(--primary-dim);box-shadow:0 0 12px #7c3aff33,inset 0 0 12px #7c3aff0a}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-fast{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{opacity:1;box-shadow:0 0 8px var(--primary-glow)}50%{opacity:.7;box-shadow:0 0 24px var(--primary-glow),0 0 48px #7c3aff26}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes typing-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes neon-flicker{0%,95%,to{opacity:1}96%{opacity:.8}97%{opacity:1}98%{opacity:.6}99%{opacity:1}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes scan-line{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.fade-in{animation:fade-in .3s cubic-bezier(.4,0,.2,1) both}.fade-in-fast{animation:fade-in-fast .15s ease both}.slide-in-left{animation:slide-in-left .2s ease both}.spin{animation:spin .8s linear infinite}.pulse{animation:pulse-dot 1.5s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.neon-flicker{animation:neon-flicker 6s ease-in-out infinite}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);display:inline-block;animation:pulse-dot 1.5s ease-in-out infinite;box-shadow:0 0 8px var(--success),0 0 16px #00e6764d}.nav-active-line{position:relative}.nav-active-line:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:60%;background:linear-gradient(to bottom,var(--primary),var(--primary-dim));border-radius:0 2px 2px 0;box-shadow:0 0 6px var(--primary-glow)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-tertiary{color:var(--tertiary)}.text-muted{color:var(--on-surface-variant)}.text-dim{color:var(--on-surface-muted)}.mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gradient-animated{background:linear-gradient(-45deg,#060d1a,#0b1626,#00112a,#060d1a);background-size:400% 400%;animation:gradient-shift 12s ease infinite}:root{--bg-base: var(--surface);--bg-surface: var(--surface-container-low);--bg-elevated: var(--surface-container-high);--bg-hover: var(--surface-bright);--border: var(--outline-ghost);--border-strong: var(--outline-variant);--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--text-muted: var(--on-surface-muted);--accent: var(--primary);--accent-dim: var(--primary-ghost);--accent-hover: var(--primary-dim);--green: var(--success);--green-dim: var(--success-dim);--amber: var(--warning);--amber-dim: var(--warning-dim);--red: var(--error);--red-dim: var(--error-dim);--purple: var(--secondary);--purple-dim: var(--secondary-dim)}.md-root{color:var(--on-surface);font-size:14px;line-height:1.8;word-break:break-word}.md-root>*+*{margin-top:10px}.md-h1{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--primary);margin:18px 0 6px;letter-spacing:-.02em}.md-h2{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--on-surface);margin:16px 0 4px;padding-bottom:6px;border-bottom:1px solid var(--outline-ghost)}.md-h3{font-size:14px;font-weight:700;color:var(--on-surface-variant);margin:12px 0 2px}.md-h4{font-size:13px;font-weight:600;color:var(--on-surface-muted);margin:8px 0 2px}.md-p{margin:0;color:var(--on-surface);line-height:1.8}.md-code-inline{font-family:var(--font-mono);font-size:12.5px;background:#7c3aff14;color:var(--primary-bright);border:1px solid rgba(124,58,255,.18);border-radius:4px;padding:1px 6px;white-space:nowrap}.md-code-block{position:relative;background:#0d1117;border:1px solid rgba(255,255,255,.08);border-left:2px solid var(--primary);border-radius:var(--radius-sm);margin:12px 0;overflow:hidden}.md-code-header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.06);min-height:32px}.md-code-block code{display:block;font-family:var(--font-mono);font-size:12.5px;color:#abb2bf;line-height:1.65;white-space:pre;padding:14px 16px;overflow-x:auto}.md-lang{font-size:10px;font-family:var(--font-mono);color:var(--on-surface-muted);text-transform:uppercase;letter-spacing:.06em;opacity:.7}.md-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-sm);border:1px solid var(--outline-ghost);background:transparent;color:var(--on-surface-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-left:auto}.md-copy-btn:hover{background:var(--primary-ghost);color:var(--primary);border-color:#7c3aff4d}.md-ul,.md-ol{padding-left:6px;display:flex;flex-direction:column;gap:5px;list-style:none}.md-ul li{position:relative;padding-left:18px}.md-ul li:before{content:"▸";position:absolute;left:0;color:var(--primary);font-size:11px;top:3px}.md-ol{counter-reset:md-counter}.md-ol li{position:relative;padding-left:22px;counter-increment:md-counter}.md-ol li:before{content:counter(md-counter) ".";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:12px}.md-blockquote{border-left:2px solid var(--primary);margin:8px 0;padding:8px 14px;background:var(--primary-ghost);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--on-surface-variant);font-style:italic;font-size:13.5px}.md-link{color:var(--primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#7c3aff66}.md-link:hover{color:var(--primary-bright);text-decoration-color:var(--primary)}.md-action-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 6px}.md-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-lg);border:1px solid rgba(124,58,255,.25);background:#7c3aff0f;color:var(--primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.md-action-btn:hover{background:#7c3aff26;border-color:#7c3aff66;box-shadow:0 0 12px #7c3aff26}.md-hr{border:none;border-top:1px solid var(--outline-ghost);margin:14px 0}.md-table-wrap{overflow-x:auto;margin:12px 0;border-radius:var(--radius-sm);border:1px solid var(--outline-ghost)}.md-table{width:100%;border-collapse:collapse;font-size:13px;background:#0000002e}.md-table thead{background:#7c3aff14}.md-table th{text-align:left;padding:8px 12px;font-weight:600;color:var(--on-surface);border-bottom:1px solid var(--outline-ghost);font-size:12px;letter-spacing:.02em}.md-table td{padding:8px 12px;border-bottom:1px solid var(--outline-ghost);color:var(--on-surface-variant);vertical-align:top}.md-table tr:last-child td{border-bottom:none}.md-table tr:hover td{background:#7c3aff0a}.md-task-li{list-style:none;margin-left:-16px;padding-left:4px;display:flex;align-items:flex-start;gap:8px}.md-task-li:before{content:none!important}.md-task-checkbox{margin-top:5px;width:14px;height:14px;accent-color:var(--primary);cursor:default;flex-shrink:0}.md-del{color:var(--on-surface-muted);text-decoration:line-through;text-decoration-thickness:1px;opacity:.7}.md-img{max-width:100%;height:auto;border-radius:var(--radius-sm);border:1px solid var(--outline-ghost);margin:8px 0}.streaming-cursor{display:inline-block;width:2px;height:1.1em;background:var(--primary);margin-left:3px;vertical-align:text-bottom;border-radius:1px;box-shadow:0 0 8px var(--primary-glow);animation:blink-cursor .75s step-end infinite}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.thinking-bubble{display:inline-flex;align-items:center;gap:5px;padding:10px 16px;background:var(--surface-container);border-radius:4px var(--radius-xl) var(--radius-xl) var(--radius-xl);border:1px solid var(--outline-ghost)}.thinking-dot{width:7px;height:7px;border-radius:50%;background:var(--primary);opacity:.4;animation:thinking-bounce 1.4s ease-in-out infinite}.thinking-dot:nth-child(2){animation-delay:.18s}.thinking-dot:nth-child(3){animation-delay:.36s}@keyframes thinking-bounce{0%,60%,to{transform:translateY(0);opacity:.35}30%{transform:translateY(-7px);opacity:1;box-shadow:0 0 8px var(--primary)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}.drag-over{outline:2px dashed var(--primary)!important;outline-offset:-4px;background:#7c3aff0a!important}.text-gradient-brand{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.border-gradient-brand{border:1px solid transparent;background-clip:padding-box;position:relative}.border-gradient-brand:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;background:var(--gradient-brand);z-index:-1}@keyframes pulse-brand{0%,to{box-shadow:0 0 #7c3aff73}50%{box-shadow:0 0 0 8px #7c3aff00}}@keyframes orb-float-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.97)}}@keyframes orb-float-2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-35px,25px) scale(1.08)}66%{transform:translate(25px,-30px) scale(.95)}}@keyframes orb-float-3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,35px) scale(1.03)}}@keyframes beam-scan{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes logo-reveal{0%{opacity:0;transform:translateY(24px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes tagline-reveal{0%{opacity:0;letter-spacing:.3em}to{opacity:1;letter-spacing:.18em}}@keyframes form-slide-in{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:translate(0)}}.login-form-panel{animation:form-slide-in .6s cubic-bezier(.16,1,.3,1) .2s both}.login-logo{animation:logo-reveal .8s cubic-bezier(.16,1,.3,1) .1s both}.login-tagline{animation:tagline-reveal 1s ease .6s both}@media (max-width: 768px){.login-side-panel{display:none!important}.login-form-panel{flex:1 1 100%!important;padding:32px 20px!important}}