/* LoxyBot Twitch: Twitch purple theme on top of loxybot-home.css */
.lbtwitch {
  --lb-purple: #a970ff;
  --lb-purple-strong: #9146ff;
  --lb-pink: #c77dff;
  --lb-blue: #6f8cff;
  --tw-purple: #9146ff;
}

.lbtwitch .loxybot-hero::before {
  background:
    radial-gradient(circle at 18% 36%, rgba(145, 70, 255, 0.2), transparent 30%),
    radial-gradient(circle at 78% 22%, rgba(169, 112, 255, 0.18), transparent 31%),
    radial-gradient(circle at 70% 72%, rgba(111, 140, 255, 0.12), transparent 26%);
}

.lbtwitch .loxybot-eyebrow,
.lbtwitch .loxybot-section-kicker,
.lbtwitch .loxybot-float-card small,
.lbtwitch .loxybot-link-card > span {
  color: #c9a8ff;
}

.lbtwitch .loxybot-hero h1 span {
  background: linear-gradient(100deg, #ffffff 4%, #d7bfff 38%, #a970ff 72%, #9146ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.lbtwitch .loxybot-btn-primary {
  background: linear-gradient(135deg, #9146ff 0%, #772ce8 100%);
}

.lbtwitch .loxybot-btn.is-disabled {
  opacity: 0.55;
  cursor: default;
  pointer-events: none;
}

.lbtwitch .loxybot-logo-glow {
  background: linear-gradient(120deg, rgba(145, 70, 255, 0.32), rgba(119, 44, 232, 0.24));
}

.lbtwitch .loxybot-avatar {
  border-color: rgba(169, 112, 255, 0.4);
  box-shadow: 0 0 0 6px rgba(145, 70, 255, 0.1), 0 0 48px rgba(145, 70, 255, 0.4), 0 22px 44px rgba(0, 0, 0, 0.45);
}

.lbtwitch .loxybot-avatar-name em {
  background: var(--tw-purple);
}

.lbtwitch .loxybot-status-row.is-soon {
  border-color: rgba(169, 112, 255, 0.32);
  background: rgba(145, 70, 255, 0.1);
  color: #e2d1ff;
}

.lbtwitch .loxybot-status-row.is-soon .loxybot-status-dot {
  background: var(--tw-purple);
  box-shadow: 0 0 16px rgba(145, 70, 255, 0.8);
}

.lbtwitch-signature {
  margin-top: 14px;
  color: #d7bfff;
  font-weight: 800;
}

.lbtwitch .lbtwitch-beta-tag {
  top: 12px;
  right: auto;
  bottom: auto;
  left: 12px;
}