#toast-container{position:fixed;inset:24px 24px auto auto;margin:0;padding:0;width:min(390px,calc(100vw - 32px));max-width:none;border:0;background:none;color:#f2f4ee;overflow:visible;z-index:10000;pointer-events:none}
#toast-container:popover-open{display:flex;flex-direction:column;gap:12px}
#toast-container:empty{display:none}
#toast-container[dir="rtl"]{inset:24px auto auto 24px}
#toast-container .toast{display:flex;align-items:flex-start;gap:12px;position:relative;padding:17px 14px;border:1px solid #718d48;border-inline-start:3px solid #caff5e;background:#111a0ff5;box-shadow:4px 4px 0 #0008,0 10px 28px #0005;backdrop-filter:blur(12px);font:14px/1.65 Arial,sans-serif;color:#eaf3df;pointer-events:auto;animation:toast-enter .35s cubic-bezier(.2,.75,.25,1) both}
#toast-container .toast.error{border-inline-start-color:#ef937d}.toast-mark{flex:0 0 22px;height:22px;border:1px solid #657d45;color:#caff5e;text-align:center;font:15px/20px monospace}
.toast.error .toast-mark{color:#ef937d;border-color:#8c5945}.toast-message{flex:1;min-width:0;overflow-wrap:anywhere}
#toast-container .toast button{flex:0 0 30px;height:30px;border:0;background:transparent;color:#aebd9f;font:24px/1 Arial;padding:0;margin:-4px -4px 0 0}
#toast-container .toast button:focus-visible{outline:2px solid #caff5e}
#toast-container .toast-leaving{animation:toast-leave .22s ease both}
@keyframes toast-enter{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes toast-leave{to{opacity:0;transform:translateX(16px)}}
@media(max-width:600px){#toast-container{inset:12px 16px auto auto}#toast-container[dir="rtl"]{inset:12px auto auto 16px}}
@media(prefers-reduced-motion:reduce){#toast-container .toast{animation:none}}

#toast-container .toast{font:10px/1.9 Pixel,monospace;padding:18px 16px;border-radius:0;background:linear-gradient(120deg,#182310f7,#0e150bf7)}
#toast-container .toast::after{content:'';position:absolute;inset:auto 0 0;height:2px;background:#caff5e66;transform-origin:left;animation:toast-life 4.5s linear forwards}
#toast-container .toast:hover::after,#toast-container .toast:focus-within::after{animation-play-state:paused}
#toast-container:lang(fa) .toast{font:14px/1.8 Tahoma,Arial,sans-serif}
#toast-container:lang(zh) .toast{font:14px/1.8 "PingFang SC","Microsoft YaHei",sans-serif}
@keyframes toast-life{to{transform:scaleX(0)}}
@media(prefers-reduced-motion:reduce){#toast-container .toast::after{animation:none}}