.story{height:400vh}.scene .link{transition:opacity .4s,stroke-width .4s}.scene .link.hot{opacity:1;stroke-width:.6}.core-card{z-index:2}.core-card .row{transition:background .5s}.core-card .row span:last-child{font-variant-numeric:tabular-nums}.core-card .row.flash{background:linear-gradient(90deg,transparent,var(--tint) 20%,var(--tint) 80%,transparent)}.core-card .row.flash span:last-child{color:var(--purple-deep)}.core-card .act{align-items:center;border-top:1px solid var(--hair-2);color:var(--muted);display:flex;font-size:11.5px;gap:7px;margin-top:8px;min-height:40px;opacity:0;padding-top:9px}.core-card .act:before{animation:ping 1.8s ease-out infinite;background:var(--purple);border-radius:50%;content:"";flex:none;height:6px;width:6px}.agent{background:var(--surface);border:1px solid rgba(145,45,141,.22);border-radius:14px;box-shadow:0 12px 28px -16px rgba(145,45,141,.55);gap:10px;padding:7px 12px 7px 7px;transition:box-shadow .45s var(--ease),border-color .45s,translate .45s var(--ease);white-space:normal;width:212px;z-index:3}.agent:before{content:none}.agent img{background:var(--surface);border-radius:10px;flex:none;height:46px;object-fit:contain;width:46px}.agent .t{flex:1;min-width:0}.agent b{color:var(--ink);display:block;font-size:13.5px;font-weight:500;line-height:1.2}.agent small{color:var(--muted);display:block;font-size:11.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent .dot{background:var(--purple);border-radius:50%;box-shadow:0 0 0 4px rgba(145,45,141,.15);height:7px;position:absolute;right:10px;top:9px;width:7px}.agent.on{border-color:var(--purple);box-shadow:0 0 0 3px rgba(145,45,141,.14),0 18px 36px -16px rgba(145,45,141,.7);translate:0 -3px}.agent.on img{animation:agent-bob .7s var(--ease) infinite alternate}.agent.on small{color:var(--purple-deep)}.agent.done .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(31,122,83,.15)}.agent.done small{color:var(--ok)}@keyframes agent-bob{to{transform:translateY(-3px) rotate(-3deg)}}.scene .pkt{fill:var(--purple);opacity:0}.approve{align-items:center;background:var(--night);border-radius:999px;box-shadow:0 18px 40px -16px rgba(26,16,36,.6);color:#fff;display:flex;font-size:13px;gap:12px;left:50%;opacity:0;padding:8px 8px 8px 14px;pointer-events:none;position:absolute;top:79%;transform:translate(-50%,8px);transition:opacity .35s var(--ease),transform .35s var(--ease);white-space:nowrap;z-index:4}.approve.on{opacity:1;transform:translate(-50%)}.approve em{color:hsla(0,0%,100%,.72);font-style:normal}.approve button{background:var(--purple);border:0;border-radius:999px;color:#fff;font:500 12.5px var(--sans);padding:6px 14px;transition:background .3s,transform .2s}.approve button.press{transform:scale(.93)}.approve.ok button{background:var(--ok)}@media(max-width:1240px) and (min-width:901px){.agent{gap:8px;padding:6px 10px 6px 6px;width:172px}.agent img{height:38px;width:38px}.agent b{font-size:12.5px}.agent small{font-size:10.5px}.core-card{width:40%}}@media(max-width:900px){.story{height:340vh}.agent{border-radius:999px;font-size:inherit;gap:6px;padding:4px 10px 4px 4px;width:auto}.agent img{border-radius:50%;height:28px;width:28px}.agent .dot,.agent small{display:none}.agent b{font-size:11.5px}.core-card .act{display:none}.approve{font-size:11px;gap:8px;padding:5px 5px 5px 12px;top:64%}.approve button{font-size:11.5px;padding:5px 12px}.approve em{display:none}.agent.on{translate:0 0}.agent.ag-l{translate:30% 0}.agent.ag-r{translate:-30% 0}.agent img{height:24px;width:24px}.agent b{font-size:11px}.core-card{padding:10px 10px 8px;width:46%}.core-card b{font-size:13px}.core-card small{font-size:11px;margin-bottom:6px}.core-card .row{font-size:10.5px;padding:4px 0}}html.touch .story{height:auto}@media (prefers-reduced-motion:reduce){.agent.on img,.core-card .act:before{animation:none}}