.wsp-host{position:relative}.wsp-wrap{z-index:30;pointer-events:none;width:min(440px,100% - 32px);margin-inline:auto;position:absolute;top:12px;left:0;right:0}.wsp-live{pointer-events:none}.wsp-card{pointer-events:auto;text-align:left;background:linear-gradient(135deg, var(--c-navy,#0e2140) 0%, var(--c-navy2,#22406b) 100%);color:var(--c-tint2,#f3f6fc);box-shadow:0 0 0 3px #f3d98a4d, 0 12px 32px rgba(var(--c-navy-rgb,14,33,64), .45);border:2px solid #c99a35;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:12px 46px 12px 14px;animation:.42s cubic-bezier(.2,1.3,.4,1) both wspPop;display:grid;position:relative}.wsp-badge{background:radial-gradient(circle at 50% 30%, #f3d98a42, transparent 70%), var(--c-navy-deep,#0f1f3c);color:#f3d98a;border:2px solid #f3d98a;border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:1px;width:60px;height:60px;display:flex;position:relative}.wsp-badge:after{content:"";opacity:0;border:2px solid #f3d98a;border-radius:50%;animation:1.2s ease-out .1s both wspRing;position:absolute;inset:-6px}.wsp-count{color:#f3d98a;font-variant-numeric:tabular-nums;font-size:1.55rem;font-weight:800;line-height:1}.wsp-words{gap:2px;min-width:0;display:grid}.wsp-head{color:#f3d98a;letter-spacing:.01em;font-size:1.2rem;font-weight:800;line-height:1.2}.wsp-line{color:var(--c-tint2,#f3f6fc);overflow-wrap:anywhere;font-size:.92rem;line-height:1.35}.wsp-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--c-tint,#eff2f8);font-size:.75rem;font-weight:700;line-height:1.3}.wsp-close{pointer-events:auto;z-index:1;cursor:pointer;width:30px;height:30px;color:var(--c-tint2,#f3f6fc);border:1px solid color-mix(in srgb, var(--c-tint2,#f3f6fc) 45%, transparent);background:0 0;border-radius:50%;place-items:center;padding:0;animation:.3s both wspFade;display:grid;position:absolute;top:8px;right:8px}.wsp-close:hover{background:color-mix(in srgb, var(--c-tint2,#f3f6fc) 16%, transparent)}.wsp-wrap.wsp-above{width:min(720px,100%);top:auto;bottom:calc(100% + 4px)}.wsp-above .wsp-card{border-radius:14px;gap:12px;padding:6px 46px 6px 8px}.wsp-above .wsp-badge{width:42px;height:42px}.wsp-above .wsp-badge svg{width:15px;height:15px}.wsp-above .wsp-count{font-size:1.2rem}.wsp-above .wsp-words{display:block}.wsp-above .wsp-head{margin-right:.3em;font-size:1.05rem;display:inline}.wsp-above .wsp-line{display:inline}.wsp-above .wsp-tag{display:none}.wsp-above .wsp-close{top:calc(50% - 15px)}.wsp-card.wsp-probe{visibility:hidden;pointer-events:none;animation:none;position:absolute;left:0;right:0}.wsp-burst{pointer-events:none;position:absolute;inset:0}.wsp-burst i{opacity:0;width:6px;height:6px;animation:wspSpark .9s ease-out var(--d,0s) both;background:#f3d98a;border-radius:50%;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%}.wsp-burst i:nth-child(3n+2){background:#c99a35}.wsp-burst i:nth-child(3n){background:var(--c-tint2,#f3f6fc);width:4px;height:4px;margin:-2px 0 0 -2px}.wsp-wrap.wsp-leave .wsp-card,.wsp-wrap.wsp-leave .wsp-close{animation:.32s ease-in forwards wspLeave}@keyframes wspPop{0%{opacity:0;transform:translateY(-16px)scale(.88)}60%{opacity:1;transform:translateY(2px)scale(1.03)}to{opacity:1;transform:none}}@keyframes wspFade{0%{opacity:0}to{opacity:1}}@keyframes wspLeave{to{opacity:0;transform:translateY(-12px)scale(.96)}}@keyframes wspRing{0%{opacity:.9;transform:scale(.82)}to{opacity:0;transform:scale(1.4)}}@keyframes wspSpark{0%{opacity:0;transform:rotate(var(--a,0deg)) translateY(0) scale(.4)}15%{opacity:1}to{opacity:0;transform:rotate(var(--a,0deg)) translateY(-48px) scale(1)}}@media (max-width:480px){.wsp-wrap{top:8px}.wsp-card{border-radius:14px;gap:10px;padding:10px 42px 10px 10px}.wsp-badge{width:52px;height:52px}.wsp-count{font-size:1.3rem}.wsp-head{font-size:1.05rem}.wsp-line{font-size:.86rem}.wsp-close{top:6px;right:6px}}@media (prefers-reduced-motion:reduce){.wsp-card,.wsp-close,.wsp-badge:after,.wsp-wrap.wsp-leave .wsp-card,.wsp-wrap.wsp-leave .wsp-close{animation:none}.wsp-badge:after,.wsp-burst{display:none}}