.streak-chip{--flame-glow:rgb(255 122 0/0.35);position:relative;display:inline-flex;align-items:center;gap:.3rem;height:2.25rem;padding-inline:.65rem .8rem;border-radius:9999px;font-weight:700;font-size:.95rem;line-height:1;color:#c2410c;background:linear-gradient(135deg,rgb(255 237 213/.9),rgb(254 215 170/.75));box-shadow:inset 0 0 0 1px rgb(251 146 60/.45);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease;-webkit-tap-highlight-color:transparent}.dark .streak-chip{color:#fdba74;background:linear-gradient(135deg,rgb(124 45 18/.55),rgb(154 52 18/.35));box-shadow:inset 0 0 0 1px rgb(251 146 60/.35)}.streak-chip:hover{transform:translateY(-1px) scale(1.04);box-shadow:inset 0 0 0 1px rgb(251 146 60/.7),0 6px 18px -6px var(--flame-glow)}.streak-chip:focus-visible{outline:2px solid #fb923c;outline-offset:2px}.streak-chip[data-cold]{color:var(--muted-foreground,#6b7280);background:color-mix(in oklab,currentColor 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,currentColor 22%,transparent)}.streak-chip[data-cold] .streak-flame-svg{filter:grayscale(1) opacity(.7)}.streak-chip-flame{position:relative;display:inline-flex}.streak-chip:hover .streak-flame-svg,.streak-chip[data-lit] .streak-flame-svg{animation:streak-flicker 1.6s ease-in-out infinite}.streak-chip:not([data-lit]):not([data-cold]) .streak-flame-svg{filter:saturate(.55) brightness(.95)}.streak-chip-hourglass{position:absolute;top:-.3rem;right:-.25rem;display:grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:9999px;color:#fff;background:#f59e0b;box-shadow:0 0 0 2px var(--background,#fff);animation:streak-hourglass 2.4s ease-in-out infinite}.streak-chip-bump{animation:streak-catch .6s cubic-bezier(.34,1.56,.64,1)}.streak-chip-ring{position:absolute;inset:-.35rem;border-radius:9999px;border:2px solid #fb923c;animation:streak-ring .7s ease-out forwards;pointer-events:none}.streak-flame-svg{overflow:visible}.streak-flame-inner,.streak-flame-svg{transform-origin:50% 90%}.streak-party{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;color:#fff;cursor:pointer}.streak-party[data-phase=fly]{pointer-events:none}.streak-party-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgb(48 16 0/.86),rgb(6 4 3/.94) 72%);animation:streak-fade-in .35s ease-out both;transition:opacity .6s ease-in .1s}.streak-party[data-phase=fly] .streak-party-backdrop{opacity:0}.streak-party-glow{position:absolute;left:50%;top:40%;width:min(90vw,36rem);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgb(255 140 0/.45),rgb(255 61 0/.12) 45%,transparent 70%);animation:streak-breathe 2.2s ease-in-out infinite;pointer-events:none}.streak-party[data-phase=fly] .streak-party-count,.streak-party[data-phase=fly] .streak-party-glow,.streak-party[data-phase=fly] .streak-party-halo,.streak-party[data-phase=fly] .streak-spark{opacity:0;transition:opacity .25s ease;animation:none}.streak-party-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.streak-party-flame{position:relative;width:12rem;height:15rem;display:grid;place-items:center;animation:streak-flame-in .75s cubic-bezier(.34,1.56,.64,1) both;will-change:transform}.streak-party-svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 24px rgb(255 120 0/.75)) drop-shadow(0 0 60px rgb(255 61 0/.45));animation:streak-flicker 1.4s ease-in-out .75s infinite}.streak-party-svg .streak-flame-inner{animation:streak-flicker-inner .9s ease-in-out infinite alternate}.streak-party-halo{inset:-30%;border-radius:50%;border:2px solid rgb(255 179 0/.55);animation:streak-halo 1.6s ease-out .35s infinite}.streak-party-halo,.streak-spark{position:absolute;pointer-events:none}.streak-spark{bottom:22%;left:calc(50% + var(--x));width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle,#fff7d6,#ffb300 60%,transparent 70%);opacity:0;animation:streak-spark 1.6s ease-out infinite}.streak-party-count{position:relative;z-index:1;margin-top:4.6rem;height:3.4rem;width:6rem;overflow:hidden;font-size:3.3rem;font-weight:900;line-height:3.4rem;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 0 rgb(180 40 0/.65),0 0 18px rgb(255 120 0/.8)}.streak-party-num{position:absolute;inset:0;font-variant-numeric:tabular-nums;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.streak-party-new{transform:translateY(100%);opacity:0}.streak-party:not([data-phase=in]) .streak-party-old{transform:translateY(-100%);opacity:0}.streak-party:not([data-phase=in]) .streak-party-new{transform:translateY(0);opacity:1}.streak-party-words{display:flex;flex-direction:column;align-items:center;gap:.4rem;animation:streak-rise .6s cubic-bezier(.22,1,.36,1) .45s both}.streak-party[data-phase=fly] .streak-party-words{animation:streak-sink .35s ease-in both}.streak-party-title{font-size:clamp(1.75rem,5vw,2.4rem);font-weight:900;letter-spacing:-.02em;background:linear-gradient(180deg,#fff 30%,#ffd180);-webkit-background-clip:text;background-clip:text;color:transparent}.streak-party-sub{max-width:22rem;font-size:.98rem;color:rgb(255 255 255/.78)}.streak-party-hint{margin-top:.6rem;font-size:.75rem;color:rgb(255 255 255/.45)}.streak-party-week{display:flex;gap:.55rem;margin-top:.9rem;padding:.7rem .9rem;border-radius:1rem;background:rgb(255 255 255/.06);box-shadow:inset 0 0 0 1px rgb(255 255 255/.08)}.streak-party-week li{display:flex;flex-direction:column;align-items:center;gap:.3rem;animation:streak-rise .45s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(.6s + var(--i) * .06s)}.streak-party-dot{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:9999px;background:rgb(255 255 255/.08);box-shadow:inset 0 0 0 1px rgb(255 255 255/.12)}.streak-party-week li[data-done] .streak-party-dot{background:linear-gradient(160deg,rgb(255 140 0/.35),rgb(255 61 0/.25));box-shadow:inset 0 0 0 1px rgb(255 160 60/.6)}.streak-party-week li[data-today] .streak-party-dot{animation:streak-today .7s cubic-bezier(.34,1.56,.64,1) 1.1s both;box-shadow:inset 0 0 0 1px rgb(255 200 120/.9),0 0 16px rgb(255 140 0/.65)}.streak-party-day{font-size:.68rem;font-weight:700;color:rgb(255 255 255/.55)}.streak-party-week li[data-today] .streak-party-day{color:#ffd180}@keyframes streak-flicker{0%,to{transform:scale(1) skewX(0deg)}25%{transform:scale(.97,1.04) skewX(-2deg)}50%{transform:scale(1.02,.98) skewX(1.5deg)}75%{transform:scale(.98,1.03) skewX(-1deg)}}@keyframes streak-flicker-inner{0%{transform:scale(.94,1.02) translateY(1px)}to{transform:scale(1.05,.96) translateY(-1px)}}@keyframes streak-flame-in{0%{transform:translateY(40px) scale(.2);opacity:0}60%{opacity:1}to{transform:translateY(0) scale(1)}}@keyframes streak-halo{0%{transform:scale(.6);opacity:.9}to{transform:scale(1.35);opacity:0}}@keyframes streak-spark{0%{transform:translate(0) scale(1);opacity:0}15%{opacity:1}to{transform:translate(var(--drift),-150px) scale(.2);opacity:0}}@keyframes streak-breathe{0%,to{transform:scale(.95);opacity:.85}50%{transform:scale(1.05);opacity:1}}@keyframes streak-rise{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes streak-sink{to{transform:translateY(10px);opacity:0}}@keyframes streak-today{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes streak-fade-in{0%{opacity:0}}@keyframes streak-catch{0%{transform:scale(1)}35%{transform:scale(1.55) rotate(-10deg)}65%{transform:scale(.92) rotate(4deg)}to{transform:scale(1) rotate(0deg)}}@keyframes streak-ring{0%{transform:scale(.7);opacity:1}to{transform:scale(1.6);opacity:0}}@keyframes streak-hourglass{0%,70%,to{transform:rotate(0deg)}80%{transform:rotate(180deg)}}@media (prefers-reduced-motion:reduce){.streak-chip,.streak-chip *,.streak-party,.streak-party *{animation:none!important;transition:none!important}.streak-party-new{transform:none;opacity:1}.streak-party-old{opacity:0}}.streak-board-line{animation:streak-rise .45s cubic-bezier(.22,1,.36,1) both}@media (prefers-reduced-motion:reduce){.streak-board-line{animation:none}}