.steps{--at-cal:4/11;--tint:74 96 178;--on-top:#fff;padding-top:45px}[data-theme=dark] .steps{--tint:139 156 224;--on-top:#111}@media (max-width:1023px){.steps{--at-cal:1/8}}@media (max-width:719px){.steps{--at-cal:1/-1}}.steps .intro{margin-top:10px;max-width:34em;text-wrap:pretty}.steps .num{font-variant-numeric:tabular-nums}.steps .pager{grid-column:var(--at-cal);display:flex;justify-content:space-between;gap:12px;margin-top:40px;color:var(--ink-soft);font-size:13px}.steps .pager a{text-decoration:none}.steps .sec{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-content:start}.steps .cal{grid-column:var(--at-cal);grid-row:1;display:grid;grid-template-columns:subgrid;row-gap:6px;margin:18px 0 0;padding:0;list-style:none}.steps .wd{padding-bottom:2px;color:var(--ink-soft);font-size:11.5px;text-align:center}.steps .day{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:64px;padding:5px 7px 4px;border-radius:3px;background:rgb(var(--tint)/var(--a,0));color:var(--ink-strong);line-height:1.4}.steps .day .d{color:var(--ink-soft);font-size:11px}.steps .day .n{align-self:flex-end;font-size:13px}.steps .b0{--a:0.05}.steps .b1{--a:0.14}.steps .b2{--a:0.28}.steps .b3{--a:0.46}.steps .b4{--a:0.82}.steps .day.b4{color:var(--on-top)}.steps .b4 .d{color:inherit;opacity:.75}.steps .day.goal:after{content:"";position:absolute;inset-block-start:7px;inset-inline-end:7px;width:6px;height:6px;border-radius:50%;background:rgb(var(--stamp))}.steps .day.today{outline:1px dashed var(--ink-soft);outline-offset:-1px}.steps .day.today .n:not(:empty):after{content:attr(data-sofar);display:block;color:var(--ink-soft);font-size:9.5px;text-align:end}.steps .day.after,.steps .day.before{background:none;box-shadow:inset 0 0 0 1px var(--rule)}.steps .legend{grid-column:var(--at-cal);grid-row:2;display:flex;flex-wrap:wrap;gap:4px 14px;margin:14px 0 0;padding:0;color:var(--ink-soft);font-size:11.5px;list-style:none}.steps .legend li{display:flex;align-items:center;gap:6px}.steps .legend i{width:12px;height:12px;border-radius:2px;background:rgb(var(--tint)/var(--a))}.steps .legend .dot{width:6px;height:6px;border-radius:50%;background:rgb(var(--stamp))}.steps h2{margin:0;color:var(--ink-strong);font-size:15px;font-weight:600}.steps dl,.steps ol.top{margin:6px 0 0;padding:0;list-style:none}.steps .line{display:flex;align-items:baseline;gap:8px;line-height:2}.steps .line .when,.steps .line dt{color:var(--ink);white-space:nowrap}.steps .line dd{margin:0;color:var(--ink-strong);font-weight:600;white-space:nowrap}.steps .line small{color:var(--ink-soft);font-size:12px;font-weight:400}.steps .leader{flex:1;min-width:1.5em;border-bottom:1px dotted var(--ink-soft);translate:0 -.35em}.steps .sub{margin:22px 0 0;color:var(--ink-soft);font-size:12.5px}.steps ol.top .line{font-size:13.5px}.steps ol.top .no{width:1.6em;color:var(--ink-soft);font-size:11px}.steps ol.top .goal .n{color:rgb(var(--stamp))}.steps .month-sum{grid-column:var(--at-side);grid-row:1/span 2;padding-top:18px}.steps .later{margin-top:80px;padding-top:36px;border-top:1px solid var(--rule)}.steps .year-head{grid-column:var(--at-cal);grid-row:1;font-size:22px}.steps .year-head small{margin-inline-start:10px;color:var(--ink-soft);font-size:13px;font-weight:400}.steps table{grid-column:var(--at-cal);grid-row:2;margin-top:18px;border-collapse:collapse;font-size:14px}.steps th{padding:0 0 6px;border-bottom:2px solid var(--ink-strong);color:var(--ink-strong);font-size:12px;font-weight:600;text-align:end}.steps td{padding:5px 0;border-bottom:1px solid var(--rule);text-align:end}.steps :is(th,td):first-child{text-align:start}.steps td a{text-decoration:none}.steps td .chip{display:inline-block;min-width:5.5em;padding:0 8px;border-radius:3px;background:rgb(var(--tint)/var(--a));color:var(--ink-strong)}.steps td .chip.b4{color:var(--on-top)}.steps tr[aria-current] td{color:var(--ink-strong);font-weight:600}.steps tr.best td:first-child a:after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:8px;border-radius:50%;background:rgb(var(--stamp));vertical-align:middle}.steps tr.off td{color:var(--ink-soft);opacity:.6}.steps tfoot td{border-top:2px solid var(--ink-strong);border-bottom:0;color:var(--ink-strong);font-weight:600}.steps .year-sum{grid-column:var(--at-side);grid-row:1/span 3}.steps .year-sum .month-name{font-size:13px}.steps .all-head,.steps .later .top-label{grid-column:var(--at-cal)}.steps .all-head{font-size:22px}.steps .since{grid-column:var(--at-cal);margin:2px 0 0;color:var(--ink-soft);font-size:13px}.steps .huge{grid-column:var(--at-cal);margin:14px 0 0;color:var(--ink-strong);font-size:clamp(34px,9vw,96px);font-weight:700;letter-spacing:-.03em;line-height:1.1}.steps .huge .unit{margin-inline-start:4px;color:var(--ink-soft);font-size:14px;font-weight:600;letter-spacing:0}.steps .records{grid-column:var(--at-cal);margin:36px 0 0}.steps .records .line{line-height:2.3}.steps .records .mid dd{font-weight:400}.steps .records .mid dd b{font-weight:600}.steps .records .mid .unit{margin-inline-start:6px;color:var(--ink-soft);font-size:12px}.steps .records .mid .note{color:var(--ink-soft);font-size:12px;white-space:nowrap}@media (max-width:1023px){.steps :is(.month-sum,.year-sum){grid-column:var(--at-cal);grid-row:auto;padding-top:36px}}@media (max-width:719px){.steps .cal{grid-template-columns:repeat(7,minmax(0,1fr));column-gap:4px;row-gap:4px}.steps .day{height:52px;padding:3px 4px}.steps .day .n{font-size:10.5px}.steps .day.goal:after{inset-block-start:5px;inset-inline-end:4px;width:5px;height:5px}.steps .line dd{text-align:end}.steps .line dt{white-space:normal}.steps .line dd small{display:block;margin-top:-6px;line-height:1.6}.steps .records .mid{flex-wrap:wrap}.steps .records .line dt{padding-block:5px;line-height:1.7}.steps .records .line:not(.mid) dd{max-width:55%;white-space:normal}.steps .records .line dd .num{white-space:nowrap}.steps .records .mid .note{width:100%;margin-top:-8px;line-height:1.6;text-align:end}}