.tab-bar{display:flex;justify-content:space-around;border-top:1px solid var(--outline-variant);padding-block:.5rem;background:var(--surface)}.tab-bar a{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-decoration:none;color:var(--on-surface-variant);font-size:.75rem;position:relative;padding:.25rem .75rem;border-radius:1rem;transition:color .2s ease}.tab-bar a.active,.tab-bar a.active i{color:var(--primary)}.tab-bar .badge{position:absolute;top:0;right:0;min-width:1rem;height:1rem;font-size:.625rem;line-height:1rem;text-align:center;border-radius:999px;background:var(--error);color:var(--on-error)}.streak-display__main{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.streak-display__fire{font-size:1.5rem;opacity:.5}.streak-display__fire--active{opacity:1}.streak-display__count{font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.streak-display__warning{margin-block:.25rem 0}.streak-display__heatmap{display:flex;align-items:center;justify-content:space-between;gap:.25rem;width:100%;-webkit-margin-before:.5rem;margin-block-start:.5rem;flex-wrap:nowrap}.streak-display__dot{width:.75rem;height:.75rem;flex:0 0 auto;border-radius:2px;border:1px solid color-mix(in srgb,var(--outline-variant) 65%,transparent);background:color-mix(in srgb,var(--surface-container-highest) 82%,white 18%)}.streak-display__dot--done{border-color:transparent;background:var(--tertiary)}.streak-display__best{margin-block:.25rem 0;opacity:.7}.leaderboard__tabs{display:flex;gap:.5rem;-webkit-margin-after:1rem;margin-block-end:1rem}.leaderboard__list{display:flex;flex-direction:column;gap:.25rem}.leaderboard__your-rank{text-align:center;-webkit-margin-before:1rem;margin-block-start:1rem}