.betsy-thought {
  position: fixed;
  inset: 0;
  z-index: 1001;
  pointer-events: none;
  animation: betsy-thought-arrive .22s ease-out both;
}
.betsy-thought-copy,
.betsy-thought-dot {
  position: absolute;
  border: 1.5px solid var(--line);
  background: var(--paper);
  box-shadow: 0 5px 18px rgb(18 35 62 / .12);
}
.betsy-thought-copy {
  padding: 18px 23px;
  border-radius: 48% 52% 47% 53% / 46% 45% 55% 54%;
  color: var(--ink);
  font: italic 18px/1.35 Georgia, 'Times New Roman', serif;
  text-align: center;
  text-wrap: balance;
}
.betsy-thought-dot { border-radius: 50%; }
.betsy-thought-dot--1 { width: 13px; height: 13px; }
.betsy-thought-dot--2 { width: 8px; height: 8px; }
.betsy-thought.is-leaving { animation: betsy-thought-away .65s ease-in both; }
@keyframes betsy-thought-arrive {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes betsy-thought-away {
  from { opacity: 1; }
  to { opacity: 0; }
}
@media (max-width: 600px) {
  .betsy-thought-copy { padding: 16px 21px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .betsy-thought { animation: none; }
  .betsy-thought.is-leaving { animation-duration: .15s; }
}