#fx-toasts{position:fixed;top:16px;right:16px;z-index:9999;display:grid;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.fx-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:14px;border:1px solid rgba(94,234,212,.3);border-left:4px solid #5eead4;background:linear-gradient(170deg,#12213a,#0b1424);box-shadow:0 18px 40px rgba(0,0,0,.45);color:#e2e8f0;font-size:14px;line-height:1.5;animation:fx-toast-in .3s ease both}
.fx-toast.is-error{border-color:rgba(248,113,113,.4);border-left-color:#f87171;color:#fecaca}
.fx-toast-msg{flex:1;min-width:0;overflow-wrap:anywhere}
.fx-toast-close{flex:none;width:26px;height:26px;padding:0;border:0;border-radius:8px;background:rgba(148,163,184,.14);color:#cbd5e1;font-size:16px;line-height:1;cursor:pointer}
.fx-toast-close:hover{background:rgba(94,234,212,.2);color:#fff}
.fx-toast.is-leaving{opacity:0;transform:translateX(24px);transition:opacity .25s,transform .25s}
@keyframes fx-toast-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}