.ui-toast-stack { position: fixed; right: 16px; bottom: 16px; z-index: 1000; display: flex; flex-direction: column; gap: 8px; width: max-content; max-width: min(420px, calc(100vw - 24px)); pointer-events: none; }
.ui-toast { display: flex; align-items: center; gap: 10px; padding: 12px 16px; border: 1px solid; border-radius: 16px; background: var(--surface-solid, #fbfaf6); color: var(--text, #17150f); box-shadow: 0 8px 32px #0003; font-size: 14px; line-height: 1.45; font-weight: 600; overflow-wrap: anywhere; }
.ui-toast > span { flex: none; }
@media (max-width: 767px) { .ui-toast-stack { right: 12px; bottom: calc(88px + env(safe-area-inset-bottom, 0px)); } }
@media (prefers-reduced-motion: reduce) { .ui-toast { animation: none !important; } }