.agent-timeline{--agent-observe:#0ea5e9;--agent-plan:#8b5cf6;--agent-act:#10b981;--agent-learn:#f59e0b}.agent-pipeline{grid-template-columns:repeat(4,1fr);gap:.25rem;margin-bottom:.75rem;display:grid}.agent-pipeline-node{text-align:center;flex-direction:column;align-items:center;gap:.25rem;display:flex;position:relative}.agent-pipeline-node:not(:last-child):after{content:"";z-index:0;background:#e2e8f0;width:calc(100% - 1.5rem);height:2px;position:absolute;top:.875rem;left:calc(50% + .75rem)}.dark .agent-pipeline-node:not(:last-child):after{background:#334155}.agent-pipeline-node.done:not(:last-child):after,.agent-pipeline-node.active:not(:last-child):after{background:linear-gradient(90deg, var(--node-color,#8b5cf6), #e2e8f0)}.agent-pipeline-icon{z-index:1;background:#fff;border:2px solid #e2e8f0;border-radius:9999px;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.dark .agent-pipeline-icon{background:#0f172a;border-color:#334155}.agent-pipeline-node.active .agent-pipeline-icon{border-color:var(--node-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--node-color) 25%, transparent);animation:1.4s ease-in-out infinite agent-pulse}.agent-pipeline-node.done .agent-pipeline-icon{border-color:var(--node-color);background:color-mix(in srgb, var(--node-color) 12%, #fff)}.dark .agent-pipeline-node.done .agent-pipeline-icon{background:color-mix(in srgb, var(--node-color) 18%, #0f172a)}.agent-pipeline-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;font-size:.625rem;font-weight:700}.agent-pipeline-node.active .agent-pipeline-label,.agent-pipeline-node.done .agent-pipeline-label{color:var(--node-color)}.agent-step-row{align-items:flex-start;gap:.5rem;padding:.375rem 0;animation:.25s ease-out agent-step-in;display:flex}.agent-step-tool{color:#64748b;shrink:0;background:#f1f5f9;border-radius:.25rem;padding:.125rem .375rem;font-family:ui-monospace,monospace;font-size:.625rem}.dark .agent-step-tool{color:#94a3b8;background:#1e293b}.agent-fab-pulse{animation:1.6s ease-out infinite agent-fab-ring}@keyframes agent-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes agent-fab-ring{0%{box-shadow:0 0 #7c3aed8c}70%{box-shadow:0 0 0 12px #7c3aed00}to{box-shadow:0 0 #7c3aed00}}@keyframes agent-step-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}