/* Evo-Knopf (gemeinsam) – passt in eine untere Leiste wie ein normaler Reiter; Farben über currentColor/App-Variablen */
.evo-knopf { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-width: 48px; min-height: 48px; }
.evo-knopf .evo-zeichen { width: 26px; height: 26px; }
.evo-knopf .evo-knopf-text { font-size: 0.72rem; }
.evo-knopf.hoert { color: #c62828; animation: evo-puls 1.2s ease-in-out infinite; }
@keyframes evo-puls { 50% { opacity: 0.55; } }
.evo-blatt { position: fixed; left: 12px; right: 12px; bottom: calc(76px + env(safe-area-inset-bottom, 0px)); z-index: 60; max-width: 520px; margin: 0 auto;
  background: var(--papier, #fff); color: var(--text, #111); border-radius: 14px; box-shadow: 0 6px 24px rgba(0,0,0,.25); padding: 14px 16px; }
.evo-blatt .evo-erkannt { margin: 0 0 6px; font-size: 0.9rem; opacity: 0.75; }
.evo-blatt .evo-satz { margin: 0 0 10px; font-size: 1.1rem; font-weight: 700; }
.evo-blatt .evo-reihe { display: flex; gap: 10px; }
.evo-blatt .evo-reihe button { flex: 1 1 0; min-height: 48px; font-size: 1rem; font-weight: 700; }
@media (prefers-reduced-motion: reduce) { .evo-knopf.hoert { animation: none; } }