.corp020-tts-pill {
  position: fixed;
  z-index: 2147483000;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 24px;
  padding: 3px 8px;
  color: #bdbdbd;
  background: rgba(0,0,0,.88);
  border: 1px dotted currentColor;
  border-radius: 999px;
  font: 300 9px/1 'Doto', "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: .06em;
  opacity: 0;
  filter: blur(4px);
  transform: translateY(4px) scale(.96);
  pointer-events: none;
  transition: opacity .18s ease, filter .25s ease, transform .3s cubic-bezier(.16,1,.3,1);
}
.corp020-tts-pill.visible { opacity: 1; filter: blur(0); transform: translateY(0) scale(1); pointer-events: auto; }
.corp020-tts-pill::before { content: "◖"; font-size: 11px; }
.corp020-tts-pill.loading::before { content: "◌"; animation: corp020-tts-spin .7s linear infinite; }
.corp020-tts-pill.playing::before { content: "■"; font-size: 7px; }
.corp020-tts-pill.error { border-style: solid; animation: corp020-tts-shake .16s steps(2,end) 2; }
html[data-theme="light"] .corp020-tts-pill { color: #222; background: rgba(212,212,212,.94); }
@keyframes corp020-tts-spin { to { transform: rotate(1turn); } }
@keyframes corp020-tts-shake { 50% { transform: translateX(3px); } }