/* Chat nickname glow tiers — local preview / future in-app use */

.chat-author {
  display: inline;
  font-weight: 600;
  line-height: 1.3;
  word-break: break-word;
}

/* Tier 0 — default (no class) */
.chat-author-base {
  color: #c8d2dc;
}

/* 1+ messages — warm */
.chat-glow-1 {
  color: #f0e6d8;
}

/* 10+ — soft glow */
.chat-glow-2 {
  color: #e8f4ff;
  text-shadow:
    0 0 6px rgba(125, 211, 252, 0.45),
    0 0 14px rgba(56, 189, 248, 0.2);
}

/* 30+ — pulsing glow */
.chat-glow-3 {
  color: #eaf6ff;
  animation: chat-glow-pulse 2.6s ease-in-out infinite;
}

@keyframes chat-glow-pulse {
  0%, 100% {
    text-shadow:
      0 0 4px rgba(125, 211, 252, 0.35),
      0 0 10px rgba(56, 189, 248, 0.15);
  }
  50% {
    text-shadow:
      0 0 8px rgba(125, 211, 252, 0.75),
      0 0 18px rgba(56, 189, 248, 0.45),
      0 0 28px rgba(14, 165, 233, 0.2);
  }
}

/* 75+ — gradient text */
.chat-glow-4 {
  background: linear-gradient(
    100deg,
    #7dd3fc 0%,
    #a5f3fc 35%,
    #38bdf8 55%,
    #e0f2fe 75%,
    #7dd3fc 100%
  );
  background-size: 220% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation: chat-glow-gradient 3.2s linear infinite;
  filter: drop-shadow(0 0 6px rgba(56, 189, 248, 0.35));
}

@keyframes chat-glow-gradient {
  0% { background-position: 0% center; }
  100% { background-position: 220% center; }
}

/* 150+ — halo ring behind nickname */
.chat-glow-5 {
  position: relative;
  color: #f8fafc;
  text-shadow:
    0 0 8px rgba(167, 243, 208, 0.5),
    0 0 16px rgba(52, 211, 153, 0.35);
  animation: chat-glow-halo-pulse 2.8s ease-in-out infinite;
}

.chat-glow-5::before {
  content: "";
  position: absolute;
  left: -0.35em;
  right: -0.35em;
  top: 50%;
  height: 1.45em;
  transform: translateY(-50%);
  border-radius: 999px;
  border: 1px solid rgba(110, 231, 183, 0.45);
  box-shadow:
    0 0 10px rgba(52, 211, 153, 0.25),
    inset 0 0 8px rgba(52, 211, 153, 0.12);
  pointer-events: none;
  z-index: -1;
}

@keyframes chat-glow-halo-pulse {
  0%, 100% { opacity: 0.88; }
  50% { opacity: 1; }
}

/* 300+ — legend: gradient + pulse + shine sweep */
.chat-glow-6 {
  position: relative;
  display: inline-block;
  background: linear-gradient(
    95deg,
    #fde68a 0%,
    #fbbf24 22%,
    #fff7cc 45%,
    #f59e0b 68%,
    #fde68a 100%
  );
  background-size: 240% auto;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  animation:
    chat-glow-legend-gradient 2.8s linear infinite,
    chat-glow-legend-glow 2.4s ease-in-out infinite;
  filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.45));
}

.chat-glow-6::after {
  content: "";
  position: absolute;
  top: 0;
  left: -120%;
  width: 60%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.55),
    transparent
  );
  transform: skewX(-18deg);
  animation: chat-glow-shine 3.6s ease-in-out infinite;
  pointer-events: none;
}

@keyframes chat-glow-legend-gradient {
  0% { background-position: 0% center; }
  100% { background-position: 240% center; }
}

@keyframes chat-glow-legend-glow {
  0%, 100% { filter: drop-shadow(0 0 6px rgba(251, 191, 36, 0.35)); }
  50% { filter: drop-shadow(0 0 14px rgba(251, 191, 36, 0.7)); }
}

@keyframes chat-glow-shine {
  0%, 55% { left: -120%; opacity: 0; }
  65% { opacity: 1; }
  100% { left: 140%; opacity: 0; }
}

/* Feed line layout (matches future in-app chat meta) */
.feed-meta-line {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.2em 0.35em;
  font-size: 0.82rem;
  color: #8b98a7;
}

.feed-meta-line time {
  color: #6b7785;
  font-weight: 400;
  white-space: nowrap;
}

.feed-meta-sep {
  opacity: 0.55;
}