.tour-bar {
  position: fixed;
  z-index: 130;
  bottom: 78px;
  right: 24px;
  width: min(410px, calc(100vw - 32px));
  border: 1px solid var(--line-soft);
  border-radius: var(--r-card);
  background: var(--card-2);
  backdrop-filter: blur(22px);
  padding: 18px;
  box-shadow: var(--shadow);
  color: var(--ink);
}

.tour-bar p {
  font-size: 14px;
  line-height: 1.6;
}

.tour-caption {
  font-size: 12px;
  color: var(--ink-2);
}



@media(max-width:620px) {
  .tour-bar {
    right: 16px;
  }
}

.tour-bar .recat-btn.primary {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--bg);
}

.tour-target {
  outline: 2px solid var(--ink-2);
  outline-offset: 4px;
  border-radius: var(--r-row);
}