.credit-notification-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;max-width:min(380px,100vw - 40px);display:flex;position:fixed;top:56px;right:20px}.credit-notification-toast{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(1.4);cursor:pointer;background:linear-gradient(135deg,#101828eb,#0a1220f5);border:1px solid #10b98133;border-radius:16px;align-items:flex-start;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards credit-toast-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000073,0 0 0 1px #ffffff0a,0 0 60px #10b9810f,inset 0 1px #ffffff0a}.credit-notification-toast:hover{border-color:#10b98159;transform:translateY(-2px);box-shadow:0 16px 48px #00000080,0 0 0 1px #ffffff0f,0 0 80px #10b9811a,inset 0 1px #ffffff0f}.credit-notification-toast.dismissing{animation:.4s cubic-bezier(.55,0,1,.45) forwards credit-toast-slide-out}.credit-toast-icon{background:linear-gradient(135deg,#10b98126,#34d39914);border:1px solid #10b98126;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;animation:.6s cubic-bezier(.34,1.56,.64,1) .3s both credit-icon-pop;display:flex}.credit-toast-icon svg{color:#10b981;filter:drop-shadow(0 0 4px #10b9814d);width:20px;height:20px}.credit-toast-content{flex:1;min-width:0}.credit-toast-title{color:#f0fdf4;letter-spacing:-.01em;align-items:center;gap:6px;margin:0 0 4px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;display:flex}.credit-toast-title-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite credit-dot-pulse;box-shadow:0 0 8px #10b98180}.credit-toast-message{color:#ffffff80;margin:0;font-family:Inter,sans-serif;font-size:12px;font-weight:400;line-height:1.5}.credit-toast-count{color:#34d399;font-weight:700}.credit-toast-added{color:#10b981;font-size:13px;font-weight:700}.credit-toast-total{color:#ffffff59;white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.credit-toast-close{color:#ffffff4d;cursor:pointer;background:#ffffff0a;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;line-height:1;transition:all .2s;display:flex}.credit-toast-close:hover{color:#ffffffb3;background:#ffffff1a}.credit-toast-close svg{width:12px;height:12px}.credit-toast-progress{opacity:.6;background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:0 0 16px 16px;height:2px;animation:6s linear forwards credit-progress-shrink;position:absolute;bottom:0;left:0}.credit-notification-toast:before{content:"";background:linear-gradient(90deg,#0000,#10b9814d,#0000);height:1px;position:absolute;top:0;left:16px;right:16px}[data-theme=light] .credit-notification-toast{background:linear-gradient(135deg,#fffffff7,#f0fdf4f7);border-color:#10b98133;box-shadow:0 12px 40px #00000014,0 0 0 1px #10b98114,0 0 60px #10b9810a,inset 0 1px #fffc}[data-theme=light] .credit-notification-toast:hover{border-color:#10b9814d;box-shadow:0 16px 48px #0000001a,0 0 0 1px #10b9811f,0 0 80px #10b9810f,inset 0 1px #ffffffe6}[data-theme=light] .credit-toast-icon{background:linear-gradient(135deg,#10b9811a,#34d3990f);border-color:#10b9811f}[data-theme=light] .credit-toast-icon svg{color:#059669;filter:none}[data-theme=light] .credit-toast-title{color:#064e3b}[data-theme=light] .credit-toast-title-dot{background:#059669;box-shadow:0 0 8px #05966966}[data-theme=light] .credit-toast-message{color:#064e3b8c}[data-theme=light] .credit-toast-count,[data-theme=light] .credit-toast-added{color:#059669}[data-theme=light] .credit-toast-total{color:#064e3b59}[data-theme=light] .credit-toast-close{color:#064e3b4d;background:#00000008}[data-theme=light] .credit-toast-close:hover{color:#064e3b99;background:#0000000f}[data-theme=light] .credit-toast-progress{opacity:.5;background:linear-gradient(90deg,#059669,#10b981,#34d399)}[data-theme=light] .credit-notification-toast:before{background:linear-gradient(90deg,#0000,#10b98133,#0000)}@keyframes credit-toast-slide-in{0%{opacity:0;transform:translate(100%)scale(.85)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes credit-toast-slide-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(120%)scale(.85)}}@keyframes credit-icon-pop{0%{transform:scale(0)rotate(-15deg)}to{transform:scale(1)rotate(0)}}@keyframes credit-progress-shrink{0%{width:100%}to{width:0%}}@keyframes credit-dot-pulse{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:480px){.credit-notification-container{max-width:none;top:50px;left:10px;right:10px}.credit-notification-toast{gap:12px;padding:14px}.credit-toast-icon{border-radius:10px;width:36px;height:36px}.credit-toast-icon svg{width:18px;height:18px}.credit-toast-title{font-size:12px}.credit-toast-message{font-size:11px}}