html {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  scroll-behavior: smooth;
}

body {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #090314;
  font-family: 'Inter', 'Noto Color Emoji', system-ui, -apple-system, sans-serif !important;
}

.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(9, 3, 20, 0.5);
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #2e1f4d;
  border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #e6b930;
}

#chat-messages, 
#bible-reading-container, 
#wtd-queue-list, 
#blocklist-inventory, 
#vault-inventory, 
#study-mode-console, 
#discernment-theatre, 
#password-modal, 
.custom-scrollbar {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.glass-panel {
  background: rgba(20, 13, 36, 0.75);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(230, 185, 48, 0.05);
}

.bible-verse-item {
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.bible-verse-item:hover {
  background-color: rgba(230, 185, 48, 0.04);
}

.bible-verse-item.active-highlight {
  background-color: rgba(230, 185, 48, 0.06);
  border-color: rgba(230, 185, 48, 0.25);
}

#toast-container {
  max-width: calc(100vw - 2rem);
}

@keyframes subtlePulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.8; }
}

.live-pulse {
  animation: subtlePulse 2s infinite ease-in-out;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(2px); }
  to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
  animation: fadeIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}