.nox-fw-blur {
  display: inline;
  padding: 0 0.15em;
  border-radius: 4px;
  background: repeating-linear-gradient(
    90deg,
    rgba(120, 130, 150, 0.55) 0,
    rgba(120, 130, 150, 0.55) 4px,
    rgba(90, 100, 120, 0.55) 4px,
    rgba(90, 100, 120, 0.55) 8px
  );
  color: transparent;
  user-select: none;
  cursor: help;
  letter-spacing: 0.08em;
}

.nox-fw-blur::after {
  content: '████';
  color: rgba(80, 90, 110, 0.85);
  font-size: 0.85em;
}

[data-theme='dark'] .nox-fw-blur,
body.noxnotifs-auth .nox-fw-blur {
  background: repeating-linear-gradient(
    90deg,
    rgba(180, 190, 210, 0.35) 0,
    rgba(180, 190, 210, 0.35) 4px,
    rgba(140, 150, 170, 0.35) 4px,
    rgba(140, 150, 170, 0.35) 8px
  );
}

.nox-fw-notice {
  display: block;
  margin-top: 0.35rem;
  font-size: 0.72rem;
  opacity: 0.75;
}

.nox-fw-support {
  display: block;
}

.nox-fw-support__blurred,
.nox-fw-support__plain {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.nox-fw-reveal-btn {
  display: inline-block;
  margin-top: 0.45rem;
  padding: 0.28rem 0.65rem;
  border: 1px solid rgba(249, 115, 22, 0.45);
  border-radius: 6px;
  background: rgba(249, 115, 22, 0.12);
  color: #c2410c;
  font-size: 0.72rem;
  font-weight: 600;
  cursor: pointer;
}

.nox-fw-reveal-btn:hover {
  background: rgba(249, 115, 22, 0.22);
}