/* BB Quotes - Minimalist Dark Theme */

/* Container */
.quotes-app-container {
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  padding: 1rem;
}

/* Quote Box */
.quote-box {
  width: 100%;
  min-height: 200px;
  padding: 2rem;
  background: transparent;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#quote {
  font-size: 1.5rem;
  font-family: "Times New Roman", serif;
  font-style: italic;
  color: var(--text-secondary);
  margin-bottom: 1.5rem;
  line-height: 1.4;
}

#author {
  font-size: 1.1rem;
  font-weight: bold;
  color: var(--text-muted); /* Neutral instead of neon */
  align-self: flex-end;
  margin-top: auto;
}

#author::before {
  content: "— ";
}

/* Button - Using Global .btn-primary */

/* Toast Notification */

/* Loading Spinner for Quote */
.loading #quote::after {
  content: "...";
  animation: dots 1.5s infinite;
}

@keyframes dots {
  0%,
  20% {
    content: ".";
  }
  40% {
    content: "..";
  }
  60%,
  100% {
    content: "...";
  }
}