.footer{
  position: fixed;
  left: 18px;
  right: auto;
  bottom: 14px;
  z-index: 10;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;

  color: var(--muted);
  font-size: 12px;
  letter-spacing: 0.02em;
  user-select: none;
}

.footer .sep{ opacity: .45; }
.footer a{
  color: rgba(170,220,255,.92);
  text-decoration: none;
}
.footer a:hover{ text-decoration: underline; }

/* iOS-ish bottom safe area handling */
@supports (padding: env(safe-area-inset-bottom)){
  .footer{ padding-bottom: env(safe-area-inset-bottom); }
}