.vad{width:100%;max-width:500px;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-strong);font-family:var(--font-body)}.vad[hidden]{display:none}.vad__ico{display:inline-flex;flex:0 0 auto;width:1em;height:1em}.vad__ico svg{width:100%;height:100%;display:block}.vad__card{width:100%;background:var(--surface-page);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:22px 24px 18px;box-shadow:0 34px 70px -30px #0000008c;display:flex;flex-direction:column;gap:18px;text-align:left}.vad__head{display:flex;align-items:center;gap:14px}.vad__avatar{position:relative;flex:0 0 auto;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--ws-purple-500),var(--ws-purple-900));color:#fff;font-size:1.25rem}.vad__avatar-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--ws-green-500);animation:vad-pulse 2.4s var(--ease-out) infinite}.vad__who{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1 1 auto}.vad__name{font-size:1.05rem;font-weight:800;line-height:1.2}.vad__role{font-size:.82rem;color:var(--text-muted)}.vad__status{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--ws-lavender-100);color:var(--ws-purple-900);font-size:.78rem;font-weight:700;border-radius:var(--radius-full);padding:5px 11px 5px 9px}.vad__status i{width:8px;height:8px;border-radius:50%;background:var(--ws-green-500);animation:vad-blink 1.6s ease-in-out infinite}.vad__title{color:var(--ws-purple-900);font-family:var(--font-heading);font-size:1.45rem;font-weight:800;line-height:1.2;margin:0}.vad__desc{color:var(--text-muted);font-size:.95rem;line-height:1.5;margin:6px 0 0}.vad__prompts{display:flex;flex-direction:column;gap:8px}.vad__prompts-label{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ws-purple-500)}.vad__prompts ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.vad__prompts li{display:flex;align-items:center;gap:9px;background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:8px 12px;font-size:.9rem;line-height:1.35;color:var(--text-strong)}.vad__prompts li .vad__ico{color:var(--ws-purple-500);font-size:.95rem}.vad__stage{position:relative;display:flex;justify-content:center;min-height:56px}.vad__stage:not([data-ready]) telnyx-ai-agent{position:absolute;opacity:0;pointer-events:none}.vad__stage[data-ready] .vad__placeholder{display:none}.vad__placeholder{display:inline-flex;align-items:center;gap:20px;align-self:flex-start;padding:8px 16px;border-radius:var(--radius-full);background:linear-gradient(145deg,#7e55f6,#390b78);color:#fff;font-size:1.25rem;font-weight:700;line-height:1.4;white-space:nowrap;box-shadow:0 10px 26px #390b7852;cursor:progress;position:relative;overflow:hidden;opacity:.8}.vad__placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.28) 50%,transparent 80%);transform:translate(-100%);animation:vad-shimmer 1.4s ease-in-out infinite}.vad__spinner{flex:0 0 auto;width:1.15rem;height:1.15rem;border-radius:50%;border:2.4px solid rgba(255,255,255,.35);border-top-color:#fff;animation:vad-spin .8s linear infinite}@keyframes vad-spin{to{transform:rotate(360deg)}}@keyframes vad-shimmer{to{transform:translate(100%)}}.vad__stage telnyx-ai-agent{display:block;max-width:100%;--font-sans: var(--font-body);--default-font-family: var(--font-body)}.vad__fine{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:-4px 0 0;font-size:.8rem;color:var(--text-muted)}.vad__fine span{display:inline-flex;align-items:center;gap:5px}.vad__fine .vad__ico{color:var(--ws-green-800);font-size:.85rem}.vad__done{position:relative;z-index:1;align-self:flex-end;margin:-14px -18px 0 0;display:flex;align-items:center;gap:12px;background:var(--surface-page);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:12px 18px 12px 12px;box-shadow:0 34px 70px -30px #0000008c}.vad__done-ico{flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--ws-green-400);color:var(--ws-purple-900);display:grid;place-items:center;font-size:.95rem}.vad__done strong{font-size:.92rem;font-weight:800;line-height:1.2}.vad{position:relative}.vad__nudge{position:absolute;left:-92px;bottom:0;width:230px;height:150px;pointer-events:none;color:var(--color-green)}.vad__nudge svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.vad__nudge span{position:absolute;left:34px;top:114px;font-family:var(--font-heading);font-size:1.15rem;font-style:italic;font-weight:700;white-space:nowrap;transform:rotate(-4deg);transform-origin:left center}.vad__nudge-line,.vad__nudge-head{stroke-dasharray:1;stroke-dashoffset:1}.vad__nudge-line{animation:vad-draw .7s var(--ease-out) .9s forwards}.vad__nudge-head{animation:vad-draw .25s var(--ease-out) 1.55s forwards}.vad__nudge span{opacity:0;animation:vad-in .45s ease-out .6s forwards}@keyframes vad-draw{to{stroke-dashoffset:0}}@media(max-width:1100px){.vad__nudge{display:none}}.vad{animation:vad-in .45s ease-out both}@keyframes vad-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes vad-pulse{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}@keyframes vad-blink{0%,to{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.vad,.vad__avatar-ring,.vad__status i,.vad__nudge span{animation:none;opacity:1}.vad__nudge-line,.vad__nudge-head{animation:none;stroke-dashoffset:0}.vad__spinner,.vad__placeholder:after{animation:none}.vad__placeholder:after{display:none}}@media(max-width:640px){.vad{max-width:100%}.vad__card{padding:18px 18px 16px;gap:16px}.vad__title{font-size:1.25rem}.vad__done{margin:-12px 14px 0;align-self:stretch}}