/* 검은색 배경으로 설정 */
body {
  background-color: black !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

/* 하단 네비게이션 바 영역 */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  body::after {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: env(safe-area-inset-bottom);
    background-color: #000000; /* 네비게이션 바는 검은색 유지 */
    z-index: 10000;
  }
}

/* 모바일 네비게이션 영역 채우기 */
html {
  background-color: black;
}

/* 상단 영역(topBlackBar 제외) 검은색 배경 */
#sentenceImageContainer, #bottomImageContainer {
  background-color: black !important;
}