.sc-toast {
  position: fixed;
  z-index: var(--sc-z-toast, 1200);
  right: var(--sc-space-5);
  bottom: var(--sc-space-5);
  max-width: min(26rem, calc(100vw - (2 * var(--sc-space-5))));
  padding: var(--sc-space-3) var(--sc-space-4);
  border: 1px solid var(--sc-color-brand-200);
  border-radius: var(--sc-radius-lg);
  color: var(--sc-color-ink);
  background: var(--sc-color-surface);
  box-shadow: var(--sc-shadow-lg);
  font: 700 0.875rem/1.5 var(--sc-font-sans);
  animation: sc-toast-in 160ms ease-out both;
}

.sc-toast[hidden] { display: none; }

@keyframes sc-toast-in {
  from { opacity: 0; transform: translateY(var(--sc-space-2)); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 720px) {
  .sc-toast {
    right: var(--sc-space-4);
    bottom: max(var(--sc-space-4), env(safe-area-inset-bottom));
    left: var(--sc-space-4);
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sc-toast { animation: none; }
}