.pt-phone{aspect-ratio:9/19.3;width:280px;box-shadow:inset 0 0 0 1px #ffffff24, inset 0 0 0 3px #08070b, 0 50px 90px -34px #0a061899, 0 24px 60px -30px color-mix(in oklab, var(--accent) 55%, transparent);contain:layout paint style;background:linear-gradient(150deg,#4a4656 0%,#1b1922 22%,#121117 55%,#2c2934 80%,#0c0b10 100%);border-radius:50px;padding:10px;font-size:10px;position:relative}@media (min-width:640px){.pt-phone{border-radius:54px;width:304px;padding:11px;font-size:10.8px}}.pt-key{background:linear-gradient(90deg,#0c0b10,#3b3846 60%,#1d1b24);border-radius:2px;width:3px;position:absolute}.pt-key-l{left:-2px}.pt-key-r{right:-2px}.pt-screen{background:var(--bg);height:100%;color:var(--fg);isolation:isolate;border-radius:40px;position:relative;overflow:hidden}@media (min-width:640px){.pt-screen{border-radius:43px}}.pt-screen:after{content:"";z-index:40;pointer-events:none;background:linear-gradient(118deg,#ffffff1c 0%,#ffffff0a 24%,#0000 38%);position:absolute;inset:0}.pt-island{z-index:30;background:#000;border-radius:999px;width:29%;height:2.6em;position:absolute;top:.9em;left:50%;transform:translate(-50%)}.pt-status{z-index:25;justify-content:space-between;align-items:center;height:4.4em;padding:.4em 2.1em 0 2.8em;font-size:1.05em;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.pt-homebar{z-index:30;background:var(--fg);opacity:.55;border-radius:999px;width:36%;height:.45em;position:absolute;bottom:.7em;left:50%;transform:translate(-50%)}.pt-scene{opacity:0;visibility:hidden;flex-direction:column;padding:.6em 1.4em 2.2em;transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1),visibility 0s linear .55s;display:flex;position:absolute;inset:4.4em 0 0;transform:translate(1.6em)scale(.985)}.pt[data-s="0"] .pt-s0,.pt[data-s="1"] .pt-s1,.pt[data-s="2"] .pt-s2,.pt[data-s="3"] .pt-s3,.pt[data-s="4"] .pt-s4{opacity:1;visibility:visible;transition-delay:0s;transform:none}.pt-tapzone{position:relative}.pt-tap{z-index:5;opacity:0;pointer-events:none;background:#ffffff59;border-radius:999px;width:3.4em;height:3.4em;margin:-1.7em 0 0 -1.7em;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #ffffffbf,0 4px 14px #00000059}[data-theme=light] .pt-tap{background:#14111f2e;box-shadow:0 0 0 2px #14111f8c,0 4px 14px #0003}.pt[data-cur=s0b1] .pt-tap-s0b1,.pt[data-cur=s0b2] .pt-tap-s0b2,.pt[data-cur=s0b3] .pt-tap-s0b3,.pt[data-cur=s1b1] .pt-tap-s1b1,.pt[data-cur=s1b2] .pt-tap-s1b2,.pt[data-cur=s2b1] .pt-tap-s2b1{animation:.7s cubic-bezier(.2,.8,.2,1) both pt-tap}@keyframes pt-tap{0%{opacity:0;transform:scale(.4)}25%{opacity:1;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.pt-press{transition:transform .18s}.pt[data-cur=s0b3] .pt-press-s0b3,.pt[data-cur=s1b1] .pt-press-s1b1,.pt[data-cur=s1b2] .pt-press-s1b2,.pt[data-cur=s2b1] .pt-press-s2b1{transform:scale(.95)}.pt-scrim{z-index:26;opacity:0;background:#05040a73;transition:opacity .35s;top:-4.4em}[data-theme=light] .pt-scrim{background:#05040a40}.pt-sheet{z-index:27;transition:transform .45s cubic-bezier(.2,.9,.25,1);transform:translateY(105%)}.pt[data-b~=s0b1] .pt-scrim{opacity:1}.pt[data-b~=s0b1] .pt-sheet{transform:none}.pt-pick{transition:box-shadow .25s,background-color .25s}.pt[data-b~=s0b2] .pt-pick{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.pt-pick-check{opacity:0;transition:opacity .2s,transform .3s cubic-bezier(.2,1.4,.4,1);transform:scale(.4)}.pt[data-b~=s0b2] .pt-pick-check{opacity:1;transform:none}.pt-event{opacity:0;transition:opacity .35s,transform .4s;transform:translateY(-.4em)}.pt[data-b~=s1b1] .pt-event{opacity:1;transform:none}.pt-dot{animation:1.6s ease-in-out infinite pt-pulse}@keyframes pt-pulse{0%,to{opacity:1}50%{opacity:.35}}.pt-clock{height:1.2em;line-height:1.2em}.pt-digit{vertical-align:top;height:1.2em;display:inline-block;overflow:hidden}.pt-digit>span{flex-direction:column;display:flex}.pt-digit>span>span{height:1.2em;line-height:1.2em;display:block}.pt[data-s="1"] .pt-tick{animation:5s steps(5,jump-none) both pt-tick}@keyframes pt-tick{0%{transform:translateY(0)}to{transform:translateY(-4.8em)}}.pt-roll{vertical-align:bottom;display:inline-grid;overflow:hidden}.pt-roll>*{grid-area:1/1;transition:transform .45s cubic-bezier(.2,.9,.25,1),opacity .3s}.pt-roll>:last-child{opacity:0;transform:translateY(100%)}.pt[data-b~=s1b1] .pt-roll-s1>:first-child,.pt[data-b~=s3b1] .pt-roll-s3>:first-child{opacity:0;transform:translateY(-100%)}.pt[data-b~=s1b1] .pt-roll-s1>:last-child,.pt[data-b~=s3b1] .pt-roll-s3>:last-child{opacity:1;transform:none}.pt-toast{opacity:0;transform:translateY(-.6em)}.pt[data-cur=s1b1] .pt-toast{animation:1.5s both pt-toast}@keyframes pt-toast{0%{opacity:0;transform:translateY(-.6em)}15%,75%{opacity:1;transform:none}to{opacity:0;transform:translateY(-.3em)}}.pt-type{white-space:nowrap;vertical-align:bottom;max-width:0;display:inline-block;overflow:hidden}.pt[data-s="2"] .pt-type{animation:.9s steps(5,end) .25s forwards pt-type}@keyframes pt-type{to{max-width:6ch}}.pt-caret{vertical-align:-.1em;background:var(--accent);width:2px;height:1em;margin-left:1px;animation:1s steps(2,jump-none) infinite pt-pulse;display:inline-block}.pt-win{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.pt[data-b~=s2b2] .pt-win{opacity:1;visibility:visible;transition-delay:0s}.pt-win-card{opacity:0;transform:scale(.7)}.pt[data-b~=s2b2] .pt-win-card{animation:.55s cubic-bezier(.2,1.4,.4,1) 50ms both pt-pop}@keyframes pt-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}.pt-chip{background:radial-gradient(circle, var(--c) 0 34%, #ffffffe6 35% 41%, var(--c) 42%);opacity:0;border-radius:999px;width:2.2em;height:2.2em;margin:-1.1em 0 0 -1.1em;position:absolute;top:44%;left:50%;box-shadow:inset 0 0 0 .22em #ffffff8c,0 .3em .6em #0000004d}.pt-chip:after{content:"";border-radius:inherit;border:.16em dashed #ffffffd9;position:absolute;inset:.18em}.pt[data-b~=s2b2] .pt-chip{animation:pt-chip 1.25s cubic-bezier(.15, .7, .3, 1) var(--d,0s) both}@keyframes pt-chip{0%{opacity:0;transform:translate(0)rotate(0)scale(.3)}15%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(var(--x), var(--y)) rotate(var(--r)) scale(1)}}.pt-line{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 0s linear .6s}.pt[data-s="3"] .pt-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1) .15s}.pt-area{opacity:0;transition:opacity .2s .6s}.pt[data-s="3"] .pt-area{opacity:1;transition:opacity .8s .7s}.pt-end{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .2s .6s,transform 0s linear .6s;transform:scale(.3)}.pt[data-s="3"] .pt-end{opacity:1;transition:opacity .3s 1.55s,transform .4s cubic-bezier(.2,1.4,.4,1) 1.55s;transform:none}.pt-new{transition:background-color .6s,box-shadow .6s}.pt[data-b~=s3b1] .pt-new{background:var(--win-soft);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--win) 40%, transparent)}.pt-bar{transform-origin:0;transition:transform 0s linear .6s;transform:scaleX(0)}.pt[data-s="4"] .pt-bar{transition:transform .9s cubic-bezier(.2, .8, .2, 1) var(--d,.2s);transform:scaleX(1)}.pt-year{transition:transform .5s cubic-bezier(.2,.9,.25,1);transform:translateY(110%)}.pt[data-b~=s4b1] .pt-year{transform:none}.pt-prog{background:var(--surface-3);border-radius:999px;height:3px;position:relative;overflow:hidden}.pt-prog:after{content:"";transform-origin:0;border-radius:inherit;background:var(--accent);position:absolute;inset:0;transform:scaleX(0)}.pt[data-s="0"] .pt-cap-0 .pt-prog:after,.pt[data-s="1"] .pt-cap-1 .pt-prog:after,.pt[data-s="2"] .pt-cap-2 .pt-prog:after,.pt[data-s="3"] .pt-cap-3 .pt-prog:after,.pt[data-s="4"] .pt-cap-4 .pt-prog:after{transform:scaleX(1)}.pt[data-run] .pt-prog:after{transform:scaleX(0)}.pt[data-run][data-s="0"] .pt-cap-0 .pt-prog:after,.pt[data-run][data-s="1"] .pt-cap-1 .pt-prog:after,.pt[data-run][data-s="2"] .pt-cap-2 .pt-prog:after,.pt[data-run][data-s="3"] .pt-cap-3 .pt-prog:after,.pt[data-run][data-s="4"] .pt-cap-4 .pt-prog:after{animation:pt-fill var(--dur,4s) linear both}.pt[data-paused] *,.pt[data-paused] :before,.pt[data-paused] :after{animation-play-state:paused!important}@keyframes pt-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pt-now>span{opacity:0;grid-area:1/1;transition:opacity .3s}.pt[data-s="0"] .pt-now-0,.pt[data-s="1"] .pt-now-1,.pt[data-s="2"] .pt-now-2,.pt[data-s="3"] .pt-now-3,.pt[data-s="4"] .pt-now-4{opacity:1}@media (min-width:1024px){.pt[data-run]:not([data-paused]) .pt-float{animation:7s ease-in-out infinite pt-float}}@keyframes pt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.pt *,.pt :before,.pt :after{transition:none!important;animation:none!important}.pt-toggle,.pt-toggle-pad{display:none}}.store-badge img{-webkit-user-drag:none}
