/* ──────────────────────────────────────────────────────────────────────────
   Nova Glass v9 — animated switching-rainbow text on the welcome screen.
   Scoped to html[data-theme="glass"] only, so Nova Moon is unaffected.
   Targets: privacy note + its link, and the suggestion-card text.
   ────────────────────────────────────────────────────────────────────────── */

@keyframes novaRainbowSlide {
  0%   { background-position:   0% 50%; }
  100% { background-position: 200% 50%; }
}

html[data-theme="glass"] .welcome-privacy-note,
html[data-theme="glass"] .welcome-privacy-link,
html[data-theme="glass"] .suggestion-text strong,
html[data-theme="glass"] .suggestion-text span {
  background-image: linear-gradient(
    90deg,
    #ff3b3b, #ff9f1c, #ffd23f, #2ecc71,
    #22d3ee, #3b82f6, #8b5cf6, #ec4899, #ff3b3b
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: novaRainbowSlide 6s linear infinite;
}

/* Keep the lock emoji visible — don't clip it to transparent. */
html[data-theme="glass"] .welcome-privacy-icon {
  -webkit-text-fill-color: initial;
  color: initial;
  background: none;
}

/* The link keeps the rainbow but stays underlined on hover for affordance. */
html[data-theme="glass"] .welcome-privacy-link:hover {
  text-decoration: underline;
}

@media (prefers-reduced-motion: reduce) {
  html[data-theme="glass"] .welcome-privacy-note,
  html[data-theme="glass"] .welcome-privacy-link,
  html[data-theme="glass"] .suggestion-text strong,
  html[data-theme="glass"] .suggestion-text span {
    animation: none;
  }
}