/* static/css/base.css */
body {
  min-height: 100dvh; /* 핵심: 실제 보이는 화면 기준 높이 */
  height: 100%;

  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: scroll;

  font-family: "Pretendard", sans-serif;
}


/* 녹음 중 음파 애니메이션 */
.recording-wave .wave-bar {
  display: inline-block;
  width: 3px;
  background: currentColor;
  border-radius: 2px;
  animation: wave 1s ease-in-out infinite;
}
.recording-wave .wave-bar:nth-child(1) { height: 8px;  animation-delay: 0s; }
.recording-wave .wave-bar:nth-child(2) { height: 14px; animation-delay: 0.15s; }
.recording-wave .wave-bar:nth-child(3) { height: 18px; animation-delay: 0.3s; }
.recording-wave .wave-bar:nth-child(4) { height: 14px; animation-delay: 0.45s; }
.recording-wave .wave-bar:nth-child(5) { height: 8px;  animation-delay: 0.6s; }

@keyframes wave {
  0%, 100% { transform: scaleY(0.5); }
  50%      { transform: scaleY(1); }
}