/* Die stille Übergabe (0045): dieselbe Pille, darüber der Anfang des
   Gesprächs. Kein zweites Fenster, keine zweite Farbwelt — nur die Zeilen,
   die auf der Startseite auch stehen. */
.uebergabe-lauf {
  display: flex; flex-direction: column; gap: 0.5rem;
  margin: 0 0 0.75rem; text-align: left; font-size: 0.9375rem; line-height: 1.55;
}
.uebergabe-zeile { display: flex; gap: 0.5rem; align-items: flex-end; animation: uebergabe-auf 0.45s cubic-bezier(0.3, 0.7, 0.3, 1) both; }
.uebergabe-zeile.meins {
  align-self: flex-end; max-width: 85%; padding: 0.55rem 0.9rem; border-radius: 16px;
  background: var(--accent, #0066cc); color: #fff;
}
.uebergabe-zeile.seins img { width: 22px; height: 22px; flex: none; align-self: flex-start; }
/* Im Dunkeln ist das Zeichen sonst schwarz auf schwarz — dieselbe Regel wie
   in der Leiste oben. */
@media (prefers-color-scheme: dark) {
  .uebergabe-zeile.seins img { filter: invert(1); }
  .uebergabe-punkte { background: rgba(255, 255, 255, 0.1); }
}
.uebergabe-punkte {
  display: flex; gap: 0.25rem; align-items: center;
  padding: 0.7rem 0.85rem; border-radius: 16px; background: rgba(0, 0, 0, 0.06);
}
.uebergabe-punkte i { width: 6px; height: 6px; border-radius: 50%; background: currentColor; opacity: 0.35; animation: uebergabe-punkt 1.1s infinite; }
.uebergabe-punkte i:nth-child(2) { animation-delay: 0.18s; }
.uebergabe-punkte i:nth-child(3) { animation-delay: 0.36s; }
@keyframes uebergabe-punkt { 0%, 60%, 100% { opacity: 0.25; } 30% { opacity: 0.9; } }
@keyframes uebergabe-auf { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .uebergabe-zeile, .uebergabe-punkte i { animation: none; }
}