.page-playground .pg-live-orb{width:260px;height:220px}.page-playground .pg-crew{--r:78px;--spin:40s;width:100%;height:100%;position:relative}.page-playground .pg-crew-ring{animation:pg-crew-spin var(--spin) linear infinite;position:absolute;inset:0}@keyframes pg-crew-spin{to{transform:rotate(360deg)}}.page-playground .pg-crew-c{width:20px;height:22px;transform:rotate(var(--a)) translateY(calc(-1 * var(--r))) rotate(calc(-1 * var(--a)));margin:-11px 0 0 -10px;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .4s;position:absolute;top:50%;left:50%}.page-playground .pg-crew-c svg{width:100%;height:100%;fill:var(--c);stroke:#0000008c;stroke-width:1px;filter:drop-shadow(0 4px 8px #00000080);animation:pg-crew-bob 2.6s ease-in-out var(--d) infinite;display:block}@keyframes pg-crew-bob{50%{transform:translate(2px,-4px)rotate(-6deg)}}.page-playground .pg-live-orb.is-connecting .pg-crew{--r:56px;--spin:2.2s}.page-playground .pg-live-orb.is-listening .pg-crew{--r:calc(88px + var(--live-level) * 26px);--spin:60s}.page-playground .pg-live-orb.is-listening .pg-crew-c{transition:transform .18s ease-out,opacity .4s}.page-playground .pg-live-orb.is-listening .pg-crew-ring{animation:60s linear infinite pg-crew-spin,3.2s ease-in-out infinite pg-crew-breathe}@keyframes pg-crew-breathe{50%{scale:1.06}}.page-playground .pg-live-orb:is(.is-thinking,.is-looking) .pg-crew{--r:44px;--spin:1.4s}.page-playground .pg-live-orb.is-speaking .pg-crew-ring{animation:none}.page-playground .pg-live-orb.is-speaking .pg-crew-c{transform:translate(calc((var(--i) - 4.5) * 22px), calc(28px - var(--live-level) * var(--g) * 70px));transition:transform .12s linear}.page-playground .pg-live-orb.is-speaking .pg-crew-c svg{animation-duration:1.1s}.page-playground .pg-live-orb.is-ending .pg-crew-c,.page-playground .pg-live-surface.is-muted .is-listening .pg-crew-c{opacity:.35}@media (max-width:760px){.page-playground .pg-live-orb{width:220px;height:190px}.page-playground .pg-crew{--r:64px}}@media (prefers-reduced-motion:reduce){.page-playground .pg-crew-ring,.page-playground .pg-crew-c svg{animation:none!important}.page-playground .pg-crew-c{transition:none}}.page-playground .pg-crew-tag{z-index:2;color:#111;font:600 12.5px/1.4 var(--font-mono,ui-monospace, monospace);white-space:nowrap;background:#fff;border-radius:999px;padding:4px 11px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 22px -8px #000000b3}.page-playground .pg-live-orb.is-speaking .pg-crew-tag{transform:translate(-50%, calc(-50% - 34px)) scale(calc(1 + var(--live-level) * .12))}.page-playground .pg-live-orb:is(.is-thinking,.is-looking) .pg-crew-tag{animation:1.2s ease-in-out infinite pg-crew-tag-pulse}@keyframes pg-crew-tag-pulse{50%{opacity:.6}}.page-playground .pg-live-orb.is-speaking .pg-crew-c{transform:translate(calc((var(--i) - 4.5) * 22px), calc(34px - var(--live-level) * var(--g) * 60px))}