body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background-color: #0F172A;
  color: #F8FAFC;
  -webkit-tap-highlight-color: transparent;
}
.serif-heading {
  font-family: 'Playfair Display', Georgia, serif;
}
.segment-active {
  border-color: #F59E0B !important;
  background-color: rgba(245, 158, 11, 0.12) !important;
  box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.32);
}
.chapter-active {
  border-color: #38BDF8 !important;
  background-color: rgba(56, 189, 248, 0.15) !important;
}
.en-sentence {
  transition: background-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}
.en-sentence-active {
  background-color: rgba(251, 191, 36, 0.28) !important;
  color: #FEF3C7 !important;
  box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.45);
  font-weight: 600;
}
.fr-pill-active {
  border-color: #34D399 !important;
  background-color: rgba(16, 185, 129, 0.25) !important;
  transform: scale(1.02);
  box-shadow: 0 0 0 2px rgba(52, 211, 153, 0.4);
}
button, select, input {
  touch-action: manipulation;
}
@keyframes pulseRing {
  0% { transform: scale(0.96); opacity: 0.85; }
  50% { transform: scale(1.04); opacity: 1; }
  100% { transform: scale(0.96); opacity: 0.85; }
}
.playing-pulse {
  animation: pulseRing 2s infinite ease-in-out;
}