.bab-transport {
  position: sticky !important;
  top: 0 !important;
  z-index: 9980 !important;
  isolation: isolate;
  margin-top: 10px;
  border-color: var(--orange, #ff941f) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 148, 31, 0.10), transparent 46%),
    linear-gradient(180deg, rgba(29, 20, 14, 0.985), rgba(15, 10, 8, 0.985)) !important;
  box-shadow: 0 16px 46px rgba(0, 0, 0, 0.52), 0 1px 0 rgba(255, 148, 31, 0.25);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

.bab-transport::before {
  content: "";
  position: absolute;
  inset: -1px -1px auto;
  height: 3px;
  border-radius: 18px 18px 0 0;
  background: linear-gradient(90deg, transparent, var(--orange, #ff941f), transparent);
  pointer-events: none;
}

.sphire-share-beat-button {
  min-height: 42px;
  padding: 9px 12px;
  border: 1px solid var(--orange, #ff941f);
  border-radius: 10px;
  color: #160c04;
  background: linear-gradient(135deg, var(--orange, #ff941f), var(--orange-2, #ffb15c));
  font: inherit;
  font-size: 10px;
  font-weight: 950;
  cursor: pointer;
}

.sphire-share-beat-button:hover { filter: brightness(1.06); }

.sphire-share-toast {
  position: fixed;
  left: 50%;
  bottom: max(22px, env(safe-area-inset-bottom));
  z-index: 10020;
  max-width: min(calc(100% - 24px), 620px);
  padding: 12px 16px;
  border: 1px solid var(--orange, #ff941f);
  border-radius: 999px;
  color: #160c04;
  background: linear-gradient(135deg, var(--orange, #ff941f), var(--orange-2, #ffb15c));
  box-shadow: 0 18px 58px rgba(0, 0, 0, 0.62);
  font-weight: 950;
  text-align: center;
  opacity: 0;
  transform: translate(-50%, 18px);
  pointer-events: none;
  transition: opacity 150ms ease, transform 150ms ease;
}

.sphire-share-toast.is-visible {
  opacity: 1;
  transform: translate(-50%, 0);
}

@media (max-width: 680px) {
  .bab-transport {
    top: max(0px, env(safe-area-inset-top)) !important;
    max-height: calc(100svh - env(safe-area-inset-top));
    overflow: auto;
  }

  .sphire-share-beat-button { width: 100%; }
}
