.toaster{z-index:100;pointer-events:none;gap:10px;width:min(400px,100vw - 32px);display:grid;position:fixed;bottom:24px;right:24px}.toast{border:1px solid var(--border);color:var(--ink);background:var(--bg);box-shadow:var(--shadow-panel);font-family:var(--ff-body);pointer-events:auto;animation:toast-in .45s var(--ease);border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 12px 14px 14px;font-size:14.5px;line-height:1.45;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes toast-fade{0%{opacity:0}}.toast[data-state=closing]{opacity:0;transition:opacity .2s ease-in}.toast__mark{width:28px;height:28px;color:var(--accent-on-tint);background:var(--accent-tint-2);border-radius:50%;place-items:center;display:grid}.toast__mark svg{width:14px;height:14px}.toast[data-tone=info] .toast__mark{color:var(--ink-body);background:var(--surface)}.toast__dot{background:currentColor;border-radius:50%;width:6px;height:6px;display:block}.toast__text{margin:0;padding-top:3px}.toast[data-action=true]{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center}.toast[data-action=true] .toast__text{padding-top:0}.toast__action{border:1px solid var(--border);min-height:30px;color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;border-radius:999px;padding:0 12px;font-size:13.5px;font-weight:600;transition:background-color .2s}.toast__action:hover,.toast__action:focus-visible{background:var(--surface-2)}.toast__action:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.toast__action:disabled{cursor:default}.toaster[data-stack=manual]{bottom:calc(24px + var(--toaster-offset,0px))}.toast__close{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid}.toast__close svg{width:10px;height:10px}.toast__close:hover,.toast__close:focus-visible{color:var(--ink);background:var(--surface-2)}.toast__close:focus-visible{outline:2px solid var(--focus);outline-offset:1px}@keyframes toast-rise{0%{opacity:0;transform:translateY(8px)}}@media (max-width:639px){.toaster{width:auto;bottom:16px;left:16px;right:16px}.toast{animation-name:toast-rise}.toaster[data-stack=manual]{bottom:calc(16px + var(--toaster-offset,0px))}}@media (prefers-reduced-motion:reduce){.toast{animation-name:toast-fade}}