.toast{--notice:#45d9ff;--notice-soft:#123e56;position:fixed;z-index:10000;top:max(86px,calc(env(safe-area-inset-top) + 18px));right:20px;width:min(420px,calc(100vw - 32px));min-height:82px;display:grid;grid-template-columns:46px minmax(0,1fr) 34px;align-items:center;gap:13px;padding:15px 14px 17px;border:1px solid color-mix(in srgb,var(--notice) 48%,#173b5e);border-radius:19px;background:linear-gradient(145deg,#0d2948f7,#081b32f7);color:#fff;box-shadow:0 24px 70px #000a,0 0 35px color-mix(in srgb,var(--notice) 13%,transparent);backdrop-filter:blur(18px);overflow:hidden;opacity:0;transform:translate3d(18px,-8px,0) scale(.97);transition:opacity .25s ease,transform .25s ease}.toast.toast-visible{opacity:1;transform:none}.toast.toast-leaving{opacity:0;transform:translate3d(24px,-5px,0) scale(.97)}.toast.success{--notice:#43efa3;--notice-soft:#0b513b}.toast.error{--notice:#ff6685;--notice-soft:#60283a}.toast.warning{--notice:#ffc45b;--notice-soft:#58411c}.toast.info{--notice:#45d9ff;--notice-soft:#123e56}.toast-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:var(--notice-soft);color:var(--notice);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--notice) 26%,transparent)}.toast-icon svg,.toast-close svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.toast-copy{min-width:0;display:grid;gap:4px}.toast-copy b{font-size:13px;color:#fff}.toast-message{font-size:12px;line-height:1.45;color:#9eb7d3;overflow-wrap:anywhere}.toast-close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:10px;background:#102f4c;color:#7796b8;cursor:pointer;transition:.2s}.toast-close:hover{color:#fff;background:#183e61}.toast-close svg{width:17px;height:17px}.toast-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--notice);transform-origin:left;animation:toast-progress 6.5s linear forwards}.toast:hover .toast-progress{animation-play-state:paused}@keyframes toast-progress{to{transform:scaleX(0)}}
@media(max-width:650px){.toast{top:calc(env(safe-area-inset-top) + 14px);right:12px;width:calc(100vw - 24px);grid-template-columns:42px minmax(0,1fr) 30px;gap:10px;min-height:76px;padding:13px 12px 15px;border-radius:17px}.toast-icon{width:40px;height:40px;border-radius:12px}.toast-copy b{font-size:12px}.toast-message{font-size:11px}.toast-close{width:29px;height:29px}}
@media(prefers-reduced-motion:reduce){.toast{transition:none}.toast-progress{animation:none}}