/* ----------------------------------------------------------- toast */
.toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; background: var(--card); color: var(--ink); padding: 10px 18px; border-radius: 3px; box-shadow: var(--shadow-ticket); font-size: 15px; transition: transform .3s var(--ease), opacity .3s; pointer-events: none; z-index: 20; max-width: 90vw; }
.toast.on { transform: translate(-50%, 0); opacity: 1; }