.creator-badge {
  position: fixed;
  right: max(var(--space-4), env(safe-area-inset-right));
  bottom: max(var(--space-4), env(safe-area-inset-bottom));
  z-index: 10;
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--touch-target);
  padding: var(--space-1) var(--space-3) var(--space-1) var(--space-1);
  border: var(--stroke-thin) solid var(--color-outline);
  border-radius: var(--radius-full);
  background: var(--color-surface);
  color: var(--color-on-surface);
  box-shadow: var(--shadow-floating);
  font-weight: var(--typography-button-weight);
  white-space: nowrap;
  text-decoration: none;
}

.creator-badge:hover { background: var(--color-secondary); }
.creator-badge:focus-visible { outline: var(--stroke-strong) solid var(--color-focus-ring); outline-offset: var(--space-1); }
.creator-badge img {
  display: block;
  width: var(--space-7);
  height: var(--space-7);
  border-radius: var(--radius-full);
  object-fit: cover;
}