.streak-mark{top:calc(env(safe-area-inset-top,0px) + 4.75rem);z-index:60;pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:.5rem;transition:opacity .32s cubic-bezier(.32,.72,0,1),transform .32s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;left:50%;transform:translate(-50%,-.375rem)}.streak-mark.is-active{opacity:1;transition-duration:.42s;transform:translate(-50%)}.streak-mark-tally{align-items:flex-end;gap:.3125rem;height:1.375rem;display:flex}.streak-mark-tick{background:var(--mk-ink,currentColor);width:1.5px;height:100%;opacity:var(--tick-ink,.4);transform-origin:bottom;border-radius:1px}.streak-mark-tick.is-today{transition:transform .26s cubic-bezier(.32,.72,0,1) .22s;transform:scaleY(0)}.streak-mark.is-active .streak-mark-tick.is-today{transform:scaleY(1)}.streak-mark-count{color:var(--mk-ink,currentColor);align-items:baseline;gap:.3125rem;margin:0;display:flex}.streak-mark-number{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600;line-height:1}.streak-mark-unit{color:var(--mk-muted,currentColor);letter-spacing:-.01em;font-size:.9375rem}.streak-mark-milestone{pointer-events:auto;letter-spacing:-.005em;color:var(--mk-muted,currentColor);border-bottom:1px solid color-mix(in srgb, var(--mk-muted,currentColor) 35%, transparent);opacity:0;padding-bottom:1px;font-size:.8125rem;text-decoration:none;transition:opacity .26s .32s,color .16s}.streak-mark.is-active .streak-mark-milestone{opacity:1}.streak-mark-milestone:hover{color:var(--mk-ink,currentColor)}.streak-mark-milestone:focus-visible{color:var(--mk-ink,currentColor)}@media (prefers-reduced-motion:reduce){.streak-mark,.streak-mark-tick.is-today,.streak-mark-milestone{transition-duration:1ms;transition-delay:0s}.streak-mark.is-active .streak-mark-tick.is-today{transform:scaleY(1)}}