.sp-toast{position:fixed;left:20px;bottom:20px;z-index:999;display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 40px rgba(7,21,59,.18);padding:14px 16px;max-width:340px;transform:translateY(20px);opacity:0;transition:transform .35s ease,opacity .35s ease;font-family:'Inter',system-ui,sans-serif}
.sp-toast.sp-show{transform:translateY(0);opacity:1}
.sp-toast.sp-hide{transform:translateY(20px);opacity:0}
.sp-icon{flex:none;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center}
.sp-body{font-size:.86rem;line-height:1.45;color:var(--ink)}
.sp-body b{color:var(--ink)}
.sp-body a{color:var(--primary);font-weight:600;text-decoration:none}
.sp-body a:hover{text-decoration:underline}
.sp-time{display:block;margin-top:4px;font-size:.74rem;color:var(--ink-soft)}
.sp-close{flex:none;background:none;border:none;font-size:1.1rem;line-height:1;color:var(--ink-soft);cursor:pointer;padding:0 0 0 4px}
.sp-close:hover{color:var(--secondary)}
@media(max-width:600px){
  .sp-toast{left:12px;right:12px;bottom:16px;max-width:none}
}