/* ════════════════════════════════════════════════════════════
   Zeitgeist · shared.css — gemeinsame Styles für alle Apps
   ════════════════════════════════════════════════════════════ */

/* ── Toast (mit optionaler Aktion, z. B. „Rückgängig“) ── */
.zg-toast {
  position: fixed; bottom: 80px; left: 50%;
  transform: translateX(-50%) translateY(10px);
  background: var(--text, #1A1917); color: var(--bg, #F6F5F1);
  padding: 10px 20px; border-radius: 99px;
  font-size: 13px; font-weight: 600; letter-spacing: 0.2px;
  opacity: 0; transition: opacity .3s ease, transform .3s ease;
  z-index: 9999; white-space: nowrap;
  display: flex; align-items: center; gap: 14px;
  max-width: calc(100vw - 32px);
  box-shadow: 0 4px 14px rgba(0,0,0,.18), 0 2px 5px rgba(0,0,0,.08);
}
.zg-toast.visible { opacity: 1; transform: translateX(-50%) translateY(0); }
.zg-toast span { overflow: hidden; text-overflow: ellipsis; }
.zg-toast button {
  background: none; border: none; padding: 0;
  color: inherit; font-size: 13px; font-weight: 700;
  text-decoration: underline; text-underline-offset: 2px;
  cursor: pointer; flex-shrink: 0;
}

/* ── Barrierefreiheit: reduzierte Bewegung ── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  html { scroll-behavior: auto !important; }
}