.streak-wrapper{--streak-text:#0f172a;--streak-bg-hover:#fff1f2;--streak-shadow:0 2px 3px rgba(218,27,96,.2);--streak-shadow-hover:0 5px 10px rgba(248,88,159,.5);--grad-1:#f8589f;--grad-2:#ff9f43;position:relative;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:99px;transition:all .3s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .streak-wrapper,.streak-wrapper.dark-mode,:global(.dark) .streak-wrapper{--streak-text:#fff;--streak-bg-hover:hsla(0,0%,100%,.1);--streak-shadow:0 0 0 transparent;--streak-shadow-hover:0 0 15px rgba(248,88,159,.8);--grad-1:#f8589f;--grad-2:#ff4d4d}.dark .streak-count{color:#fff!important}.streak-wrapper:hover{background-color:var(--streak-bg-hover)}.streak-count{color:var(--streak-text);font-weight:700;font-size:15px;font-family:inherit;transition:color .3s}.streak-wrapper:hover .streak-count{color:#f8589f}.streak-svg{width:18px;height:18px;overflow:visible;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.streak-path{fill:url(#streakGradient);filter:drop-shadow(var(--streak-shadow));transition:filter .3s ease}.streak-wrapper:hover .streak-svg{transform:scale(1.2) rotate(-8deg)}.streak-wrapper:hover .streak-path{filter:drop-shadow(var(--streak-shadow-hover));animation:flamePulse 1.5s infinite alternate}.streak-wrapper:active .streak-svg{transform:scale(.9)}.streak-wrapper:after{content:"";position:absolute;right:10px;width:20px;height:20px;border-radius:50%;border:2px solid #f8589f;opacity:0;transform:scale(.5);pointer-events:none}.streak-wrapper:active:after{animation:shockwave .4s ease-out forwards}@keyframes flamePulse{0%{stop-color:var(--grad-1)}to{stop-color:var(--grad-2)}}@keyframes shockwave{0%{transform:scale(.5);opacity:1;border-width:4px}to{transform:scale(2);opacity:0;border-width:0}}