.ob-step[data-dir=fwd]{animation:.52s cubic-bezier(.16,1,.3,1) both ob-step-in-fwd}.ob-step[data-dir=back]{animation:.52s cubic-bezier(.16,1,.3,1) both ob-step-in-back}@keyframes ob-step-in-fwd{0%{opacity:0;transform:translate(36px)scale(.985)}}@keyframes ob-step-in-back{0%{opacity:0;transform:translate(-36px)scale(.985)}}.ob-seg{background:var(--line-strong);border-radius:9999px;flex:1 1 0;height:4px;position:relative;overflow:hidden}.ob-seg-fill{border-radius:inherit;background:linear-gradient(90deg, var(--red), var(--pink) 60%, var(--peach));transform-origin:0;transition:transform .6s cubic-bezier(.34,1.4,.5,1);position:absolute;inset:0;transform:scaleX(0)}.ob-seg[data-on] .ob-seg-fill{transform:scaleX(1)}.ob-seg[data-current] .ob-seg-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);animation:2.4s ease-in-out .6s infinite ob-seg-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes ob-seg-shine{55%,to{transform:translate(100%)}}.ob-progress[data-celebrate] .ob-seg{animation:.5s cubic-bezier(.34,1.56,.64,1) both ob-seg-pop;animation-delay:calc(.38s + var(--i,0) * 45ms)}@keyframes ob-seg-pop{45%{transform:scaleY(2.2)}}.ob-progress{position:relative;overflow:clip visible}.ob-progress[data-celebrate]:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff8c,#0000);border-radius:9999px;animation:.9s cubic-bezier(.65,0,.35,1) .42s both ob-progress-shine;position:absolute;inset:-4px 0;transform:translate(-100%)}@keyframes ob-progress-shine{0%{opacity:1;transform:translate(-100%)}80%{opacity:1}to{opacity:0;transform:translate(100%)}}.ob-progress[data-celebrate] .ob-seg{overflow:visible}.ob-halo{filter:blur(70px);pointer-events:none;will-change:transform;border-radius:9999px;animation:14s ease-in-out infinite alternate ob-halo-drift;position:absolute}.ob-halo[data-b]{animation-duration:18s;animation-direction:alternate-reverse}@keyframes ob-halo-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(6%,8%)scale(1.12)}}.ob-cells[data-error]{animation:.42s cubic-bezier(.36,.07,.19,.97) both ob-shake}@keyframes ob-shake{15%,85%{transform:translate(-2px)}30%,70%{transform:translate(5px)}45%,55%{transform:translate(-7px)}}.ob-cell{transition:border-color .2s,box-shadow .25s,transform .25s cubic-bezier(.34,1.56,.64,1)}.ob-cell[data-active]{transform:translateY(-2px)}.ob-digit{animation:.32s cubic-bezier(.34,1.56,.64,1) both ob-digit-in;display:inline-block}@keyframes ob-digit-in{0%{opacity:0;transform:translateY(8px)scale(.6)}}.ob-caret{background:linear-gradient(180deg, var(--red), var(--pink));border-radius:2px;width:2px;height:1.2em;animation:1.05s step-end infinite ob-caret}@keyframes ob-caret{50%{opacity:0}}.ob-cells-ok .ob-cell{animation:.5s cubic-bezier(.34,1.56,.64,1) both ob-cell-ok;animation-delay:calc(var(--i,0) * 45ms)}@keyframes ob-cell-ok{40%{transform:translateY(-6px)scale(1.06)}}.ob-ticker{height:1.5em;position:relative;overflow:hidden}.ob-ticker-line{white-space:nowrap;opacity:0;animation:9s cubic-bezier(.16,1,.3,1) infinite ob-ticker;animation-delay:calc(var(--i,0) * 3s);align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}@keyframes ob-ticker{0%{opacity:0;transform:translateY(100%)}5%,30%{opacity:1;transform:translateY(0)}35%,to{opacity:0;transform:translateY(-100%)}}.ob-wheel{animation:7s cubic-bezier(.2,.7,.1,1) infinite ob-wheel}@keyframes ob-wheel{0%{transform:rotate(0)}60%,to{transform:rotate(1440deg)}}.ob-float-up{animation:1.3s cubic-bezier(.16,1,.3,1) both ob-float-up}@keyframes ob-float-up{0%{opacity:0;transform:translateY(6px)scale(.8)}20%{opacity:1;transform:translateY(0)scale(1.05)}to{opacity:0;transform:translateY(-26px)scale(1)}}.ob-gain-pop{animation:1.5s cubic-bezier(.16,1,.3,1) both ob-gain-pop}@keyframes ob-gain-pop{0%{opacity:0;transform:translateY(14px)scale(.7)}18%{opacity:1;transform:translate(0,0)scale(1.08)}28%{transform:translate(0,0)scale(1)}78%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translateY(-3px)scale(.96)}}.ob-bob{animation:5s ease-in-out infinite ob-bob}@keyframes ob-bob{50%{transform:translateY(-6px)}}.ob-check{transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .2s,border-color .2s,box-shadow .3s}.ob-check-on{transform:scale(1.08)}.ob-check-mark{stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .32s cubic-bezier(.65,0,.35,1) 50ms}.ob-check-on .ob-check-mark{stroke-dashoffset:0}.ob-notif{animation:.6s cubic-bezier(.34,1.3,.5,1) both ob-notif-in;animation-delay:calc(.24s + var(--i,0) * .26s)}@keyframes ob-notif-in{0%{opacity:0;transform:translateY(-18px)scale(.94)}}.ob-rays{background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--pink) 30%, transparent) 12deg, transparent 26deg, transparent 60deg, color-mix(in srgb, var(--red) 26%, transparent) 72deg, transparent 86deg, transparent 120deg, color-mix(in srgb, var(--peach) 28%, transparent) 132deg, transparent 146deg, transparent 180deg, color-mix(in srgb, var(--pink) 30%, transparent) 192deg, transparent 206deg, transparent 240deg, color-mix(in srgb, var(--red) 26%, transparent) 252deg, transparent 266deg, transparent 300deg, color-mix(in srgb, var(--peach) 28%, transparent) 312deg, transparent 326deg);animation:24s linear infinite ob-rays;-webkit-mask-image:radial-gradient(closest-side,#000 30%,#0000 100%);mask-image:radial-gradient(closest-side,#000 30%,#0000 100%)}@keyframes ob-rays{to{transform:rotate(360deg)}}.ob-pop-in{animation:.6s cubic-bezier(.34,1.56,.64,1) both ob-pop;animation-delay:var(--d,0s)}.ob-ok-pop{animation:.55s cubic-bezier(.34,1.56,.64,1) both ob-ok-pop}@keyframes ob-ok-pop{0%{opacity:0;transform:scale(.3)rotate(-30deg)}60%{opacity:1;transform:scale(1.25)rotate(0)}}.ob-track-shine{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ob-track-shine:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--pink) 45%, transparent), transparent);width:40%;animation:2.6s ease-in-out 1.2s infinite ob-track-shine;position:absolute;inset:0;transform:translate(-100%)}@keyframes ob-track-shine{60%,to{transform:translate(260%)}}@keyframes ob-pop{0%{opacity:0;transform:scale(.7)}}.ob-gutter{padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right))}@media (min-width:640px){.ob-gutter{padding-left:max(32px, env(safe-area-inset-left));padding-right:max(32px, env(safe-area-inset-right))}}.ob-safe-top{padding-top:max(16px, env(safe-area-inset-top))}.ob-safe-bottom{padding-bottom:max(20px, calc(env(safe-area-inset-bottom) + 12px))}.ob-flow-shell{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.ob-flow-bar{z-index:10;isolation:isolate;position:sticky;bottom:0}.ob-flow-bar:before,.ob-flow-bar:after{content:"";z-index:-1;pointer-events:none;position:absolute;left:-50vw;right:-50vw}.ob-flow-bar:before{background:var(--ob-bg,var(--paper));top:0;bottom:0}.ob-flow-bar:after{background:linear-gradient(to top, var(--ob-bg,var(--paper)), color-mix(in srgb, var(--ob-bg,var(--paper)) 0%, transparent));height:24px;bottom:100%}.ob-flow-head{z-index:10;background:var(--ob-bg,var(--paper));position:sticky;top:0}.ob-flow-head:after{content:"";background:linear-gradient(to bottom, var(--ob-bg,var(--paper)), color-mix(in srgb, var(--ob-bg,var(--paper)) 0%, transparent));pointer-events:none;height:20px;position:absolute;top:100%;left:0;right:0}.ob-flow-card{flex-direction:column;flex:auto;width:100%;display:flex;position:relative}@media (min-width:1024px){.ob-flow-shell{justify-content:center;padding:40px 24px}.ob-flow-card{--ob-bg:color-mix(in srgb, var(--surface) 72%, var(--paper));background-color:var(--ob-bg);max-width:30rem;min-height:min(820px,100dvh - 80px);box-shadow:inset 0 0 0 1px var(--glass-edge), 0 40px 120px -40px var(--halo-pink), 0 24px 64px -32px #00000080;-webkit-backdrop-filter:blur(24px)saturate(1.4);border-radius:32px;flex:none;margin:0 auto;overflow:clip}.ob-flow-card .ob-gutter{padding-left:32px;padding-right:32px}.ob-flow-card .ob-flow-head{padding-top:20px}.ob-flow-card .ob-safe-bottom{padding-bottom:28px}}.ob-divider{align-items:center;gap:12px;display:flex}.ob-divider:before,.ob-divider:after{content:"";background:var(--line);flex:1 1 0;height:1px}@media (prefers-reduced-motion:reduce){.ob-step,.ob-halo,.ob-cells[data-error],.ob-cell,.ob-digit,.ob-caret,.ob-cells-ok .ob-cell,.ob-ticker-line,.ob-wheel,.ob-float-up,.ob-gain-pop,.ob-progress[data-celebrate] .ob-seg,.ob-progress[data-celebrate]:after,.ob-ok-pop,.ob-bob,.ob-notif,.ob-rays,.ob-pop-in,.ob-track-shine:after,.ob-seg[data-current] .ob-seg-fill:after{animation:none!important}.ob-ticker-line:first-child{opacity:1}.ob-seg-fill,.ob-check,.ob-check-mark{transition:none!important}}