.agent{width:var(--agent-w);aspect-ratio:2/3;perspective:900px;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:0;display:block;position:relative}button.agent{cursor:pointer;border-radius:18px}button.agent:focus-visible{outline:2px solid var(--violet);outline-offset:6px}.agent-body{z-index:1;transform-origin:50% 96.7%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .32s var(--ease);position:absolute;inset:0}.agent-breathe,.agent-still{transform-origin:50% 96.7%;position:absolute;inset:0}.agent-breathe{animation:3.6s ease-in-out infinite agent-breathe;animation-delay:var(--breathe-delay,0s)}@keyframes agent-breathe{0%,to{transform:none}50%{transform:translateY(-2px)scaleY(1.01)}}.agent-layer{opacity:0;transition:opacity .26s var(--ease);position:absolute;inset:0}.agent-layer.on{opacity:1}.agent-shadow:before{content:"";z-index:0;background:radial-gradient(closest-side, var(--shade), transparent);border-radius:50%;height:5%;position:absolute;bottom:.4%;left:20%;right:20%;transform:scaleY(.7)}.agent-portrait{width:var(--portrait,32px);height:var(--portrait,32px);background:var(--violet-tint-2);border-radius:50%;flex:none;display:inline-block;position:relative}.agent-portrait picture,.agent-portrait img{border-radius:50%;width:100%;height:100%;display:block}.agent-portrait.online:after{content:"";background:var(--success);border:1.5px solid var(--surface);border-radius:50%;width:28%;min-width:7px;height:28%;min-height:7px;position:absolute;bottom:-1px;right:-1px}.status-bar{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.status-bar .faces{align-items:center;gap:14px;min-width:0;display:flex}.status-bar .faces-stack{padding-left:8px;display:flex}.status-bar .faces-stack .agent-portrait{box-shadow:0 0 0 2px var(--surface);margin-left:-8px}.status-bar .live{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.status-bar .live:before{content:"";background:var(--success);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite pulse;box-shadow:0 0 0 4px #10b98126}.status-bar time{font-variant-numeric:tabular-nums;color:var(--text)}.status-bar .scroll-cue{white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.status-bar .scroll-cue:after{content:"";background:linear-gradient(var(--violet), transparent);width:1px;height:18px;animation:scroll-cue 1.8s var(--ease) infinite;transform-origin:top}@keyframes scroll-cue{0%{opacity:1;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}@media (max-width:760px){.status-bar{letter-spacing:.04em;font-size:11px}.status-bar .scroll-cue{display:none}}@media (prefers-reduced-motion:reduce){.agent-breathe{animation:none}.agent-layer,.agent-body{transition:none}.agent-body{transform:none}.status-bar .live:before,.status-bar .scroll-cue:after{animation:none}}