.toaster{z-index:300;pointer-events:none;width:min(360px,100vw - 32px);position:fixed;top:20px;right:20px}.toaster ol{flex-direction:column-reverse;gap:10px;margin:0;padding:0;list-style:none;display:flex}.toast{border:1px solid var(--rule-strong);background:var(--card);color:var(--ink-2);pointer-events:auto;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:14px 12px 14px 14px;font-size:13px;line-height:1.45;animation:.22s cubic-bezier(.2,.8,.2,1) both toast-in;display:grid;box-shadow:0 18px 40px -18px #0000008c}.toast-icon{color:var(--up);margin-top:1px}.toast-body{gap:2px;min-width:0;display:grid}.toast-body strong{color:var(--ink);font-weight:600}.toast-body p{color:var(--muted);margin:0}.toast-body a{color:var(--accent);justify-self:start;margin-top:4px;font-weight:500}.toast button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;margin:-3px -2px 0 0;padding:0;display:grid}.toast button:hover{background:var(--hover);color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}}@media (prefers-reduced-motion:reduce){.toast{animation-name:toast-fade}@keyframes toast-fade{0%{opacity:0}}}@media (max-width:1023px){.toaster{top:64px;right:16px}}