body {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

.rd-scroll::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.rd-scroll::-webkit-scrollbar-thumb {
    background-color: #7a7aaa; /* Indigo-500 */
    border-radius: 6px;
}
.rd-scroll::-webkit-scrollbar-track {
    background-color: #e0e7ff; /* Indigo-100 */
}

@keyframes bar-infinite {
  0% {
    left: -33%;
  }
  100% {
    left: 100%;
  }
}

.animate-bar-infinite {
  animation: bar-infinite 1.5s infinite linear;
}

/* iOS safe area for mobile bottom nav */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  #session-scroll-container ~ nav {
    padding-bottom: env(safe-area-inset-bottom);
  }
}