@keyframes spSlideIn{0%{opacity:0;transform:translateY(24px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spShimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes spDotPulse{0%,to{box-shadow:0 0 #25d36699}60%{box-shadow:0 0 0 6px #25d36600}}@keyframes spGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes spNameShim{0%{background-position:-200%}to{background-position:200%}}.sp-popup{z-index:10100;background:radial-gradient(140% 60% at 50% 0,#c9a84c24 0%,#0000 55%),linear-gradient(160deg,#230800 0%,#160300 55%,#0d0100 100%);border:1px solid #c9a84c59;border-radius:20px;width:260px;padding:0;font-family:inherit;animation:.5s cubic-bezier(.34,1.56,.64,1) both spSlideIn;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 0 0 1px #c9a84c12,inset 0 2px #c9a84c2e,0 24px 70px #000000bf,0 0 50px #c9a84c1a}.sp-popup:before{content:"";z-index:2;background:linear-gradient(90deg,#0000 0%,#c9a84c80 25%,#f5d98b 50%,#c9a84c80 75%,#0000 100%) 0 0/200%;height:2px;animation:3s linear infinite spShimmer;position:absolute;top:0;left:0;right:0}.sp-close{z-index:5;color:#c9a84c99;cursor:pointer;background:#c9a84c1a;border:1px solid #c9a84c33;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;font-weight:700;transition:background .2s,color .2s;display:flex;position:absolute;top:10px;right:11px}.sp-close:hover{color:#f5d98b;background:#c9a84c3d}.sp-badge-row{align-items:center;gap:6px;padding:12px 14px 0;display:flex}.sp-live-dot{background:#25d366;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite spDotPulse}.sp-badge-text{letter-spacing:1.8px;color:#c9a84c8c;text-transform:uppercase;flex:1;font-size:9px;font-weight:900}.sp-badge-star{animation:2.5s ease-in-out infinite spGlow}.sp-body{align-items:center;gap:13px;padding:10px 14px 16px;display:flex}.sp-avatar-wrap{flex-shrink:0;position:relative}.sp-avatar{color:#1a0800;letter-spacing:0;background:linear-gradient(145deg,#ffe8bf 0%,#f5d98b 40%,#c9a84c 75%,#9f7520 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:900;display:flex;box-shadow:0 0 0 2px #c9a84c4d,0 6px 20px #c9a84c59}.sp-avatar-crown{background:linear-gradient(135deg,#f5d98b,#c9a84c);-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 3px #c9a84c80);-webkit-background-clip:text;background-clip:text;font-size:12px;line-height:1;position:absolute;bottom:-4px;right:-4px}.sp-info{flex:1;min-width:0}.sp-name{background:linear-gradient(90deg,#ffe8bf,#f5d98b 40%,#c9a84c 70%,#f5d98b) 0 0/200%;-webkit-text-fill-color:transparent;white-space:nowrap;text-overflow:ellipsis;-webkit-background-clip:text;background-clip:text;margin:0 0 3px;font-size:16px;font-weight:800;line-height:1.1;animation:4s linear infinite spNameShim;overflow:hidden}.sp-city{color:#d4b87a8c;align-items:center;gap:5px;margin:0 0 6px;font-size:11px;display:flex}.sp-city-dot{background:#c9a84c;border-radius:50%;flex-shrink:0;width:5px;height:5px;font-size:0;line-height:0;display:inline-block}.sp-plan-badge{letter-spacing:.5px;color:#f5d98b;background:linear-gradient(135deg,#c9a84c2e,#f5d98b1a);border:1px solid #c9a84c4d;border-radius:999px;padding:3px 10px;font-size:9.5px;font-weight:800;display:inline-block}