.toast-region{z-index:100;gap:10px;width:360px;max-width:calc(100vw - 32px);display:grid;position:fixed;top:80px;right:24px}.toast{border:1px solid var(--line);border-left:4px solid var(--ink);background:#fff;grid-template-columns:20px 1fr 28px;align-items:start;gap:10px;padding:14px 12px 14px 14px;animation:.18s ease-out toast-in;display:grid;box-shadow:0 8px 24px #00000024}.toast.success{border-left-color:var(--success)}.toast.info{border-left-color:var(--orange)}.toast.error{border-left-color:var(--red)}.toast>svg{width:20px;height:20px}.toast.success>svg{color:var(--success)}.toast.info>svg{color:var(--orange)}.toast.error>svg{color:var(--red)}.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:28px;height:28px;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{--ink:#181818;--line:#dedbd6;--surface:#f6f5f3;--success:#198038;--orange:#ff6536;--red:#ea002c;color:var(--ink);font-size:16px}