.toast-region{z-index:100;gap:10px;width:360px;max-width:calc(100vw - 32px);display:grid;position:fixed;top:80px;right:24px}.toast{background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--ink);box-shadow:var(--shadow-toast);grid-template-columns:20px 1fr 44px;align-items:start;gap:10px;padding:14px 12px 14px 14px;animation:.18s ease-out toast-in;display:grid}.toast.success{border-left-color:var(--success)}.toast.info{border-left-color:var(--orange)}.toast.error{border-left-color:var(--danger)}.toast>svg{width:20px;height:20px}.toast.success>svg{color:var(--success)}.toast.info>svg{color:var(--orange)}.toast.error>svg{color:var(--danger)}.toast p{overflow-wrap:anywhere;margin:0;line-height:1.45}.toast button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.toast button:hover{background:var(--surface)}.toast button svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.toast-region{width:calc(100vw - 24px);top:68px;right:12px}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.toast-region{color:var(--ink);font-size:16px}