/* Minimal helpers that Tailwind doesn't cover nicely */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}

/* Nice thin horizontal scrollbar for the bottom bar on mobile */
.no-scrollbar { scrollbar-width: thin; }
.no-scrollbar::-webkit-scrollbar { height: 8px; }
.no-scrollbar::-webkit-scrollbar-thumb { background: #e5e7eb; border-radius: 8px; }

/* Utility to completely hide if your JS toggles via classList */
.hidden { display: none; }