.streak-indicator-root{align-items:center;display:inline-flex;position:relative}.streak-indicator{cursor:pointer;background:color-mix(in srgb, #f97316 8%, var(--card,#12141c));font-variant-numeric:tabular-nums;height:2.35rem;color:var(--foreground);border:1px solid #fca9655a;border-radius:.75rem;align-items:center;gap:.35rem;padding-inline:.7rem;font-size:.875rem;font-weight:700;transition:border-color .18s,background-color .18s;display:inline-flex;position:relative;overflow:visible}.streak-indicator-root:hover .streak-indicator,.streak-indicator-root:focus-within .streak-indicator,.streak-indicator-root[data-open=true] .streak-indicator,.streak-indicator-root[data-alive=true] .streak-indicator{background:color-mix(in srgb, #f97316 11%, var(--card,#12141c));border-color:#fb923c66}.streak-indicator:focus-visible{box-shadow:0 0 0 2px var(--brand);outline:none}.streak-flame-wrap{flex-shrink:0;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;display:inline-flex;position:relative}.streak-flame-icon{color:#f97316;fill-opacity:.2;transform-origin:50% 100%;transform-box:fill-box;will-change:transform;width:1.2rem;height:1.2rem}.streak-indicator-root:hover .streak-flame-icon,.streak-indicator-root:focus-within .streak-flame-icon,.streak-indicator-root[data-alive=true] .streak-flame-icon,.streak-indicator-root[data-open=true] .streak-flame-icon{animation:.95s ease-in-out infinite streak-flame-burn}.streak-count{line-height:1}@keyframes streak-flame-burn{0%,to{transform:rotate(0)skew(0)scaleY(1)scaleX(1)}18%{transform:rotate(-3.5deg)skew(-4deg)scaleY(1.07)scaleX(.94)}36%{transform:rotate(2deg)skew(3deg)scaleY(.96)scaleX(1.04)}54%{transform:rotate(-2.5deg)skew(-2.5deg)scaleY(1.05)scaleX(.96)}72%{transform:rotate(3deg)skew(3.5deg)scaleY(.97)scaleX(1.03)}88%{transform:rotate(-1.5deg)skew(-1.5deg)scaleY(1.03)scaleX(.98)}}.streak-week-popover{pointer-events:none;z-index:60;border:1px solid color-mix(in srgb, var(--foreground) 10%, transparent);background:var(--card,#12141c);opacity:0;border-radius:1rem;width:max-content;min-width:12.5rem;padding:.85rem .95rem 1rem;transition:opacity .16s,transform .16s;position:absolute;top:calc(100% + .5rem);left:1.425rem;right:auto;transform:translate(-50%)translateY(-4px);box-shadow:0 14px 32px -14px #00000073}.streak-indicator-root:hover .streak-week-popover,.streak-indicator-root:focus-within .streak-week-popover,.streak-indicator-root[data-open=true] .streak-week-popover{pointer-events:auto;opacity:1;transform:translate(-50%)translateY(0)}.streak-week-title{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--foreground) 48%, transparent);margin:0 0 .75rem;font-size:.7rem;font-weight:700}.streak-week-grid{grid-template-columns:repeat(5,minmax(2.15rem,1fr));gap:.45rem;display:grid}.streak-day{flex-direction:column;align-items:center;gap:.4rem;display:flex}.streak-day-label{letter-spacing:.02em;color:color-mix(in srgb, var(--foreground) 55%, transparent);font-size:.7rem;font-weight:650}.streak-day-mark{justify-content:center;align-items:center;width:1.9rem;height:1.9rem;display:inline-flex}.streak-day-check{color:#f97316;width:1.35rem;height:1.35rem}.streak-day-empty{border:1.75px solid color-mix(in srgb, var(--foreground) 22%, transparent);background:0 0;border-radius:999px;width:1.25rem;height:1.25rem;display:block}.streak-day-freeze{background:#38bdf81f;border:1.75px dashed #38bdf88c;border-radius:.35rem;width:1.25rem;height:1.25rem;display:block}.streak-day-freeze-icon{color:#38bdf8;width:1.15rem;height:1.15rem}.streak-day-pause-icon{color:#38bdf8;fill-opacity:.2;width:1.1rem;height:1.1rem}.streak-pause-icon{color:#38bdf8;fill-opacity:.2;width:1.15rem;height:1.15rem}.streak-indicator-root[data-at-risk=true] .streak-indicator{background:color-mix(in srgb, #0ea5e9 10%, var(--card,#12141c));border-color:#57c7f96c}.streak-indicator-root[data-at-risk=true]:hover .streak-indicator,.streak-indicator-root[data-at-risk=true]:focus-within .streak-indicator,.streak-indicator-root[data-at-risk=true][data-open=true] .streak-indicator{background:color-mix(in srgb, #0ea5e9 14%, var(--card,#12141c));border-color:#38bdf87a}.streak-freeze-chip{color:#7dd3fc;background:#38bdf829;border-radius:999px;align-items:center;gap:.15rem;margin-left:.1rem;padding:.1rem .35rem;font-size:.68rem;font-weight:800;display:inline-flex}.streak-week-freeze-note{color:color-mix(in srgb, #38bdf8 75%, var(--foreground));margin:.55rem 0 0;font-size:.72rem;font-weight:600}.streak-week-freeze-cta{flex-direction:column;gap:.45rem;margin-top:.55rem;display:flex}.streak-week-freeze-cta .streak-week-freeze-note{margin:0}.streak-freeze-action{color:#e0f2fe;cursor:pointer;background:#0ea5e929;border:1px solid #38bdf866;border-radius:.7rem;justify-content:center;align-items:center;padding:.4rem .65rem;font-size:.72rem;font-weight:750;transition:background-color .14s;display:inline-flex}.streak-freeze-action:hover:not(:disabled){background:#0ea5e93d}.streak-freeze-action:disabled{cursor:not-allowed;opacity:.55}.streak-freeze-action-link{text-decoration:none}.streak-day[data-status=complete] .streak-day-label{color:color-mix(in srgb, #f97316 70%, var(--foreground))}.streak-day[data-status=paused] .streak-day-label,.streak-day[data-status=freeze] .streak-day-label{color:color-mix(in srgb, #38bdf8 72%, var(--foreground))}.streak-day[data-status=paused] .streak-day-mark{background:#38bdf81f;border-radius:.4rem}@media (hover:none){.streak-indicator-root:hover:not([data-open=true]):not([data-alive=true]) .streak-flame-icon{animation:none;transform:none}.streak-indicator-root:hover:not([data-open=true]) .streak-week-popover{opacity:0;pointer-events:none;transform:translate(-50%)translateY(-4px)}}@media (prefers-reduced-motion:reduce){.streak-flame-icon{animation:none!important}.streak-week-popover{transition:opacity .12s}}