.toast-region{z-index:10000;top:max(24px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));pointer-events:none;width:min(420px,100vw - 48px);font-family:var(--font-display), sans-serif;position:fixed}.toast{border:1px solid var(--toast-color);background:var(--toast-background);color:var(--toast-color);pointer-events:auto;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;animation:.3s cubic-bezier(.32,.72,0,1) both toast-enter;display:flex;box-shadow:0 8px 24px #18181829}.toast>svg{flex-shrink:0}.toast p{min-width:0;color:inherit;overflow-wrap:anywhere;flex:1;margin:0;font-size:14px;font-weight:600;line-height:20px}.toast button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;margin:-8px;padding:8px;display:grid}.toast button:hover{background:var(--toast-hover)}.toast button:active{transform:translateY(1px)}.toast button:focus-visible{outline:2px solid var(--toast-color);outline-offset:2px}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (width<=480px){.toast-region{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));width:calc(100vw - 32px)}}.error-toast{--toast-color:#b42318;--toast-background:#fff1f0;--toast-hover:#fee4e2}.success-toast{--toast-color:#067647;--toast-background:#ecfdf3;--toast-hover:#d1fadf}