:root {
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

#gobii-frontend-root {
  min-height: 100vh;
  min-height: 100dvh;
}

.app-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
}

.app-loading__spinner {
  width: 56px;
  height: 56px;
  color: #0074d4;
  animation: app-loading-rotate 0.72s linear infinite;
}

@keyframes app-loading-rotate {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-loading__spinner {
    animation-duration: 1.2s;
  }
}

/*
 * Disable Tailwind prose blockquote quotes.
 * The blockquote styling (border, italic) already indicates a quote.
 * Adding CSS quotes on top of any literal quotes from LLM output is redundant.
 */
.prose blockquote {
  quotes: none;
}
.prose blockquote::before,
.prose blockquote::after {
  content: none;
}
