:root {
  --platform-accent: #0f766e;
  --platform-accent-strong: #115e59;
  --platform-soft: color-mix(in srgb, var(--platform-accent) 12%, var(--surface));
}

.platform-topbar {
  backdrop-filter: saturate(140%) blur(14px);
}

.platform-badge {
  letter-spacing: .04em;
  font-weight: 800;
}

.platform-stage-badge {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 999px;
  background: var(--surface-2);
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.platform-notice {
  border-color: color-mix(in srgb, var(--platform-accent) 42%, var(--border));
  background: var(--platform-soft);
}

.platform-review-link {
  text-decoration: none;
}

@media (prefers-color-scheme: dark) {
  :root {
    --platform-soft: color-mix(in srgb, var(--platform-accent) 20%, var(--surface));
  }
}

@media (max-width: 820px) {
  .platform-stage-badge {
    display: none;
  }

  .platform-review-link {
    display: none;
  }
}