.hp-sp-toast{position:fixed;bottom:24px;left:24px;z-index:9999;background:#fff;border-radius:12px;box-shadow:0 4px 24px rgba(124,58,237,.12),0 1px 4px rgba(0,0,0,.06);padding:14px 18px 14px 14px;display:flex;align-items:center;gap:12px;max-width:340px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;transform:translateX(-120%);opacity:0;transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s ease;pointer-events:none;border-left:3px solid #7c3aed}
.hp-sp-toast.hp-sp-show{transform:translateX(0);opacity:1;pointer-events:auto}
.hp-sp-icon{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#a78bfa);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:14px;line-height:1}
.hp-sp-icon::after{content:'✓'}
.hp-sp-toast[data-type="viewing"] .hp-sp-icon::after{content:'●'}
.hp-sp-toast[data-type="stat"] .hp-sp-icon::after{content:'◆'}
.hp-sp-body{display:flex;flex-direction:column;gap:2px}
.hp-sp-msg{font-size:13px;color:#1e1b2e;line-height:1.4;font-weight:500}
.hp-sp-time{font-size:11px;color:#9ca3af;line-height:1.3}
.hp-sp-close{position:absolute;top:6px;right:8px;background:none;border:none;color:#c4b5fd;font-size:16px;cursor:pointer;padding:0;line-height:1;min-width:44px;min-height:44px}
.hp-sp-close:hover{color:#7c3aed}
@media(max-width:480px){.hp-sp-toast{bottom:16px;left:12px;right:12px;max-width:none}}