.toast-stack{position:fixed;z-index:350;top:84px;right:clamp(14px,2vw,32px);width:min(380px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}
.portal-toast{display:grid;grid-template-columns:30px minmax(0,1fr) 24px;align-items:start;gap:11px;padding:13px 14px;border:1px solid;border-radius:13px;background:#f1fbf5;box-shadow:0 14px 34px #1c385a24;color:#115f39;pointer-events:auto;animation:toast-in .2s ease-out}
.portal-toast.success{border-color:#a6dfbd}
.portal-toast.error{background:#fff3f4;border-color:#f2b3ba;color:#a32235}
.toast-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#1c9d5d;color:white;font-size:16px;font-weight:800}
.portal-toast.error .toast-symbol{background:#d43549}
.toast-message{align-self:center;font-size:13px;font-weight:650;line-height:1.45;overflow-wrap:anywhere}
.toast-close{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:inherit;font-size:20px;line-height:1}
.toast-close:hover,.toast-close:focus-visible{background:#00000012}
.portal-toast.is-leaving{opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}
@keyframes toast-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:720px){.toast-stack{top:12px;right:14px;width:min(330px,calc(100vw - 28px))}}
@media(prefers-reduced-motion:reduce){.portal-toast{animation:none}.portal-toast.is-leaving{transition:none}}