/* „Direkt mit Veti sprechen" (feat/voice-s2s, 30.10.2026) — Gesprächsansicht über „Erzähl's Veti". */

.sprache {
  position: fixed; inset: 0; z-index: 900;
  display: flex; align-items: flex-end; justify-content: center;
  background: rgba(16, 16, 24, .38);
  padding: 16px;
}
@media (min-width: 700px) { .sprache { align-items: center; } }

.sprache__karte-box {
  width: 100%; max-width: 520px; max-height: calc(100vh - 32px);
  display: flex; flex-direction: column; gap: 12px;
  background: #fff; color: var(--c-neutral-900, #1c1c1e);
  border-radius: var(--r-glass, 28px);
  box-shadow: 0 18px 50px rgba(16, 24, 40, .22);
  padding: 20px 20px 16px;
}
.sprache__inhalt { display: flex; flex-direction: column; gap: 10px; min-height: 0; flex: 1; }

.sprache__kopf { display: flex; align-items: center; gap: 10px; font-weight: 600; }
.sprache__zustand { flex: 1; }
.sprache__zeit { font-variant-numeric: tabular-nums; color: #5b5b66; font-weight: 500; }
.sprache__punkt {
  width: 12px; height: 12px; border-radius: 50%;
  background: var(--c-brand-purple-500, #6450E8);
}
.sprache__punkt--spricht { animation: sprache-puls 1s ease-in-out infinite; }
.sprache__punkt--hoert { background: var(--c-brand-cyan-700, #007A96); }
.sprache__punkt--sucht { background: #b08900; animation: sprache-puls 1.4s ease-in-out infinite; }
.sprache__punkt--stumm, .sprache__punkt--ende { background: #9a9aa3; }
.sprache__punkt--fehler { background: #c0392b; }
@keyframes sprache-puls { 50% { transform: scale(1.45); opacity: .6; } }
@media (prefers-reduced-motion: reduce) { .sprache__punkt { animation: none !important; } }

.sprache__ki { margin: 0; font-size: 13px; color: #5b5b66; }

.sprache__karte {
  border-radius: var(--r-card, 12px);
  padding: 10px 12px; font-size: 14px; line-height: 1.45;
  background: #f4f2ff; border: 1px solid rgba(100, 80, 232, .25);
}
.sprache__karte--krise { background: #fff1ef; border-color: rgba(192, 57, 43, .45); font-weight: 600; }

.sprache__mitschrift {
  overflow-y: auto; min-height: 120px; max-height: 42vh;
  display: flex; flex-direction: column; gap: 8px;
  padding: 4px 2px; font-size: 15px; line-height: 1.5;
}
.sprache__zeile { margin: 0; }
.sprache__zeile--user { color: #3a3a44; }
.sprache__wer { font-weight: 700; margin-right: 4px; }
.sprache__zeile--veti .sprache__wer { color: var(--c-brand-purple-500, #6450E8); }
.sprache__rest { margin: 0; font-size: 13px; color: #8a5a00; }

.sprache__knoepfe { display: flex; gap: 10px; justify-content: flex-end; }
.sprache__knoepfe button {
  font: inherit; font-weight: 600; font-size: 14px;
  border-radius: var(--r-pill, 9999px); padding: 10px 16px; cursor: pointer;
  border: 1.5px solid rgba(28, 28, 30, .24); background: #fff; color: #1c1c1e;
}
.sprache__knoepfe .sprache__beenden { background: #1c1c1e; color: #fff; border-color: #1c1c1e; }
.sprache__knoepfe button:focus-visible { outline: 2px solid var(--c-brand-cyan-700, #007A96); outline-offset: 2px; }
.sprache__stumm[aria-pressed="true"] { border-color: #c0392b; color: #c0392b; }