#sng-popup{position:fixed;z-index:999999;display:none;max-width:360px}#sng-popup.sng-pos-bottom-left{bottom:20px;left:20px}#sng-popup.sng-pos-bottom-right{bottom:20px;right:20px}#sng-popup.sng-pos-top-left{top:20px;left:20px}#sng-popup.sng-pos-top-right{top:20px;right:20px}.sng-card{display:flex;align-items:center;position:relative;overflow:hidden;cursor:pointer;transition:transform .18s ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;line-height:1.4}.sng-card:hover{transform:translateY(-2px)}.sng-stripe{width:4px;align-self:stretch;flex-shrink:0;display:none;border-radius:4px 0 0 4px}.sng-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;font-style:normal}.sng-img-wrap{flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.sng-img-wrap img{display:block}.sng-body{flex:1;min-width:0}.sng-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sng-product{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:2px 0}.sng-meta{display:flex;align-items:center;flex-wrap:wrap}.sng-sep{opacity:.45}.sng-close{position:absolute;top:7px;right:8px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;opacity:0;transition:opacity .15s;border:none;padding:0;line-height:1;background:#fff0}.sng-card:hover .sng-close{opacity:1}.sng-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;border-radius:0 2px 2px 0;pointer-events:none}.sng-preset-minimal .sng-card{background:#fff;border-radius:14px;padding:12px 14px 14px 12px;box-shadow:0 4px 24px rgb(0 0 0 / .12),0 1px 4px rgb(0 0 0 / .06);border:1px solid rgb(0 0 0 / .06);min-width:260px}.sng-preset-minimal .sng-icon,.sng-preset-minimal .sng-img-wrap{width:40px;height:40px;background:#f0efff;border-radius:10px;margin-right:11px;font-size:20px}.sng-preset-minimal .sng-name{font-size:12px;font-weight:600;color:#111827}.sng-preset-minimal .sng-product{font-size:12px;color:#6C63FF;font-weight:500}.sng-preset-minimal .sng-time{font-size:10.5px;color:#9ca3af}.sng-preset-minimal .sng-sep{font-size:10.5px;color:#9ca3af}.sng-preset-minimal .sng-amount{font-size:10.5px;color:#16a34a}.sng-preset-minimal .sng-progress{background:#6C63FF}.sng-preset-minimal .sng-close{background:#f3f4f6;color:#9ca3af}.sng-preset-dark .sng-card{background:rgb(16 20 35 / .93);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:14px 16px 16px 13px;box-shadow:0 8px 32px rgb(0 0 0 / .55),inset 0 1px 0 rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .09);min-width:268px}.sng-preset-dark .sng-icon,.sng-preset-dark .sng-img-wrap{width:42px;height:42px;background:rgb(108 99 255 / .15);border:1px solid rgb(108 99 255 / .25);border-radius:12px;margin-right:12px;font-size:20px}.sng-preset-dark .sng-name{font-size:12px;font-weight:600;color:#e8eaf0}.sng-preset-dark .sng-product{font-size:11.5px;color:#a78bfa;font-weight:500}.sng-preset-dark .sng-time{font-size:10px;color:#4b5680}.sng-preset-dark .sng-sep{font-size:10px;color:#4b5680}.sng-preset-dark .sng-amount{font-size:10.5px;color:#22c55e}.sng-preset-dark .sng-progress{background:linear-gradient(90deg,#6C63FF,#9F6BFF)}.sng-preset-dark .sng-close{background:rgb(255 255 255 / .1);color:#6b7694}.sng-preset-amber .sng-card{background:#1a1200;border-radius:14px;padding:13px 15px 15px 13px;box-shadow:0 6px 28px rgb(0 0 0 / .45),0 0 0 1px rgb(245 166 35 / .18);border:1px solid rgb(245 166 35 / .15);min-width:264px}.sng-preset-amber .sng-icon,.sng-preset-amber .sng-img-wrap{width:40px;height:40px;background:rgb(245 166 35 / .12);border-radius:10px;margin-right:11px;font-size:19px}.sng-preset-amber .sng-name{font-size:12px;font-weight:600;color:#f5f0e8}.sng-preset-amber .sng-product{font-size:11.5px;color:#F5A623;font-weight:500}.sng-preset-amber .sng-time{font-size:10px;color:#7a6540}.sng-preset-amber .sng-sep{font-size:10px;color:#7a6540}.sng-preset-amber .sng-amount{font-size:10.5px;color:#4ade80}.sng-preset-amber .sng-progress{background:linear-gradient(90deg,#F5A623,#FFD07A)}.sng-preset-amber .sng-close{background:rgb(245 166 35 / .12);color:#7a6540}.sng-preset-midnight .sng-card{background:linear-gradient(135deg,#1a0533 0%,#0d1a3a 100%);border-radius:18px;padding:14px 16px 16px 14px;box-shadow:0 10px 40px rgb(108 99 255 / .25),0 0 0 1px rgb(159 107 255 / .15);border:1px solid rgb(159 107 255 / .12);min-width:272px}.sng-preset-midnight .sng-icon,.sng-preset-midnight .sng-img-wrap{width:44px;height:44px;background:linear-gradient(135deg,rgb(108 99 255 / .3),rgb(159 107 255 / .2));border:1px solid rgb(159 107 255 / .2);border-radius:13px;margin-right:13px;font-size:21px}.sng-preset-midnight .sng-name{font-size:12.5px;font-weight:600;color:#e8e0ff}.sng-preset-midnight .sng-product{font-size:12px;color:#c4b5fd;font-weight:500}.sng-preset-midnight .sng-time{font-size:10px;color:#5b4a8a}.sng-preset-midnight .sng-sep{font-size:10px;color:#5b4a8a}.sng-preset-midnight .sng-amount{font-size:11px;color:#6ee7b7}.sng-preset-midnight .sng-progress{background:linear-gradient(90deg,#a78bfa,#818cf8,#6ee7b7)}.sng-preset-midnight .sng-close{background:rgb(255 255 255 / .07);color:#5b4a8a}.sng-preset-pastel .sng-card{background:#fff;border-radius:16px;padding:12px 14px 14px 0;box-shadow:0 4px 20px rgb(0 0 0 / .09);border:1px solid #eeeff5;min-width:265px}.sng-preset-pastel .sng-stripe{display:block;background:linear-gradient(180deg,#f472b6,#fb923c);margin-right:12px}.sng-preset-pastel .sng-icon,.sng-preset-pastel .sng-img-wrap{width:38px;height:38px;background:linear-gradient(135deg,#fdf2f8,#fff7ed);border:1px solid #f9d0e8;border-radius:9px;margin-right:11px;font-size:17px;align-self:center}.sng-preset-pastel .sng-name{font-size:12px;font-weight:600;color:#1f2937}.sng-preset-pastel .sng-product{font-size:11.5px;color:#f472b6;font-weight:500}.sng-preset-pastel .sng-time{font-size:10px;color:#d1d5db}.sng-preset-pastel .sng-sep{font-size:10px;color:#d1d5db}.sng-preset-pastel .sng-amount{font-size:10.5px;color:#16a34a}.sng-preset-pastel .sng-progress{background:linear-gradient(90deg,#f472b6,#fb923c)}.sng-preset-pastel .sng-close{background:#f9fafb;color:#d1d5db}@media (max-width:600px){#sng-popup{max-width:calc(100vw - 32px)}}