@import "tailwindcss";
@config "../tailwind.config.js";

body {
  background-color: #0f0f0f;
  color: #f5f5f5;
  font-family: system-ui, -apple-system, sans-serif;
  /* ponytail: mobile PWA full-bleed bg with content cleared from notch / home indicator. viewport-fit=cover lets bg extend under insets; app-shell pads content back in. */
  overscroll-behavior: none;
  -webkit-tap-highlight-color: transparent;
}

.app-shell {
  padding:
    max(0.75rem, env(safe-area-inset-top))
    max(0.75rem, env(safe-area-inset-right))
    max(0.75rem, env(safe-area-inset-bottom))
    max(0.75rem, env(safe-area-inset-left));
}