.toast {
  position: fixed;
  z-index: 180;
  top: calc(14px + env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  width: min(430px, calc(100% - 28px));
  padding: 13px 16px;
  border-radius: 15px;
  background: var(--text);
  color: var(--bg);
  text-align: center;
  box-shadow: var(--shadow);
}