#aks-toaster{position:fixed;bottom:24px;left:24px;z-index:99999;width:420px;max-width:calc(100vw - 32px);background:#0f172a;color:#fff;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.55),0 0 0 1px rgba(1,149,255,.15);overflow:hidden;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;transform:translateY(calc(100% + 40px)) scale(.95);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s ease;will-change:transform,opacity}
#aks-toaster.aks-show{transform:translateY(0) scale(1);opacity:1}
#aks-toaster .aks-link{display:block;text-decoration:none;color:inherit}
#aks-toaster .aks-hero{position:relative;width:100%;aspect-ratio:16/9;background-size:cover;background-position:center;background-color:#1e293b}
#aks-toaster .aks-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 40%,rgba(15,23,42,.85) 100%)}
#aks-toaster .aks-badge{position:absolute;top:12px;left:12px;background:#0195ff;color:#fff;padding:5px 10px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;z-index:2;box-shadow:0 4px 12px rgba(1,149,255,.4)}
#aks-toaster .aks-body{padding:14px 18px 16px}
#aks-toaster .aks-title{font-size:17px;font-weight:700;line-height:1.3;margin:0 0 8px;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#aks-toaster .aks-excerpt{font-size:13px;line-height:1.5;color:#cbd5e1;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#aks-toaster .aks-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
#aks-toaster .aks-cta{display:inline-flex;align-items:center;gap:6px;background:#0195ff;color:#fff;padding:9px 16px;border-radius:8px;font-size:13px;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 4px 14px rgba(1,149,255,.35)}
#aks-toaster .aks-link:hover .aks-cta{transform:translateY(-1px);background:#01adff;box-shadow:0 6px 18px rgba(1,149,255,.55)}
#aks-toaster .aks-domain{font-size:11px;color:#94a3b8;font-weight:500;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#aks-toaster .aks-close{position:absolute;top:10px;right:10px;background:rgba(15,23,42,.7);backdrop-filter:blur(6px);border:0;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;padding:0;opacity:.9;z-index:3;display:flex;align-items:center;justify-content:center;overflow:visible}
#aks-toaster .aks-close:hover{opacity:1;background:rgba(15,23,42,.9)}
#aks-toaster .aks-close .aks-x{font-size:18px;line-height:1;position:relative;z-index:2}
#aks-toaster .aks-ring{position:absolute;inset:-2px;width:34px;height:34px;transform:rotate(-90deg);pointer-events:none}
#aks-toaster .aks-ring circle{fill:none;stroke-width:2}
#aks-toaster .aks-ring-bg{stroke:rgba(255,255,255,.12)}
#aks-toaster .aks-ring-fg{stroke:#0195ff;stroke-dasharray:100.5;stroke-dashoffset:0;stroke-linecap:round}
#aks-toaster.aks-show .aks-ring-fg{animation:aks-countdown var(--aks-dur,15s) linear forwards}
@keyframes aks-countdown{to{stroke-dashoffset:100.5}}
#aks-toaster .aks-optout{position:absolute;bottom:6px;right:12px;background:transparent;border:0;padding:2px 6px;color:#64748b;font-family:inherit;font-size:10px;line-height:1;cursor:pointer;opacity:.7;text-decoration:underline dotted}
#aks-toaster .aks-optout:hover{opacity:1;color:#94a3b8}
@media(max-width:600px){
#aks-toaster{left:50%;right:auto;bottom:88px;width:340px;max-width:calc(100vw - 24px);transform:translate(-50%,calc(100% + 120px)) scale(.95)}
#aks-toaster.aks-show{transform:translate(-50%,0) scale(1)}
#aks-toaster .aks-link{display:flex;align-items:stretch}
#aks-toaster .aks-hero{flex:0 0 80px;width:80px;aspect-ratio:auto;min-height:80px;align-self:stretch}
#aks-toaster .aks-hero::after{display:none}
#aks-toaster .aks-badge{display:none}
#aks-toaster .aks-body{flex:1;padding:10px 34px 10px 12px;min-width:0}
#aks-toaster .aks-title{font-size:13px;line-height:1.3;margin:0 0 4px;-webkit-line-clamp:2}
#aks-toaster .aks-excerpt{font-size:11px;line-height:1.4;margin:0 0 4px;-webkit-line-clamp:1}
#aks-toaster .aks-actions{gap:8px}
#aks-toaster .aks-cta{display:none}
#aks-toaster .aks-domain{font-size:10px;color:#64748b}
#aks-toaster .aks-close{top:4px;right:4px;width:24px;height:24px}
#aks-toaster .aks-close .aks-x{font-size:16px}
#aks-toaster .aks-ring{inset:-2px;width:28px;height:28px}
#aks-toaster .aks-optout{display:none}
}
@media(prefers-reduced-motion:reduce){#aks-toaster{transition:none}}