:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a24;--bg-glass:rgba(26,26,36,.7);--bg-glass-hover:rgba(40,40,56,.8);--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#a855f7);--accent-glow:rgba(99,102,241,.4);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:rgba(148,163,184,.1);--border-glow:rgba(99,102,241,.3);--sentiment-delighted:#10b981;--sentiment-neutral:#f59e0b;--sentiment-frustrated:#ef4444;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 25px rgba(0,0,0,.5);--shadow-glow:0 0 30px var(--accent-glow);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.glass-card:hover{background:var(--bg-glass-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--accent-primary)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.input-field{width:100%;padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:var(--font-sans);transition:all var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.input-field::placeholder{color:var(--text-muted)}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-lg)}.section{padding:var(--space-3xl) 0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{font-size:3rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:var(--text-primary)}h3{font-size:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-pulse{animation:pulse 2s infinite}.sentiment-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.sentiment-delighted{background:rgba(16,185,129,.15);color:var(--sentiment-delighted)}.sentiment-neutral{background:rgba(245,158,11,.15);color:var(--sentiment-neutral)}.sentiment-frustrated{background:rgba(239,68,68,.15);color:var(--sentiment-frustrated)}.grid-agents{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-running{background:var(--sentiment-neutral);animation:pulse 1s infinite}.status-complete{background:var(--sentiment-delighted)}.status-error{background:var(--sentiment-frustrated)}.loader{width:40px;height:40px;border:3px solid var(--bg-tertiary);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.radio-option{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.radio-option.selected,.radio-option:hover{border-color:var(--accent-primary)}.radio-option.selected{background:rgba(99,102,241,.1)}.radio-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;margin-top:2px;cursor:pointer;transition:all var(--transition-fast)}.radio-option input[type=radio]:checked{border-color:var(--accent-primary);background:var(--accent-primary);box-shadow:inset 0 0 0 4px var(--bg-tertiary)}.radio-content{flex:1 1}.radio-title{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.radio-description{font-size:.875rem;color:var(--text-muted)}.avatar{width:48px;height:48px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff}.avatar-lg{width:80px;height:80px;font-size:2rem}.progress-bar{height:4px;background:var(--bg-tertiary);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--accent-gradient);transition:width var(--transition-slow)}.divider{height:1px;background:var(--border-color);margin:var(--space-xl) 0}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}.container{padding:0 var(--space-md)}.section{padding:var(--space-2xl) 0}}