.ticker {
  position: static;
  width: 100%;
  height: var(--ticker-height, 90px);
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 0 18px;
  z-index: 3000;
  border-top: 1px solid var(--ticker-border, rgba(255, 255, 255, 0.08));
  background: var(--ticker-bg, linear-gradient(180deg, rgba(10, 12, 18, 0.98), rgba(6, 8, 12, 0.92)));
  box-shadow: var(--ticker-shadow, 0 -18px 40px rgba(2, 6, 12, 0.6));
  border-radius: 18px;
}

.ticker-track {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  white-space: nowrap;
  animation: ticker-scroll var(--ticker-duration, 46s) linear infinite;
  will-change: transform;
}

.ticker:hover .ticker-track {
  animation-play-state: paused;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: var(--ticker-height, 60px);
  padding: 0 12px;
  border-radius:5px;
  border: 1px solid var(--ticker-item-border, rgba(255, 255, 255, 0.12));
  background: var(--ticker-item-bg, rgba(15, 19, 27, 0.7));
  color: var(--ad-text, #eef2f7);
  font-family: var(--ad-font, "Space Grotesk", system-ui, sans-serif);
  text-decoration: none;
}

.ticker-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  height: 100%;
  color: inherit;
  text-decoration: none;
}

.ticker-image {
  height: var(--ticker-height, 55px);
  width: auto;
  border-radius: 10px;
  display: block;
  object-fit: contain;
  background: var(--ticker-image-bg, #0f131b);
}

.ticker-text {
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
}

.ticker-item.ticker-item-text {
  background: var(--ad-bg, var(--ticker-item-bg, rgba(15, 19, 27, 0.8)));
}

.ticker-badge {
  display: none;
}


@keyframes ticker-scroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(0px - var(--ticker-distance, 50%))); }
}

@media (max-width: 800px) {
  .ticker-item {
    height: var(--ticker-height, 90px);
    padding: 0 10px;
  }

  .ticker-text {
    font-size: 12px;
  }
}

.adblock-bait {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  min-width: 1px;
  min-height: 1px;
  display: block !important;
  pointer-events: none;
}

.adblock-notice {
  position: fixed;
  inset: 0;
  z-index: 4000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(4, 8, 14, 0.65);
  padding: 24px;
}

.adblock-notice[hidden] {
  display: none;
}

.adblock-notice-card {
  width: min(520px, 92vw);
  border-radius: 18px;
  border: 1px solid rgba(255, 184, 108, 0.35);
  background: var(--surface-7, rgba(12, 16, 24, 0.98));
  padding: 18px 20px;
  box-shadow: 0 18px 40px rgba(3, 8, 18, 0.55);
  display: grid;
  gap: 10px;
}

.adblock-notice-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--text);
}

.adblock-notice-body {
  font-size: 13px;
  color: var(--text-subtle, rgba(255, 255, 255, 0.7));
  line-height: 1.5;
}

.adblock-notice-actions {
  display: flex;
  justify-content: flex-end;
}

.adblock-notice-dismiss {
  border: 1px solid var(--chip-border, rgba(255, 255, 255, 0.2));
  background: var(--surface-5, rgba(10, 12, 18, 0.85));
  color: var(--text-subtle, rgba(255, 255, 255, 0.75));
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
}

.adblock-notice-dismiss:hover {
  border-color: rgba(106, 230, 201, 0.6);
  color: #ffffff;
}

.tip-modal {
  position: fixed;
  inset: 0;
  background: rgba(4, 8, 14, 0.65);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 4010;
}

.tip-card {
  width: min(520px, 92vw);
  border-radius: 18px;
  border: 1px solid rgba(106, 230, 201, 0.35);
  background: var(--surface-7, rgba(12, 16, 24, 0.98));
  padding: 16px 18px 18px;
  box-shadow: 0 18px 40px rgba(3, 8, 18, 0.55);
  display: grid;
  gap: 16px;
}

.tip-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 600;
}

.tip-close {
  border: 1px solid var(--chip-border, rgba(255, 255, 255, 0.2));
  background: transparent;
  color: var(--text);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
}

.tip-body {
  display: grid;
  gap: 16px;
}

.tip-body p {
  margin: 0;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.5;
}

.tip-recipient {
  display: grid;
  gap: 12px;
}

.tip-recipient-toggle {
  display: inline-flex;
  gap: 8px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(10, 12, 18, 0.65);
}

.tip-recipient-option {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: var(--muted);
  cursor: pointer;
  transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.tip-recipient-option input {
  display: none;
}

.tip-recipient-option input:checked + span {
  color: var(--text);
}

.tip-recipient-option.is-selected {
  background: rgba(106, 230, 201, 0.18);
  color: var(--text);
  box-shadow: 0 6px 14px rgba(106, 230, 201, 0.18);
}

.tip-user-row {
  display: grid;
  gap: 6px;
}

.tip-user-row label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  color: var(--muted);
}

.tip-user-row input {
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(5, 8, 14, 0.8);
  color: var(--text);
  font-size: 12px;
}

.tip-user-row input.is-invalid {
  border-color: rgba(255, 107, 107, 0.65);
  box-shadow: 0 0 0 1px rgba(255, 107, 107, 0.2);
}

.tip-user-hint {
  font-size: 11px;
  color: var(--muted);
}

.tip-user-row.is-hidden {
  display: none;
}

.tip-options {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.tip-option,
.tip-send {
  border: 1px solid rgba(106, 230, 201, 0.45);
  background: rgba(106, 230, 201, 0.15);
  color: var(--text);
  border-radius: 999px;
  padding: 6px 12px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  cursor: pointer;
}

.tip-send {
  background: linear-gradient(120deg, var(--accent), var(--accent-bright, #9af7e0));
  color: #062018;
  border: none;
}

#tip-amount {
  width: 90px;
  background: var(--surface-11, rgba(5, 8, 14, 0.8));
  border: 1px solid var(--chip-border-weak, rgba(255, 255, 255, 0.12));
  border-radius: 10px;
  color: var(--text);
  padding: 6px 10px;
  font-size: 12px;
}

.tip-status {
  font-size: 12px;
  color: var(--muted);
  min-height: 18px;
}

html[data-theme="light"] .tip-recipient-toggle {
  background: rgba(240, 244, 250, 0.9);
  border-color: rgba(15, 22, 36, 0.15);
}

html[data-theme="light"] .tip-recipient-option {
  color: rgba(15, 22, 36, 0.7);
}

html[data-theme="light"] .tip-recipient-option.is-selected {
  color: #0f1624;
  background: rgba(106, 230, 201, 0.25);
  box-shadow: 0 6px 14px rgba(15, 22, 36, 0.15);
}

html[data-theme="light"] .tip-user-row input {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(15, 22, 36, 0.18);
  color: #0f1624;
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(106, 230, 201, 0.55) var(--scrollbar-track, rgba(15, 19, 27, 0.6));
}

*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

*::-webkit-scrollbar-track {
  background: var(--scrollbar-track, rgba(15, 19, 27, 0.6));
  border-radius: 999px;
}

*::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(106, 230, 201, 0.85), rgba(106, 230, 201, 0.35));
  border-radius: 999px;
  border: 2px solid var(--scrollbar-thumb-border, rgba(11, 14, 20, 0.9));
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(106, 230, 201, 1), rgba(106, 230, 201, 0.55));
}