.toast-viewport{right:max(24px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));z-index:var(--z-toast);pointer-events:none;gap:12px;width:min(380px,100vw - 32px);display:grid;position:fixed}.toast{border-radius:var(--r-md);background:var(--surface);color:var(--ink);border:1px solid var(--line);pointer-events:auto;animation:toast-enter .22s var(--motion-ease);align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex}.toast>svg{flex-shrink:0}.toast-error>svg{color:var(--danger)}.toast-success>svg{color:var(--positive)}.toast-activity{animation:.34s cubic-bezier(.2,.9,.3,1.15) toast-enter}.toast-activity>svg{color:var(--accent);animation:toast-icon-in .5s var(--motion-ease) .12s both}@keyframes toast-icon-in{0%{transform:rotate(-25deg)scale(.8)}to{transform:none}}.toast p{font-size:var(--text-md);overflow-wrap:anywhere;flex:1;margin:0;line-height:1.45}.toast button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.toast button:hover{color:var(--ink);background:var(--surface-muted)}.toast a{border-radius:var(--r-pill);font-size:var(--text-sm);color:var(--on-accent);background:var(--accent);flex-shrink:0;align-items:center;gap:4px;padding:7px 12px;font-weight:700;text-decoration:none;display:inline-flex}.toast a:hover{filter:brightness(1.12)}@keyframes toast-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1099px){.toast-viewport{right:16px;bottom:calc(var(--mobile-nav-height,0px) + 16px + env(safe-area-inset-bottom))}body:has(.preview-app) .toast-viewport{bottom:calc(86px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.toast,.toast>svg{animation:none}}