@property --anim-agent-srcN{syntax: "<integer>"; initial-value: 0; inherits: false;}.anim-agent{--aa-bg-muted: #f7f7f5;--aa-fg: #1a1a1a;--aa-fg-muted: #6b6b6b;--aa-fg-subtle: #999999;--aa-border: #e8e8e5;--aa-border-soft: #f0f0ed;--aa-success: #3f8c61;--aa-serif: var(--font-display);--aa-ease: cubic-bezier(.4, 0, .2, 1);position:relative;display:flex;align-items:center;justify-content:center;background:var(--aa-bg-muted);border:1px solid var(--aa-border);border-radius:24px;padding:clamp(24px,7vw,40px) clamp(16px,5vw,30px);overflow:hidden;color:var(--aa-fg);line-height:1.6;text-align:left}.anim-agent:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#d8d8d3 1px,transparent 1px);background-size:22px 22px;opacity:.5;-webkit-mask-image:radial-gradient(130% 130% at 50% 42%,#000 35%,transparent 82%);mask-image:radial-gradient(130% 130% at 50% 42%,#000 35%,transparent 82%);pointer-events:none}.anim-agent__panel{position:relative;width:100%;max-width:380px;background:#fff;border:1px solid var(--aa-border);border-radius:14px;box-shadow:0 12px 32px #10182814,0 2px 6px #1018280a;overflow:hidden;transition:transform .2s var(--aa-ease),box-shadow .2s var(--aa-ease)}.anim-agent:hover .anim-agent__panel{transform:translateY(-2px);box-shadow:0 16px 40px #1018281a,0 3px 8px #1018280d}.anim-agent__bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--aa-border-soft)}.anim-agent__spark{width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:var(--aa-fg);color:#fff;display:flex;align-items:center;justify-content:center}.anim-agent__tt{font-size:12px;color:var(--aa-fg-muted);font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anim-agent__live{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--aa-success);font-weight:500;white-space:nowrap}.anim-agent__pip{width:7px;height:7px;border-radius:999px;background:var(--aa-success)}.is-running .anim-agent__pip{animation:anim-agent-pip 2s var(--aa-ease) infinite}@keyframes anim-agent-pip{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.72)}}.anim-agent__body{padding:16px}.anim-agent__task{display:flex;align-items:center;gap:11px;padding:9px 0;font-size:13px;color:var(--aa-fg-subtle);opacity:.45}.is-running .anim-agent__task{animation:anim-agent-task-run 9s var(--aa-ease) infinite}.is-running .anim-agent__task:nth-child(1){animation-delay:0s}.is-running .anim-agent__task:nth-child(2){animation-delay:1.6s}.is-running .anim-agent__task:nth-child(3){animation-delay:3.2s}.is-running .anim-agent__task:nth-child(4){animation-delay:4.8s}@keyframes anim-agent-task-run{0%,4%{opacity:.45;color:var(--aa-fg-subtle)}6%,16%{opacity:1;color:var(--aa-fg)}18%,92%{opacity:1;color:var(--aa-fg)}to{opacity:.45;color:var(--aa-fg-subtle)}}.anim-agent__tick{position:relative;width:18px;height:18px;flex:0 0 18px;border-radius:999px;border:1.5px solid var(--aa-border);display:flex;align-items:center;justify-content:center}.anim-agent__tick:before{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:999px;border:1.5px solid transparent;border-top-color:var(--aa-fg);opacity:0}.is-running .anim-agent__tick:before{animation:anim-agent-spin .8s linear infinite,anim-agent-ring-show 9s var(--aa-ease) infinite}.is-running .anim-agent__task:nth-child(1) .anim-agent__tick:before{animation-delay:0s,0s}.is-running .anim-agent__task:nth-child(2) .anim-agent__tick:before{animation-delay:0s,1.6s}.is-running .anim-agent__task:nth-child(3) .anim-agent__tick:before{animation-delay:0s,3.2s}.is-running .anim-agent__task:nth-child(4) .anim-agent__tick:before{animation-delay:0s,4.8s}@keyframes anim-agent-ring-show{0%,5%{opacity:0}6%,16%{opacity:1}17%,to{opacity:0}}@keyframes anim-agent-spin{to{transform:rotate(360deg)}}.anim-agent__chk{opacity:0;color:#fff}.is-running .anim-agent__chk{animation:anim-agent-chk-show 9s var(--aa-ease) infinite}.is-running .anim-agent__task:nth-child(1) .anim-agent__chk{animation-delay:0s}.is-running .anim-agent__task:nth-child(2) .anim-agent__chk{animation-delay:1.6s}.is-running .anim-agent__task:nth-child(3) .anim-agent__chk{animation-delay:3.2s}.is-running .anim-agent__task:nth-child(4) .anim-agent__chk{animation-delay:4.8s}@keyframes anim-agent-chk-show{0%,16%{opacity:0}18%,92%{opacity:1}to{opacity:0}}.is-running .anim-agent__tick{animation:anim-agent-tick-fill 9s var(--aa-ease) infinite}.is-running .anim-agent__task:nth-child(1) .anim-agent__tick{animation-delay:0s}.is-running .anim-agent__task:nth-child(2) .anim-agent__tick{animation-delay:1.6s}.is-running .anim-agent__task:nth-child(3) .anim-agent__tick{animation-delay:3.2s}.is-running .anim-agent__task:nth-child(4) .anim-agent__tick{animation-delay:4.8s}@keyframes anim-agent-tick-fill{0%,16%{background:transparent;border-color:var(--aa-border)}18%,92%{background:var(--aa-success);border-color:var(--aa-success)}to{background:transparent;border-color:var(--aa-border)}}.anim-agent__foot{border-top:1px solid var(--aa-border-soft);padding:12px 16px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.anim-agent__big{font-family:var(--aa-serif);font-size:26px;color:var(--aa-fg);line-height:1}.anim-agent__cap{font-size:12px;color:var(--aa-fg-muted)}.anim-agent__counter{--anim-agent-srcN: 6;counter-reset:anim-agent-src var(--anim-agent-srcN)}.anim-agent__counter:after{content:counter(anim-agent-src)}.is-running .anim-agent__counter{animation:anim-agent-src-count 9s var(--aa-ease) infinite}@keyframes anim-agent-src-count{0%{--anim-agent-srcN: 6}55%{--anim-agent-srcN: 47}to{--anim-agent-srcN: 47}}.anim-static .anim-agent__task{opacity:1;color:var(--aa-fg)}.anim-static .anim-agent__tick{background:var(--aa-success);border-color:var(--aa-success)}.anim-static .anim-agent__chk{opacity:1}.anim-static .anim-agent__counter{--anim-agent-srcN: 47}.anim-static .anim-agent__panel{transition:none}.anim-static .anim-agent:hover .anim-agent__panel{transform:none}
