.sb-root{z-index:70;pointer-events:none;position:fixed;bottom:clamp(5rem,16vh,9rem);left:50%;transform:translate(-50%)}.sb-card{border:1px solid color-mix(in srgb, var(--streak-flame) 38%, var(--line));border-radius:var(--radius-pill,999px);background:color-mix(in srgb, var(--surface,#fff) 94%, var(--streak-flame));box-shadow:0 10px 30px color-mix(in srgb, var(--streak-flame) 22%, transparent), var(--overlay,0 8px 24px #0000002e);animation:sb-card-in 1.5s var(--ease-enter,ease-out) both;align-items:center;gap:.75rem;padding:.5rem 1.1rem .5rem .6rem;display:flex}.sb-root[data-kind=day] .sb-card{padding:.7rem 1.5rem .7rem .8rem;animation-name:sb-card-day;animation-duration:2.6s}.sb-flame{flex:none;place-items:center;width:2.25rem;height:2.25rem;display:grid;position:relative}.sb-root[data-kind=day] .sb-flame{width:3rem;height:3rem}.sb-flame .flame-icon{position:relative}.sb-glow{background:radial-gradient(circle, color-mix(in srgb, var(--streak-flame) 50%, transparent) 0%, transparent 66%);border-radius:50%;animation:1.5s ease-out both sb-glow;position:absolute;inset:-45%}.sb-ring{border:2px solid var(--streak-flame);opacity:0;animation:sb-ring 1.1s .12s var(--ease-enter,ease-out) both;border-radius:50%;position:absolute;inset:-10%}.sb-ember{background:var(--streak-flame-core);box-shadow:0 0 6px var(--streak-flame);opacity:0;animation:sb-ember 1.4s var(--ease-enter,ease-out) both;border-radius:50%;position:absolute;top:50%;left:50%}.sb-text{align-items:baseline;gap:.4rem;display:flex}.sb-count{color:var(--foreground);font-size:1.4rem;font-weight:700;line-height:1}.sb-root[data-kind=day] .sb-count{font-size:1.9rem}.sb-label{font-size:var(--t-sm,.875rem);color:var(--muted)}@keyframes sb-card-in{0%{opacity:0;transform:translateY(14px)scale(.86)}14%{opacity:1;transform:translateY(0)scale(1.04)}24%{transform:scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.98)}}@keyframes sb-card-day{0%{opacity:0;transform:translateY(22px)scale(.7)}12%{opacity:1;transform:translateY(0)scale(1.1)}22%{transform:scale(1)}88%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.98)}}@keyframes sb-glow{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(1.15)}to{opacity:.35;transform:scale(1)}}@keyframes sb-ring{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.6)}}@keyframes sb-ember{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}15%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(.2)}}@media (prefers-reduced-motion:reduce){.sb-card,.sb-root[data-kind=day] .sb-card{animation:1.8s linear both sb-fade}.sb-glow,.sb-ring,.sb-ember{animation:none}.sb-ring,.sb-ember{display:none}}:root[data-motion=reduce] .sb-card,:root[data-motion=reduce] .sb-root[data-kind=day] .sb-card{animation:1.8s linear both sb-fade}:root[data-motion=reduce] .sb-glow{animation:none}:root[data-motion=reduce] :is(.sb-ring,.sb-ember){display:none}@keyframes sb-fade{0%,to{opacity:0}12%,80%{opacity:1}}
.flame-icon{width:100%;height:100%;display:block;overflow:visible}.flame-icon-body{transform-origin:50% 92%}.flame-icon-mid{transform-origin:50% 88%}.flame-icon-core{transform-origin:50% 90%}@media (prefers-reduced-motion:no-preference){:root:not([data-motion=reduce]) .flame-icon-body{animation:2.4s ease-in-out infinite flame-body}:root:not([data-motion=reduce]) .flame-icon-mid{animation:1.7s ease-in-out infinite flame-mid}:root:not([data-motion=reduce]) .flame-icon-core{animation:1.3s ease-in-out infinite flame-core}}@keyframes flame-body{0%,to{transform:scale(1)rotate(0)}35%{transform:scale(1.04,.97)rotate(-1.6deg)}70%{transform:scale(.98,1.04)rotate(1.4deg)}}@keyframes flame-mid{0%,to{transform:scale(1)}50%{transform:scale(.95,1.1)rotate(1.5deg)}}@keyframes flame-core{0%,to{opacity:.95;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.16)}}