.fruit-up-live-voice {
  display: grid;
  gap: .65rem;
  margin: .75rem 1rem 0;
  padding: .85rem;
  border: 1px solid color-mix(in srgb, var(--lime, #b7df28) 52%, transparent);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(0, 135, 80, .12), rgba(183, 223, 40, .1));
}
.fruit-up-live-voice[hidden] { display: none; }
.fruit-up-live-voice-copy { display: flex; align-items: center; gap: .7rem; }
.fruit-up-live-voice-icon {
  position: relative; display: grid; place-items: center; flex: 0 0 54px; width: 54px; height: 54px;
  overflow: visible; border: 2px solid #b7df28; border-radius: 17px;
  background: radial-gradient(circle at 30% 20%, #173b2a, #071b12 72%);
  box-shadow: 0 0 0 4px rgba(183, 223, 40, .16), 0 8px 18px rgba(0, 77, 45, .25);
}
.fruit-up-live-voice-icon > img { width: 42px; height: 42px; object-fit: contain; }
.fruit-up-live-voice-mic {
  position: absolute; right: -7px; bottom: -7px; display: grid; place-items: center;
  width: 26px; height: 26px; border: 2px solid #fff; border-radius: 50%;
  color: #fff !important; background: #e63323; box-shadow: 0 3px 10px rgba(152, 29, 18, .4);
}
.fruit-up-live-voice-mic svg { width: 15px; height: 15px; fill: currentColor; }
.fruit-up-live-voice-copy strong, .fruit-up-live-voice-copy span { display: block; }
.fruit-up-live-voice-copy span { color: var(--muted, #5f6c62); font-size: .85rem; }
.fruit-up-live-voice-actions { display: flex; flex-wrap: wrap; gap: .5rem; }
.fruit-up-live-voice-actions button { min-height: 42px; }
.fruit-up-live-voice-status { margin: 0; font-size: .86rem; color: var(--muted, #5f6c62); }
.fruit-up-live-voice-caption { margin: 0; padding: .65rem; border-radius: 12px; background: rgba(0, 0, 0, .07); }
@media (prefers-reduced-motion: reduce) { .fruit-up-live-voice * { scroll-behavior: auto !important; } }