#toast-container{position:fixed;top:20px;right:20px;bottom:auto;left:auto;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:400px;margin:0;padding:0;border:0;background:transparent;overflow:visible;pointer-events:none}
#toast-container .toast{pointer-events:auto;position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:auto;display:flex;align-items:flex-start;gap:12px;min-width:320px;max-width:400px;padding:16px 20px;background:#fff;color:#1a1a1a;border-radius:12px;box-shadow:0 8px 24px #0003;font:14px/1.5 Arial,sans-serif;opacity:0;transform:translateX(400px);transition:opacity .4s,transform .4s,margin .4s;overflow:hidden}
#toast-container .toast.show{opacity:1;transform:translateX(0)}
#toast-container .toast.hide{opacity:0;transform:translateX(400px);margin-top:-80px}
#toast-container .toast::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:#3b82f6;animation:site-toast-progress var(--toast-duration,10000ms) linear forwards}
#toast-container .toast-icon{flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff;background:#3b82f6;font-weight:700;font-size:14px}
#toast-container .toast-content{display:block;flex:1;min-width:0}
#toast-container .toast-title{display:block;margin-bottom:4px;font-size:15px;font-weight:600;color:#1a1a1a}
#toast-container .toast-message{display:block;overflow-wrap:anywhere;color:#555}
#toast-container .toast-close{flex:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:transparent;color:#777;font-size:22px;line-height:1;cursor:pointer}
#toast-container .toast-close:hover{background:#0001;color:#333}
#toast-container .toast-success{border-left:4px solid #10b981}
#toast-container .toast-success .toast-icon,#toast-container .toast-success::before{background:#10b981}
#toast-container .toast-error{border-left:4px solid #ef4444}
#toast-container .toast-error .toast-icon,#toast-container .toast-error::before{background:#ef4444}
#toast-container .toast-info{border-left:4px solid #3b82f6}
@keyframes site-toast-progress{from{width:100%}to{width:0}}
@media(max-width:768px){#toast-container{top:15px;right:15px;left:15px;max-width:none}#toast-container .toast{width:100%;min-width:0;max-width:none;box-sizing:border-box;padding:14px 16px}}