/* ══════════════════════════════════════════════════════════════════════════
   NOVA GLASS v12 — clarification overlay text fix.
   In glass the overlay showed but its label/sub text was white-on-light glass
   (invisible). This makes all of its text a deep, LEGIBLE animated rainbow.
   Scoped html[data-theme="glass"] #nova-clarify-overlay. Loaded after v11.
   (The .nova-cl-num circle and .nova-cl-rec badge keep their solid pill styles.)
   ══════════════════════════════════════════════════════════════════════════ */
html[data-theme="glass"] #nova-clarify-overlay .nova-cl-title,
html[data-theme="glass"] #nova-clarify-overlay .nova-cl-label,
html[data-theme="glass"] #nova-clarify-overlay .nova-cl-sub {
  background: linear-gradient(90deg, #0891b2, #4f46e5, #9333ea, #db2777, #0d9488, #0891b2) !important;
  background-size: 300% 100% !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color: transparent !important;
  -webkit-text-stroke: 0.3px rgba(20, 20, 40, 0.20);
  text-shadow: 0 1px 3px rgba(20, 24, 60, 0.16);
  animation: gxClarRainbow 8s linear infinite;
}
@keyframes gxClarRainbow {
  0%   { background-position: 0% 50%; }
  100% { background-position: 300% 50%; }
}
@media (prefers-reduced-motion: reduce) {
  html[data-theme="glass"] #nova-clarify-overlay .nova-cl-title,
  html[data-theme="glass"] #nova-clarify-overlay .nova-cl-label,
  html[data-theme="glass"] #nova-clarify-overlay .nova-cl-sub { animation: none; }
}