.pixel-pedometer-module__XWzqDW__root{--surface:#ebeae6;--line:#0000000f;--frame-light:#4a4a4e;--frame-dark:#1f1f22;--frame-edge:#ffffff24;--frame-button:#333336;--shadow:#14141e47;--shadow-near:#14141e1a;--page:#f5f5f2;--ink:#121212;--ink-2:#2b2b2b;--muted:#92928d;--lime:#dcf65a;--lime-ink:#526700;--edge:#121212;--focus:#2f7bff;--touch:#1e1e1e38;--touch-ring:#1e1e1e4d;background:var(--surface);width:100%;min-width:0;box-shadow:inset 0 0 0 1px var(--line);-webkit-tap-highlight-color:transparent;border-radius:18px;place-items:center;padding:24px 16px;display:grid;position:relative;overflow:clip;container-type:inline-size}@supports (color:light-dark(#fff, #000)){.pixel-pedometer-module__XWzqDW__root{--surface:light-dark(#ebeae6,#0e0e0f);--line:light-dark(#0000000f,#ffffff12);--frame-light:light-dark(#4a4a4e,#3b3b3f);--frame-dark:light-dark(#1f1f22,#18181a);--frame-edge:light-dark(#ffffff24,#ffffff1a);--frame-button:light-dark(#333336,#2a2a2d);--shadow:light-dark(#14141e47,#000000b3);--shadow-near:light-dark(#14141e1a,#0006);--page:light-dark(#f5f5f2,#111210);--ink:light-dark(#121212,#efefe9);--ink-2:light-dark(#2b2b2b,#d9d9d2);--muted:light-dark(#92928d,#7b7b75);--lime:light-dark(#dcf65a,#d5f052);--lime-ink:light-dark(#526700,#3c4c00);--edge:light-dark(#121212,#000);--touch:light-dark(#1e1e1e38,#ffffff4d);--touch-ring:light-dark(#1e1e1e4d,#ffffff8c)}}.pixel-pedometer-module__XWzqDW__root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.pixel-pedometer-module__XWzqDW__root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.pixel-pedometer-module__XWzqDW__root[data-color-scheme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.pixel-pedometer-module__XWzqDW__root[data-color-scheme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}.pixel-pedometer-module__XWzqDW__root *,.pixel-pedometer-module__XWzqDW__root :before,.pixel-pedometer-module__XWzqDW__root :after{box-sizing:border-box}.pixel-pedometer-module__XWzqDW__root :where(button){font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0}.pixel-pedometer-module__XWzqDW__root :where(h3,p){font:inherit;margin:0}.pixel-pedometer-module__XWzqDW__srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pixel-pedometer-module__XWzqDW__phone{--pt:min(.82px, calc((100cqw - 32px) / 414));width:calc(var(--pt) * 414);height:calc(var(--pt) * 868);border-radius:calc(var(--pt) * 62);background:linear-gradient(150deg, var(--frame-light), var(--frame-dark) 40%, var(--frame-light));box-shadow:inset 0 0 0 calc(var(--pt) * 1.2) var(--frame-edge), 0 26px 50px -22px var(--shadow), 0 3px 8px var(--shadow-near);contain:layout paint;flex:none;position:relative}.pixel-pedometer-module__XWzqDW__phone:before,.pixel-pedometer-module__XWzqDW__phone:after{width:calc(var(--pt) * 3.4);background:var(--frame-button);content:"";position:absolute}.pixel-pedometer-module__XWzqDW__phone:before{top:calc(var(--pt) * 170);left:calc(var(--pt) * -3);height:calc(var(--pt) * 62);border-radius:calc(var(--pt) * 2) 0 0 calc(var(--pt) * 2);box-shadow:0 calc(var(--pt) * 80) 0 var(--frame-button)}.pixel-pedometer-module__XWzqDW__phone:after{top:calc(var(--pt) * 240);right:calc(var(--pt) * -3);height:calc(var(--pt) * 100);border-radius:0 calc(var(--pt) * 2) calc(var(--pt) * 2) 0}.pixel-pedometer-module__XWzqDW__screen{inset:calc(var(--pt) * 12);border-radius:calc(var(--pt) * 50);background:var(--page);box-shadow:0 0 0 calc(var(--pt) * 9) #050505;color:var(--ink);-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.pixel-pedometer-module__XWzqDW__status{height:calc(var(--pt) * 54);color:var(--ink);pointer-events:none;position:absolute;inset:0 0 auto}.pixel-pedometer-module__XWzqDW__clock{top:calc(var(--pt) * 33);left:calc(var(--pt) * 70);font:600 calc(var(--pt) * 16.5) / 1 -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;letter-spacing:calc(var(--pt) * -.2);position:absolute;transform:translate(-50%,-50%)}.pixel-pedometer-module__XWzqDW__island{top:calc(var(--pt) * 11);width:calc(var(--pt) * 125);height:calc(var(--pt) * 37);margin-left:calc(var(--pt) * -62.5);border-radius:calc(var(--pt) * 19);background:#050505;position:absolute;left:50%}.pixel-pedometer-module__XWzqDW__statusIcons{top:calc(var(--pt) * 25.5);right:calc(var(--pt) * 27);width:calc(var(--pt) * 82);height:calc(var(--pt) * 13);position:absolute}.pixel-pedometer-module__XWzqDW__app{position:absolute;inset:0}.pixel-pedometer-module__XWzqDW__pixels{fill:currentColor;flex:none;display:block;overflow:visible}.pixel-pedometer-module__XWzqDW__today{top:calc(var(--pt) * 88.6);left:calc(var(--pt) * 22.3);position:absolute}.pixel-pedometer-module__XWzqDW__goal{top:calc(var(--pt) * 84.5);right:calc(var(--pt) * 24);flex-direction:column;align-items:flex-end;display:flex;position:absolute}.pixel-pedometer-module__XWzqDW__goalLabel{align-items:flex-end;gap:calc(var(--pt) * 6.5);color:var(--ink-2);display:flex}.pixel-pedometer-module__XWzqDW__goalValue{margin-top:calc(var(--pt) * 11.3)}.pixel-pedometer-module__XWzqDW__goalBy{top:calc(var(--pt) * 53.7);color:var(--ink-2);position:absolute;right:0}.pixel-pedometer-module__XWzqDW__count{top:calc(var(--pt) * 170.5);left:calc(var(--pt) * 23.3);position:absolute}.pixel-pedometer-module__XWzqDW__bar{top:calc(var(--pt) * 281.7);left:calc(var(--pt) * 24);width:calc(var(--pt) * 270.6);height:calc(var(--pt) * 29);padding:calc(var(--pt) * 3.4);border:calc(var(--pt) * 2.5) solid var(--ink);position:absolute}.pixel-pedometer-module__XWzqDW__fill{background:var(--lime);height:100%;transform:scaleX(var(--ratio));transform-origin:0;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block}.pixel-pedometer-module__XWzqDW__percent{top:calc(var(--pt) * 286.9);right:calc(var(--pt) * 24);position:absolute}.pixel-pedometer-module__XWzqDW__pet{top:calc(var(--pt) * 350.8);left:calc(var(--pt) * 132.3);width:calc(var(--pt) * 133.4);height:calc(var(--pt) * 144.6);border-radius:calc(var(--pt) * 6);touch-action:none;position:absolute}.pixel-pedometer-module__XWzqDW__cat{width:100%;height:100%;fill:var(--ink);display:block;overflow:visible}.pixel-pedometer-module__XWzqDW__catHead{animation:.9s step-end infinite pixel-pedometer-module__XWzqDW__breathe}.pixel-pedometer-module__XWzqDW__pet[data-mood=happy] .pixel-pedometer-module__XWzqDW__catHead{animation:.36s step-end infinite pixel-pedometer-module__XWzqDW__nuzzle}@keyframes pixel-pedometer-module__XWzqDW__breathe{50%{transform:translateY(1px)}}@keyframes pixel-pedometer-module__XWzqDW__nuzzle{0%{transform:translateY(1px)}50%{transform:translateY(2px)}}.pixel-pedometer-module__XWzqDW__happy,.pixel-pedometer-module__XWzqDW__pet[data-mood=happy] .pixel-pedometer-module__XWzqDW__calm{display:none}.pixel-pedometer-module__XWzqDW__pet[data-mood=happy] .pixel-pedometer-module__XWzqDW__happy{display:inline}.pixel-pedometer-module__XWzqDW__stepLeft,.pixel-pedometer-module__XWzqDW__stepRight,.pixel-pedometer-module__XWzqDW__pet[data-walking] .pixel-pedometer-module__XWzqDW__legs{display:none}.pixel-pedometer-module__XWzqDW__pet[data-walking] .pixel-pedometer-module__XWzqDW__stepLeft{animation:.44s step-end infinite pixel-pedometer-module__XWzqDW__step-a;display:inline}.pixel-pedometer-module__XWzqDW__pet[data-walking] .pixel-pedometer-module__XWzqDW__stepRight{animation:.44s step-end infinite pixel-pedometer-module__XWzqDW__step-b;display:inline}.pixel-pedometer-module__XWzqDW__pet[data-walking] .pixel-pedometer-module__XWzqDW__cat{animation:.22s step-end infinite pixel-pedometer-module__XWzqDW__hop}@keyframes pixel-pedometer-module__XWzqDW__step-a{50%{opacity:0}}@keyframes pixel-pedometer-module__XWzqDW__step-b{0%{opacity:0}50%{opacity:1}}@keyframes pixel-pedometer-module__XWzqDW__hop{50%{transform:translateY(calc(var(--pt) * -2.78))}}.pixel-pedometer-module__XWzqDW__float{top:calc(var(--pt) * 6);color:var(--ink);pointer-events:none;animation:1.1s steps(9,end) forwards pixel-pedometer-module__XWzqDW__rise;position:absolute;left:50%}@keyframes pixel-pedometer-module__XWzqDW__rise{0%{opacity:1;transform:translate(calc(var(--pt) * (var(--drift) * 10 - 7)), 0)}70%{opacity:1}to{opacity:0;transform:translate(calc(var(--pt) * (var(--drift) * 22 - 7)), calc(var(--pt) * -48))}}.pixel-pedometer-module__XWzqDW__pet:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.pixel-pedometer-module__XWzqDW__rule{top:calc(var(--pt) * 498.8);left:calc(var(--pt) * 25);width:calc(var(--pt) * 342.6);height:calc(var(--pt) * 1.8);background:linear-gradient(90deg, var(--ink) calc(var(--pt) * 1.8), transparent 0) 0 0 / calc(var(--pt) * 8.74) 100% repeat-x;position:absolute}.pixel-pedometer-module__XWzqDW__profile{top:calc(var(--pt) * 518.5);left:calc(var(--pt) * 26);color:var(--ink-2);position:absolute}.pixel-pedometer-module__XWzqDW__stage{margin:calc(var(--pt) * 9.5) 0 0 calc(var(--pt) * .5);color:var(--ink-2)}.pixel-pedometer-module__XWzqDW__hearts{top:calc(var(--pt) * 521.6);right:calc(var(--pt) * 24);gap:calc(var(--pt) * 11.7);display:flex;position:absolute}.pixel-pedometer-module__XWzqDW__heart{color:var(--ink);display:block}.pixel-pedometer-module__XWzqDW__heart[data-full]{animation:.3s steps(3,end) pixel-pedometer-module__XWzqDW__fill}@keyframes pixel-pedometer-module__XWzqDW__fill{0%{transform:scale(.6)}}.pixel-pedometer-module__XWzqDW__walk{top:calc(var(--pt) * 566.5);left:calc(var(--pt) * 24);width:calc(var(--pt) * 342);height:calc(var(--pt) * 54);box-shadow:0 calc(var(--pt) * 3) 0 var(--edge);color:var(--lime-ink);transition:transform 70ms ease-out,box-shadow 70ms ease-out;position:absolute;border:calc(var(--pt) * 3) solid var(--edge)!important;background:var(--lime)!important}.pixel-pedometer-module__XWzqDW__walk:active,.pixel-pedometer-module__XWzqDW__walk[data-pressed]{box-shadow:0 0 0 var(--edge);transform:translateY(calc(var(--pt) * 3))}.pixel-pedometer-module__XWzqDW__walk:focus-visible{outline:2px solid var(--focus);outline-offset:calc(var(--pt) * 6)}.pixel-pedometer-module__XWzqDW__shoe{top:calc(var(--pt) * 14.3);left:calc(var(--pt) * 16.8);padding-bottom:calc(var(--pt) * 3.4);color:var(--edge);background:linear-gradient(var(--edge), var(--edge)) 0 100% / calc(var(--pt) * 24) calc(var(--pt) * 1.6) no-repeat;position:absolute}.pixel-pedometer-module__XWzqDW__walk[aria-pressed=true] .pixel-pedometer-module__XWzqDW__shoe>svg{animation:.44s step-end infinite pixel-pedometer-module__XWzqDW__stomp}@keyframes pixel-pedometer-module__XWzqDW__stomp{50%{transform:translate(calc(var(--pt) * 2), calc(var(--pt) * -2))}}.pixel-pedometer-module__XWzqDW__walkLabel{top:calc(var(--pt) * 16.2);left:calc(var(--pt) * 54);position:absolute}.pixel-pedometer-module__XWzqDW__bonus{top:calc(var(--pt) * 18.8);right:calc(var(--pt) * 11);position:absolute}.pixel-pedometer-module__XWzqDW__walk[aria-pressed=true] .pixel-pedometer-module__XWzqDW__bonus{animation:.88s step-end infinite pixel-pedometer-module__XWzqDW__blink}@keyframes pixel-pedometer-module__XWzqDW__blink{50%{opacity:.35}}.pixel-pedometer-module__XWzqDW__xp{top:calc(var(--pt) * 645);left:calc(var(--pt) * 24);width:calc(var(--pt) * 342);height:calc(var(--pt) * 62);color:var(--muted);position:absolute}.pixel-pedometer-module__XWzqDW__xpTag{top:calc(var(--pt) * 3);position:absolute;left:0}.pixel-pedometer-module__XWzqDW__xpValue{top:0;left:calc(var(--pt) * 24.5);color:var(--ink);position:absolute}.pixel-pedometer-module__XWzqDW__xpGoal{top:calc(var(--pt) * 3);left:calc(var(--pt) * 81.5);position:absolute}.pixel-pedometer-module__XWzqDW__xpLeft{top:calc(var(--pt) * 3);position:absolute;right:0}.pixel-pedometer-module__XWzqDW__track{--slot:calc(var(--pt) * 11.7);top:calc(var(--pt) * 25);width:calc(var(--slot) * 29);height:calc(var(--pt) * 19);position:absolute;left:0}.pixel-pedometer-module__XWzqDW__blocks,.pixel-pedometer-module__XWzqDW__dots,.pixel-pedometer-module__XWzqDW__marker{display:block;position:absolute}.pixel-pedometer-module__XWzqDW__blocks{top:calc(var(--pt) * 5.5);width:calc(var(--slot) * var(--filled));height:calc(var(--pt) * 8);background:linear-gradient(90deg, transparent calc(var(--pt) * 2.3), var(--ink) 0 calc(var(--pt) * 9.5), transparent 0) 0 0 / var(--slot) 100% repeat-x;left:0}.pixel-pedometer-module__XWzqDW__marker{top:calc(var(--pt) * 1);left:calc(var(--slot) * var(--filled) - var(--pt) * 2.2);width:calc(var(--pt) * 2.5);height:calc(var(--pt) * 18);background:var(--ink)}.pixel-pedometer-module__XWzqDW__dots{top:calc(var(--pt) * 8.8);right:0;left:calc(var(--slot) * var(--filled));height:calc(var(--pt) * 2);background:linear-gradient(90deg, transparent calc(var(--pt) * 4.85), var(--ink) 0 calc(var(--pt) * 6.85), transparent 0) 0 0 / var(--slot) 100% repeat-x}.pixel-pedometer-module__XWzqDW__markerLabel{top:calc(var(--pt) * 27);left:calc(var(--slot) * var(--filled) - var(--pt) * .95);position:absolute;transform:translate(-50%)}.pixel-pedometer-module__XWzqDW__home{bottom:calc(var(--pt) * 8);width:calc(var(--pt) * 134);height:calc(var(--pt) * 5);margin-left:calc(var(--pt) * -67);border-radius:calc(var(--pt) * 3);background:var(--ink);position:absolute;left:50%}.pixel-pedometer-module__XWzqDW__touch{width:calc(var(--pt) * 44);height:calc(var(--pt) * 44);margin:calc(var(--pt) * -22) 0 0 calc(var(--pt) * -22);background:var(--touch);box-shadow:inset 0 0 0 calc(var(--pt) * 1.5) var(--touch-ring);opacity:0;pointer-events:none;transform:translate(calc(var(--pt) * var(--x)), calc(var(--pt) * var(--y)));border-radius:50%;transition:transform .42s cubic-bezier(.3,.7,.2,1),opacity .2s,scale .12s;position:absolute;top:0;left:0}.pixel-pedometer-module__XWzqDW__touch[data-shown]{opacity:1}.pixel-pedometer-module__XWzqDW__touch[data-down]{transition:transform .24s cubic-bezier(.4,.2,.3,1),opacity .2s,scale .12s;scale:.84}@media (prefers-reduced-motion:reduce){.pixel-pedometer-module__XWzqDW__catHead,.pixel-pedometer-module__XWzqDW__pet[data-mood=happy] .pixel-pedometer-module__XWzqDW__catHead,.pixel-pedometer-module__XWzqDW__pet[data-walking] .pixel-pedometer-module__XWzqDW__cat,.pixel-pedometer-module__XWzqDW__pet[data-walking] .pixel-pedometer-module__XWzqDW__stepLeft,.pixel-pedometer-module__XWzqDW__pet[data-walking] .pixel-pedometer-module__XWzqDW__stepRight,.pixel-pedometer-module__XWzqDW__walk[aria-pressed=true] .pixel-pedometer-module__XWzqDW__shoe>svg,.pixel-pedometer-module__XWzqDW__walk[aria-pressed=true] .pixel-pedometer-module__XWzqDW__bonus,.pixel-pedometer-module__XWzqDW__heart[data-full]{animation:none}.pixel-pedometer-module__XWzqDW__float{display:none}.pixel-pedometer-module__XWzqDW__fill,.pixel-pedometer-module__XWzqDW__walk{transition:none}}
