.vsp-popup{
	position:fixed;bottom:20px;z-index:99999;
	display:flex;align-items:center;gap:12px;
	max-width:340px;min-width:260px;padding:12px 34px 12px 12px;
	background:var(--vsp-bg,#fff);color:var(--vsp-text,#222);
	border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.18);
	border-left:4px solid var(--vsp-accent,#0a7d3c);
	font:14px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	opacity:0;transform:translateY(20px);pointer-events:none;
	transition:opacity .35s ease,transform .35s ease;
}
.vsp-popup.vsp-left{left:20px}
.vsp-popup.vsp-right{right:20px}
.vsp-popup.vsp-show{opacity:1;transform:translateY(0);pointer-events:auto}
.vsp-popup img{width:56px;height:56px;object-fit:cover;border-radius:8px;flex:0 0 auto}
.vsp-msg{margin:0 0 3px}
.vsp-msg a{color:var(--vsp-accent,#0a7d3c);font-weight:600;text-decoration:none}
.vsp-msg a:hover{text-decoration:underline}
.vsp-time{display:block;font-size:12px;opacity:.7}
.vsp-close{
	position:absolute;top:4px;right:6px;border:0;background:transparent;
	color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.5;padding:4px;
}
.vsp-close:hover{opacity:1}
@media(max-width:600px){
	.vsp-popup{bottom:12px;max-width:calc(100vw - 24px)}
	.vsp-popup.vsp-left{left:12px}
	.vsp-popup.vsp-right{right:12px}
}
@media(prefers-reduced-motion:reduce){.vsp-popup{transition:none}}