/* То, что неудобно выразить классами Tailwind: анимации и safe-area. */

:root {
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

body {
  background: #f6f1e9;
  -webkit-tap-highlight-color: transparent;
}

.pb-safe {
  padding-bottom: calc(var(--safe-bottom) + 0.5rem);
}

.page-bottom-space {
  padding-bottom: calc(var(--safe-bottom) + 9rem);
}

/* Пульс кнопки во время записи */
@keyframes rec-pulse {
  0% { box-shadow: 0 0 0 0 rgba(194, 97, 58, 0.45); }
  70% { box-shadow: 0 0 0 18px rgba(194, 97, 58, 0); }
  100% { box-shadow: 0 0 0 0 rgba(194, 97, 58, 0); }
}

.rec-active {
  animation: rec-pulse 1.6s infinite;
}

/* Мягкое мерцание заглушки, пока картина рисуется */
@keyframes shimmer {
  0% { background-position: -400px 0; }
  100% { background-position: 400px 0; }
}

.shimmer {
  background: linear-gradient(90deg, #efe6d8 0%, #f8f2ea 50%, #efe6d8 100%);
  background-size: 800px 100%;
  animation: shimmer 1.8s infinite linear;
}

/* Текст дневника */
.diary-text p + p {
  margin-top: 0.85em;
}

.entity-link {
  color: #c2613a;
  text-decoration: underline;
  text-decoration-color: rgba(194, 97, 58, 0.35);
  text-underline-offset: 3px;
}

.entity-unsure {
  background: #f3e1d6;
  border-radius: 4px;
  padding: 0 3px;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  scrollbar-width: none;
}