.toast-stack{position:fixed;z-index:60;top:76px;right:max(16px,env(safe-area-inset-right));display:flex;flex-direction:column;gap:10px;width:min(22.5rem,calc(100vw - 32px));pointer-events:none}.toast{pointer-events:auto;display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:12px;align-items:start;padding:14px 12px 14px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--bg-raised) 94%,#000);color:var(--ink);box-shadow:0 18px 40px #08030473}.toast-rail{width:4px;align-self:stretch;border-radius:99px;background:var(--gold)}.toast[data-tone=ok] .toast-rail{background:var(--ok)}.toast[data-tone=error] .toast-rail{background:var(--error)}.toast-copy{min-width:0;padding-top:1px}.toast-kicker{margin:0}.toast[data-tone=ok] .toast-kicker{color:var(--ok)}.toast[data-tone=error] .toast-kicker{color:var(--error)}.toast[data-tone=info] .toast-kicker{color:var(--gold)}.toast-title{margin:4px 0 0;font-size:14px;line-height:1.45}.toast-link{display:inline-flex;margin-top:8px;color:var(--gold);font-size:13px;text-underline-offset:3px}.toast-link:hover{color:var(--ink)}.toast-close{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--ink-muted);cursor:pointer}.toast-close:hover{background:color-mix(in srgb,var(--ink) 8%,transparent);color:var(--ink)}@media(prefers-reduced-motion:no-preference){.toast{animation:toast-in .25s cubic-bezier(0,0,.2,1)}.toast[data-leaving=true]{animation:toast-out .15s cubic-bezier(.4,0,1,1) forwards}}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px)}}
