/* Random historic title — first letter of each word shares a color */

#title-bar.title-color-shine,
.top-bar-title .title-color-shine,
#title-bar.app-name-text.title-color-shine {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  font-family: Inter, system-ui, sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(1.35rem, 4.2vw, 2.15rem) !important;
  line-height: 1.15 !important;
  letter-spacing: 0.03em !important;
  white-space: nowrap !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: unset !important;
  color: #ff0040 !important;
  animation: none !important;
  filter: none !important;
  text-shadow: none !important;
  gap: 0 !important;
}

#title-bar .title-letter {
  display: inline-block !important;
  font: inherit !important;
  font-weight: 800 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  /* Default until JS paints; JS sets color with !important */
  color: #ff0040;
  -webkit-text-fill-color: currentColor;
  animation: none !important;
  /* Continuous HSL updates every frame — no stepped transition needed */
  transition: none !important;
}

#title-bar .title-letter--space {
  width: 0.35em !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.app-name-row {
  display: none !important;
}