/* Face presentation is separate from the interview layout and audio transport. */
.jojo-face {
  overflow: visible;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 12px 11px #546e4820);
}
.jojo-face-head,
.jojo-face-body,
.jojo-face-eyes {
  animation: none;
}
.jojo-face-brow {
  fill: none;
  stroke: #5b553e;
  stroke-width: 3;
  stroke-linecap: round;
}
.jojo-face-blush {
  opacity: .55;
  transition: opacity 200ms ease;
}
[data-avatar-expression="warm"] .jojo-face-blush {
  opacity: .72;
}
[data-avatar-expression="thoughtful"] .jojo-face-blush,
[data-avatar-expression="concerned"] .jojo-face-blush {
  opacity: .4;
}
.jojo-face-mouth {
  fill: #754239;
  stroke: #985d4f;
  stroke-width: 1.3;
  stroke-linejoin: round;
}
.jojo-face-teeth {
  fill: none;
  stroke: #fff6e4;
  stroke-width: 2;
  stroke-linecap: round;
}
.jojo-face-smile {
  fill: none;
  stroke: #985d4f;
  stroke-width: 3;
  stroke-linecap: round;
}
[data-avatar-state="listening"] .status-dot {
  background: #5f8a72;
}
[data-avatar-state="thinking"] .status-dot {
  background: #b58b55;
}
[data-avatar-state="speaking"] .status-dot {
  background: var(--accent, #b16a40);
}
[data-avatar-state="paused"] .status-dot {
  background: #929b8b;
  animation: none !important;
}
[data-avatar-state="error"] .status-dot {
  background: #b36d57;
}
[data-avatar-active="false"] .status-dot,
[data-avatar-reduced-motion="true"] .status-dot {
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .jojo-face *, .jojo-face-blush {
    animation: none !important;
    transition: none !important;
  }
  [data-avatar-state] .status-dot {
    animation: none !important;
  }
}