.sb-track{will-change:transform}.sb-hit{animation:1.4s ease-out sb-hit}@keyframes sb-hit{0%{border-color:var(--color-gray-200);box-shadow:0 0 #e07d6500}20%{border-color:var(--color-ember-600);box-shadow:0 0 0 3px #e07d6559}to{border-color:var(--color-gray-200);box-shadow:0 0 #e07d6500}}[data-streak] [data-bar]{transition:width .35s ease-out}.st-wait .st-day.is-done{background:var(--color-gray-100);color:#0000}.st-go .st-day.is-done{animation:st-day .45s calc(.3s + (var(--i) + 1) * .38s) both cubic-bezier(.3,1.5,.6,1)}@keyframes st-day{0%{background:var(--color-gray-100);color:#0000;transform:scale(.8)}to{background:var(--color-ember-600);color:#fff;transform:scale(1)}}.st-wait .st-goal{opacity:0}.st-go .st-goal{animation:.5s ease-out 2.4s both st-rise}.st-wait .st-wk{transform:scaleY(0)}.st-go .st-wk{transform-origin:bottom;animation:st-grow .35s calc(1.2s + var(--i) * 50ms) ease-out both}.st-go .st-flame{transform-origin:bottom;animation:1.6s ease-in-out 2.4s infinite st-flick}[data-streak] [data-day]{position:relative}.st-tilt{transform:rotate(4deg);box-shadow:0 2px 4px #1118270f,0 30px 60px -20px #11182759}.st-bob{animation:st-bob 6s var(--b,0s) ease-in-out infinite}@keyframes st-bob{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.st-bob{animation:none}}.st-spark{background:var(--color-ember-600);pointer-events:none;border-radius:9999px;width:6px;height:6px;margin:-3px;animation:.8s ease-out forwards st-spark;position:absolute;top:50%;left:50%}@keyframes st-spark{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--x), var(--y)) scale(.4);opacity:0}}.st-plus{opacity:0}.st-won .st-plus{animation:1.4s ease-out forwards st-plus}@keyframes st-plus{0%{opacity:0;transform:translateY(6px)}25%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.st-won [data-streakn]{animation:.5s cubic-bezier(.3,1.8,.6,1) st-bump;display:inline-block}@keyframes st-bump{0%{transform:scale(1)}40%{transform:scale(1.25)}to{transform:scale(1)}}.st-won .st-flame{filter:drop-shadow(0 0 8px #e07d65b3)}.st-go .st-now{background:var(--color-gray-200)}.st-won .st-now{animation:1.2s ease-out .3s both st-now}@keyframes st-now{0%{background:var(--color-gray-200)}40%{background:var(--color-ember-600);box-shadow:0 0 0 4px #e07d654d}to{background:var(--color-ember-600);box-shadow:0 0 #e07d6500}}@keyframes st-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes st-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes st-flick{0%,to{transform:scale(1)rotate(0)}30%{transform:scale(1.04,.97)rotate(-2deg)}60%{transform:scale(.98,1.03)rotate(2deg)}}.pl-item{border:1px solid var(--color-gray-200);background:#fff;box-shadow:0 1px 2px #1118270d,0 24px 48px -20px #1118274d}.pl-hl{background:var(--color-ember-100);border-radius:.2em;padding:0 .12em;transition:background-color .4s}@media (width>=1024px){.pl-item{opacity:.45;box-shadow:none;background:0 0;border-color:#0000;transition:opacity .4s,background-color .4s,box-shadow .4s,transform .4s}.pl-item.is-on{opacity:1;background:#fff;transform:translate(-4px);box-shadow:0 1px 2px #1118270d,0 20px 44px -20px #11182747}.pl-hl{background:0 0}.pl-item.is-on .pl-hl{background:var(--color-ember-100)}}.pl-bar{background:var(--color-gray-300);height:10px;transition:height .3s,background-color .3s}.pl-bar.is-on{background:var(--color-gray-900);height:34px}.pl-tilt{z-index:10;filter:drop-shadow(0 24px 40px #11182738);transform:rotate(-3deg)}.pl-in{animation:.45s ease-out both pl-in}@keyframes pl-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}[data-hero] .hc-step,[data-hero] .hc-c,[data-hero] .hc-takeoff{transform:rotate(var(--rot,0deg));transition:opacity .45s,transform .5s cubic-bezier(.3,1.4,.6,1)}[data-hero].hc-s1 .hc-step,[data-hero].hc-s1 .hc-c,[data-hero].hc-s1 .hc-takeoff{opacity:0;transform:translateY(10px) rotate(var(--rot,0deg)) scale(.97)}[data-hero].hc-s1 .is-on{opacity:1;transform:rotate(var(--rot,0deg))}[data-hero].hc-s1 .hc-early{stroke-dasharray:1;stroke-dashoffset:1px}[data-hero].hc-s1 .hc-early.hc-drawn{animation:1.6s ease-out both hc-draw}[data-hero].hc-reset,[data-hero].hc-reset *{transition:none!important}[data-hero].hc-s1 .hc-late{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1)}[data-hero].hc-s3 .hc-late{stroke-dashoffset:0}[data-hero].hc-s1 .hc-area{opacity:0;transition:opacity .4s}[data-hero].hc-s3 .hc-area{opacity:1;transition:opacity .8s 2s}[data-hero].hc-s1 .hc-dot{opacity:0;transform-box:fill-box;transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.6,1);transform:translateY(-8px)}[data-hero].hc-s2 .hc-dot{opacity:1;transform:none}[data-hero].hc-s4 [data-post],[data-hero].hc-s4 .hc-step{opacity:0;transition:opacity .5s}.hc-float{animation:6s ease-in-out infinite hc-float}.hc-float2{animation:7s ease-in-out 1s infinite hc-float}@keyframes hc-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hc-float{0%,to{translate:0}50%{translate:0 -6px}}@media (prefers-reduced-motion:reduce){.hc-float,.hc-float2{animation:none}}