.csRoot .csStreak{display:inline-flex;align-items:center;gap:6px;line-height:var(--csLeadFlat)}.csRoot .csStreak[data-size=rail]{gap:8px}.csRoot .csStreak[data-size=hero]{flex-direction:column;gap:8px}.csRoot .csStreakArt{position:relative;display:inline-flex;flex:none}.csRoot .csStreakArt img,.csRoot .csStreakEarnToken img,.csRoot .csStreakMark img{max-width:none}.csRoot .csStreakBase{display:block;transition:filter var(--csStepMs) var(--csEaseHinge)}.csRoot .csStreakBase[data-spent="1"]{filter:var(--csArtUnlit)}.csRoot .csStreakThaw{position:absolute;inset:0;display:inline-flex;pointer-events:none;animation:csStreakFadeOut var(--csTintMs) var(--csEaseOut) both}.csRoot .csStreakCount{font-family:var(--csMono);font-variant-numeric:tabular-nums;font-size:15px;font-weight:600;transition:color var(--csTintMs) var(--csEase)}.csRoot .csStreak[data-size=rail] .csStreakCount{font-size:32px;font-weight:700;letter-spacing:-.02em}.csRoot .csStreak[data-size=hero] .csStreakCount{font-size:40px;font-weight:700;letter-spacing:-.02em}.csRoot .csStreak[data-size=key] .csStreakCount,.csRoot .csStreak[data-size=key] .csStreakHole,.csRoot .csStreak[data-size=key] .csStreakWords{font-size:13.5px;font-weight:600}.csRoot .csStreakWords{display:inline-flex;align-items:baseline;gap:.3em;transition:color var(--csTintMs) var(--csEase)}.csRoot .csStreakCount[data-ink=amber],.csRoot .csStreakWords[data-ink=amber]{color:var(--csAmberText)}.csRoot .csStreakCount[data-ink=danger],.csRoot .csStreakWords[data-ink=danger]{color:var(--csDanger)}.csRoot .csStreakCount[data-ink=meta],.csRoot .csStreakWords[data-ink=meta]{color:var(--csInkMeta)}.csRoot .csStreakHole{display:inline-flex;align-items:center;min-height:calc(var(--csLeadFlat) * 1em);font-family:var(--csMono);font-size:15px}.csRoot .csStreak[data-size=rail] .csStreakHole{font-size:32px}.csRoot .csStreak[data-size=hero] .csStreakHole{font-size:40px}.csRoot .csStreakSeat{display:block;width:2ch;height:.8em;border-radius:var(--csRadRead);background:var(--csWell);border:1px solid var(--csWellEdge);box-shadow:var(--csCutShadow)}.csRoot .csStreakMarks{display:inline-flex;flex:none;align-items:center;gap:4px}.csRoot .csStreakMarks[data-apart="1"]{min-height:18px}.csRoot .csStreakMark{display:inline-flex;flex:none}.csRoot .csStreak:not([data-size=hero]) .csStreakArt[data-beat=light]{animation:csStreakFlare var(--csStreakFlareMs,var(--csSweepMs)) var(--csEaseHinge)}.csRoot .csStreakArt[data-beat=light] .csStreakBase{animation:csStreakUnlit var(--csStreakLightMs,var(--csSettleMs)) var(--csEaseOut) both}.csRoot .csStreak:not([data-size=hero]) .csStreakArt[data-beat=thaw]{animation:csStreakFlare var(--csStreakFlareMs,var(--csSweepMs)) var(--csEaseHinge) var(--csTintMs) both}.csRoot .csStreakArt[data-beat=thaw] .csStreakBase{animation:csStreakFadeIn var(--csTintMs) var(--csEaseOut) both,csStreakUnlit var(--csStreakLightMs,var(--csSettleMs)) var(--csEaseOut) var(--csTintMs) both}.csRoot .csStreakMark[data-beat=earn]{animation:csStreakAppear calc(var(--csStepMs) * 2) var(--csEaseHinge) both}@keyframes csStreakUnlit{0%{filter:var(--csArtUnlit)}to{filter:none}}@keyframes csStreakFlare{0%{transform:scale(1)}35%{transform:scale(var(--csStreakPeak,1.3))}to{transform:scale(1)}}@keyframes csStreakFadeIn{0%{opacity:0}to{opacity:1}}@keyframes csStreakFadeOut{0%{opacity:1}to{opacity:0}}@keyframes csStreakAppear{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.csRoot .csStreakEarn{display:flex;align-items:center;gap:10px;min-height:32px;margin-top:8px}.csRoot .csStreakEarnToken{display:inline-flex;flex:none;animation:csStreakPop calc(var(--csStepMs) * 2) var(--csEaseHinge) var(--csSettleMs) both}.csRoot .csStreakEarnToken[data-flown="1"]{visibility:hidden}.csRoot .csStreakEarnWords{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;animation:csStreakFadeIn var(--csTintMs) var(--csEaseOut) calc(var(--csSettleMs) + var(--csStepMs)) both}.csRoot .csStreakEarn[data-variant=B]{margin-top:0}.csRoot .csStreakEarn[data-variant=B] .csStreakEarnWords{animation:none}.csRoot .csStreakEarnLabel{font-family:var(--csMono);font-size:13px;font-weight:600;line-height:var(--csLeadFlat);color:var(--csInk)}.csRoot .csStreakEarnLine{font-size:12.5px;line-height:var(--csLeadBody);color:var(--csInkMeta)}.csRoot .csStreakEarnLink{padding:0;border:0;background:none;font:inherit;font-size:12.5px;line-height:var(--csLeadBody);color:var(--csInkBody);text-decoration:underline;text-decoration-color:var(--csInkDim);text-underline-offset:3px;cursor:pointer;transition:text-decoration-color var(--csTintMs) var(--csEase)}.csRoot .csStreakEarnLink:hover{text-decoration-color:var(--csInkBody)}.csRoot .csStreakEarnLink:focus-visible{outline:var(--csFocusW) solid var(--csAmberHi);outline-offset:var(--csFocusGap);border-radius:3px}.csRoot .csStreakEarnToken[data-fly="1"]{position:relative;z-index:var(--csLayerToast);transform-origin:0 0;animation:csStreakFly var(--csSettleMs) var(--csEaseSnap) both}@keyframes csStreakPop{0%{opacity:0;transform:translateY(6px) scale(.6)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes csStreakFly{0%{transform:translate(0) scale(1)}to{transform:translate(var(--csStreakFlyX),var(--csStreakFlyY)) scale(var(--csStreakFlyScale))}}.csRoot .csStreakNoticeAnchor{display:inline-flex}.csRoot .csStreakNotice{display:flex;flex-direction:column;gap:6px}.csRoot .csStreakNoticeTitle{margin:0;font-size:14px;font-weight:600;line-height:var(--csLeadTitle);color:var(--csInk)}.csRoot .csStreakNoticeBody{margin:0;line-height:var(--csLeadBody);color:var(--csInkBody)}.csRoot .csStreakNoticeFoot{display:flex;justify-content:flex-end;margin-top:4px}