.ob-frame{--ob-content-width:34rem;width:100%;height:100%;min-height:100%;font-family:var(--ob-font);color:var(--ob-text);background:var(--ob-bg);justify-content:center;align-items:stretch;display:flex;position:relative;overflow:hidden}.ob-frame button{-webkit-tap-highlight-color:transparent}.ob-viewport{--ob-viewport-pad:clamp(1.25rem, 4vw, 2.5rem);z-index:1;box-sizing:border-box;width:100%;max-width:30rem;height:100%;padding-right:calc(var(--ob-viewport-pad) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--ob-viewport-pad) + env(safe-area-inset-bottom,0px));padding-left:calc(var(--ob-viewport-pad) + env(safe-area-inset-left,0px));flex-direction:column;display:flex;position:relative}.ob-stage-wrap{flex:1;min-height:0;position:relative}.ob-topbar{z-index:3;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;column-gap:.5rem;min-height:3rem;margin-bottom:.5rem;display:grid;position:relative}.ob-back{background:var(--ob-bg);width:2.75rem;height:2.75rem;color:var(--ob-text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,transform .2s;display:inline-flex}.ob-back svg{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem;transform:translate(-1.5px)scale(1.3)}.ob-back:focus-visible{outline:3px solid color-mix(in srgb, var(--ob-primary) 28%, transparent);outline-offset:2px}.ob-back-spacer{visibility:hidden;pointer-events:none;width:2.75rem;height:2.75rem;display:block}.ob-stage{inset:0;inset-inline:calc(-1 * var(--ob-viewport-pad));scrollbar-width:none;-ms-overflow-style:none;display:flex;position:absolute;overflow:hidden auto}.ob-stage::-webkit-scrollbar{display:none}.ob-stage--fixed-choice{overflow-y:hidden}.ob-step{z-index:1;box-sizing:border-box;width:100%;padding-inline:var(--ob-viewport-pad);flex-direction:column;flex:1;gap:clamp(1.5rem,5vh,3rem);margin-bottom:1.5rem;display:flex;position:relative}.ob-step--media-top{justify-content:safe center}.ob-step--media-top .ob-media{justify-content:center;align-items:center;min-height:38%;display:flex}.ob-step--media-top .ob-content{text-align:center;align-items:center}.ob-step--centered{text-align:center;justify-content:safe center}.ob-step--centered .ob-content{text-align:center;align-items:center}.ob-step--plan-preparation{justify-content:flex-start;padding-top:clamp(.75rem,3vh,1.5rem)}.ob-step--plan-preparation .ob-content{width:100%}.ob-step--name-input{justify-content:flex-start;padding-inline:0}.ob-step--name-input .ob-media{justify-content:center;align-items:center;width:100%;display:flex}.ob-step--name-input .ob-media__img{width:clamp(8rem,32vw,11rem);height:auto}.ob-step--name-input .ob-content{text-align:center;align-items:stretch;width:100%}.ob-step--split{justify-content:safe center}.ob-step--split .ob-media{justify-content:center;align-items:center;display:flex}.ob-step--split .ob-content{text-align:left;align-items:flex-start}.ob-step--bottom{justify-content:stretch;gap:0;margin-bottom:0}.ob-step--bottom .ob-content{text-align:center;flex:1;align-items:center;min-height:0}.ob-step--bottom .ob-media{flex:1;order:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.ob-step--bottom .ob-heading{flex:none;order:2;margin-top:0}.ob-step--bottom .ob-range-wrap,.ob-step--bottom .ob-range__visual{flex:1;min-height:0}.ob-step--bottom .ob-range{flex:none}.ob-step--choice-scroll{min-height:0;overflow:hidden}.ob-step--choice-scroll .ob-content{flex:1;min-height:0;overflow:hidden}.ob-step--choice-scroll .ob-choice-wrap,.ob-step--choice-scroll .ob-vertical-choice-wrap{flex:1;min-height:0}.ob-step--choice-scroll .ob-vertical-choice-wrap{flex-direction:column;display:flex;overflow:hidden}.ob-step--choice-scroll .ob-vertical-choice{overscroll-behavior:contain;scrollbar-width:none;min-height:0;overflow-y:auto}.ob-step--choice-scroll .ob-vertical-choice::-webkit-scrollbar{display:none}.ob-media__img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100px;margin-top:12px}.ob-media--above,.ob-media--under{width:100%}.ob-media__emoji{filter:none;margin-top:1.5rem;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:clamp(4rem,18vw,6rem);line-height:1}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--extraLargeTitle{letter-spacing:.34px;font-family:inherit;font-size:52px;font-style:normal;font-weight:400;line-height:62px}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--largeTitle{letter-spacing:.41px;font-family:inherit;font-size:34px;font-style:normal;font-weight:400;line-height:41px}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--title1{letter-spacing:.36px;font-family:inherit;font-size:28px;font-style:normal;font-weight:400;line-height:34px}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--title2{letter-spacing:.35px;font-family:inherit;font-size:22px;font-style:normal;font-weight:400;line-height:28px}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--title3{letter-spacing:.36px;font-family:inherit;font-size:20px;font-style:normal;font-weight:400;line-height:25px}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--headline{letter-spacing:.37px;font-family:inherit;font-size:17px;font-style:normal;font-weight:700;line-height:22px}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--body{font-family:inherit;font-size:1.0625rem;font-weight:400;line-height:1.3}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--callout{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.3}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--bold{font-weight:700}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--extraLargeTitle.ob-text--bold,:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--largeTitle.ob-text--bold,:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--title1.ob-text--bold{font-weight:800}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--label-primary{color:var(--ob-text)}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--label-secondary{color:var(--ob-text-muted)}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--label-tertiary{color:var(--ob-text-tertiary)}:is(.ob-eyebrow,.ob-title,.ob-subtitle,.ob-body).ob-text--label-quaternary{color:var(--ob-text-inactive)}.ob-content{flex-direction:column;gap:.5rem;display:flex}.ob-heading{flex-direction:column;gap:8px;width:100%;margin-top:12px;padding-inline:1.5rem;display:flex}.ob-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--ob-accent);font-size:.78rem;font-weight:700}.ob-title{letter-spacing:-.02em;color:var(--ob-text);white-space:pre-line;margin:0;font-size:clamp(1.75rem,6vw,2.4rem);font-weight:800;line-height:1.1}.ob-subtitle{color:var(--ob-text-muted);margin:0;font-size:clamp(1rem,3.4vw,1.15rem);line-height:1.5}.ob-body{color:var(--ob-text-muted);margin:0;font-size:1rem;line-height:1.6}.ob-typewriter{white-space:pre-line;width:100%;display:grid}.ob-typewriter__sizer,.ob-typewriter__text{grid-area:1/1}.ob-typewriter__sizer{visibility:hidden}.ob-typewriter__cursor{vertical-align:-.12em;background:currentColor;border-radius:999px;width:.08em;height:1em;margin-left:.12em;display:inline-block}.ob-typewriter__cursor--finished{animation:.8s step-end infinite ob-typewriter-blink}@keyframes ob-typewriter-blink{50%{opacity:0}}.ob-comparison{width:100%;margin:1rem 0 0}.ob-comparison__chart{width:100%;height:auto;display:block;overflow:visible}.ob-comparison__line{fill:none;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ob-comparison__line--with{stroke:var(--ob-primary)}.ob-comparison__line--without{stroke:var(--ob-label-tertiary);stroke-dasharray:10 10}.ob-comparison__legend{color:var(--ob-text-muted);flex-wrap:wrap;justify-content:center;gap:.65rem 1.25rem;margin-top:.75rem;font-size:.84rem;display:flex}.ob-comparison__legend span{align-items:center;gap:.45rem;display:inline-flex}.ob-comparison__key{border-radius:999px;width:1.15rem;height:.3rem;display:inline-block}.ob-comparison__key--with{background:var(--ob-primary)}.ob-comparison__key--without{background:var(--ob-label-tertiary)}.ob-social-proof{text-align:center;flex-direction:column;align-items:center;width:100%;margin-top:1.25rem;display:flex}.ob-social-proof__rating{color:var(--ob-text);letter-spacing:-.05em;font-size:clamp(3.75rem,18vw,5.5rem);font-weight:800;line-height:1}.ob-social-proof__stars{color:var(--ob-primary);gap:.3rem;margin-top:.65rem;font-size:clamp(1.7rem,7vw,2.2rem);line-height:1;display:flex}.ob-social-proof__stars span{display:inline-block}.ob-social-proof__meta{max-width:18rem;color:var(--ob-text-muted);margin:.9rem 0 0;font-size:.9rem;line-height:1.45}.ob-name-field-wrap{align-self:stretch;width:100%;margin-top:14px;padding-inline:20px}.ob-name-form{width:100%}.ob-name-field{text-align:left;flex-direction:column;gap:.5rem;width:100%;display:flex}.ob-name-field__label{color:var(--ob-text);font-size:.9rem;font-weight:700}.ob-name-field__input{border:3px solid color-mix(in srgb, var(--ob-label-quaternary) 18%, transparent);border-radius:var(--ob-radius);width:100%;color:var(--ob-label-primary);background:var(--ob-bg-primary);letter-spacing:.35px;padding:1rem clamp(1.1rem, var(--ob-radius), 1.7rem);outline:none;font-family:inherit;font-size:22px;font-style:normal;font-weight:700;line-height:28px;transition:border-color .2s,box-shadow .2s}.ob-name-field__input::placeholder{color:var(--ob-label-quaternary)}.ob-name-field__input:focus-visible{border-color:var(--ob-primary)}.ob-choice-wrap{width:calc(100% + 2 * var(--ob-viewport-pad));max-width:none;margin-inline:calc(-1 * var(--ob-viewport-pad));flex-direction:column;gap:1rem;display:flex}.ob-choice{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:1rem;width:100%;padding-block:.5rem;padding-inline:14%;scroll-padding-inline:14%;display:flex;overflow-x:auto}.ob-choice::-webkit-scrollbar{display:none}.ob-choice__option{scroll-snap-align:center;scroll-snap-stop:always;border:1px solid color-mix(in srgb, var(--ob-text) 16%, transparent);border-radius:var(--ob-radius);background:var(--ob-surface);min-height:11rem;color:var(--ob-text);cursor:pointer;font:inherit;flex-direction:column;flex:0 0 72%;justify-content:center;align-items:center;gap:.75rem;padding:.9rem .75rem;font-weight:700;transition:border-color .2s,background .2s,color .2s;display:flex}.ob-choice__media{pointer-events:none;justify-content:center;align-items:center;min-height:6rem;display:flex}.ob-choice__media .ob-media__emoji{font-size:clamp(4rem,18vw,6rem)}.ob-choice__media .ob-media__img{width:6rem;height:6rem}.ob-choice__option--selected{border-color:var(--ob-primary);background:var(--ob-primary);color:var(--ob-on-primary)}.ob-choice__option:focus-visible{outline:3px solid color-mix(in srgb, var(--ob-primary) 30%, transparent);outline-offset:2px}.ob-choice__hint{color:var(--ob-text-muted);text-align:center;font-size:.85rem}.ob-listening-choice-wrap{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.ob-listening-play{appearance:none;background:var(--ob-primary);min-width:9rem;color:var(--ob-on-primary);font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;margin-top:10px;padding:.9rem 1.25rem;font-weight:750;transition:transform .2s,box-shadow .2s;display:inline-flex}.ob-listening-play svg{fill:currentColor;width:1.45rem;height:1.45rem}.ob-listening-play__wave{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.ob-listening-play--playing{box-shadow:0 0 0 .4rem color-mix(in srgb, var(--ob-primary) 16%, transparent)}.ob-listening-play--playing .ob-listening-play__wave{animation:.8s ease-in-out infinite alternate ob-listening-wave}.ob-listening-options{flex-direction:column;gap:.7rem;width:100%;display:flex}.ob-listening-option{appearance:none;border:3px solid var(--ob-bg-secondary);border-radius:var(--ob-radius);background:var(--ob-bg-primary);width:100%;color:var(--ob-text);font:inherit;text-align:left;cursor:pointer;padding:1.2rem 1.25rem;font-weight:700;transition:border-color .2s,background .2s,color .2s}.ob-listening-option--selected{border-color:var(--ob-primary);color:var(--ob-primary)}.ob-listening-option:focus-visible,.ob-listening-play:focus-visible{outline:3px solid color-mix(in srgb, var(--ob-primary) 28%, transparent);outline-offset:2px}@keyframes ob-listening-wave{to{opacity:.35}}@media (prefers-reduced-motion:reduce){.ob-listening-play--playing .ob-listening-play__wave{animation:none}}.ob-pronunciation-choice-wrap,.ob-pronunciation-options{width:100%}.ob-pronunciation-options{flex-direction:column;gap:.75rem;margin-top:20px;display:flex}.ob-pronunciation-option{appearance:none;border:3px solid var(--ob-bg-secondary);border-radius:var(--ob-radius);background:var(--ob-bg-primary);width:100%;color:var(--ob-text);font:inherit;text-align:left;cursor:pointer;grid-template-columns:2.6rem minmax(0,1fr) 1.5rem;align-items:center;gap:.8rem;padding:.85rem 1rem;font-weight:700;transition:border-color .2s,background .2s,color .2s;display:grid}.ob-pronunciation-option--selected{border-color:var(--ob-primary);color:var(--ob-primary)}.ob-pronunciation-option__icon{background:color-mix(in srgb, var(--ob-primary) 12%, var(--ob-bg-secondary));width:2.6rem;height:2.6rem;color:var(--ob-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.ob-pronunciation-option__icon svg{fill:currentColor;width:1.35rem;height:1.35rem}.ob-pronunciation-option__wave{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.ob-pronunciation-option--playing .ob-pronunciation-option__wave{animation:.8s ease-in-out infinite alternate ob-listening-wave}.ob-pronunciation-option__selection{color:var(--ob-primary);text-align:center;font-size:1.15rem}.ob-pronunciation-option:focus-visible{outline:3px solid color-mix(in srgb, var(--ob-primary) 28%, transparent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.ob-pronunciation-option--playing .ob-pronunciation-option__wave{animation:none}}.ob-range-wrap{width:calc(100% + 2 * var(--ob-viewport-pad));max-width:none;margin-inline:calc(-1 * var(--ob-viewport-pad));flex-direction:column;gap:1rem;padding-inline:1.85rem;display:flex}.ob-range__visual{flex-direction:column;justify-content:center;align-items:center;gap:.55rem;min-height:7rem;display:flex}.ob-range__visual .ob-media__emoji{font-size:clamp(4.5rem,20vw,7rem);animation:.22s cubic-bezier(.16,1,.3,1) ob-range-visual-in}.ob-range__title{text-align:center;margin-bottom:15px}.ob-step--animations-disabled,.ob-step--animations-disabled *{transition:none!important;animation:none!important}.ob-range{flex-direction:column;gap:.65rem;width:100%;display:flex}.ob-range__value{color:var(--ob-text);text-align:center;font-size:1.25rem;font-weight:800}.ob-range__input{appearance:none;background:linear-gradient(to right, var(--ob-primary) 0 var(--ob-range-progress), color-mix(in srgb, var(--ob-text) 18%, transparent) var(--ob-range-progress) 100%);cursor:pointer;touch-action:manipulation;border-radius:999px;outline:none;width:100%;height:.55rem}.ob-range__input::-webkit-slider-thumb{appearance:none;border:3px solid var(--ob-primary);background:var(--ob-bg);cursor:grab;border-radius:50%;width:1.65rem;height:1.65rem;box-shadow:0 3px 10px #00000038}.ob-range__input::-moz-range-thumb{border:3px solid var(--ob-primary);background:var(--ob-bg);cursor:grab;border-radius:50%;width:1.35rem;height:1.35rem;box-shadow:0 3px 10px #00000038}.ob-range__input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--ob-primary) 22%, transparent)}.ob-range__labels{color:var(--ob-text-muted);justify-content:space-between;font-size:.8rem;display:flex}.ob-vertical-choice-wrap,.ob-vertical-choice{width:100%}.ob-vertical-choice{flex-direction:column;gap:.7rem;margin-top:20px;display:flex}.ob-vertical-choice__option{border:3px solid var(--ob-bg-secondary);border-radius:var(--ob-radius);background:var(--ob-bg-primary);width:100%;color:var(--ob-text);cursor:pointer;font:inherit;text-align:left;grid-template-columns:auto minmax(0,9fr);align-items:center;gap:.85rem;padding:1.1rem 1.5rem;transition:border-color .2s,background .2s,transform .2s;display:grid}.ob-vertical-choice__option--selected{border-color:var(--ob-primary);color:var(--ob-accent)}.ob-vertical-choice__option--disabled{cursor:not-allowed;opacity:.45}@media (hover:hover) and (pointer:fine){.ob-vertical-choice__option:hover:not(:disabled){background:var(--ob-bg-secondary)}}.ob-vertical-choice__option:focus-visible{outline:3px solid color-mix(in srgb, var(--ob-primary) 28%, transparent);outline-offset:2px}.ob-vertical-choice__media{border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.ob-vertical-choice__media:has(.ob-media__img){width:2.25rem;height:2.25rem}.ob-vertical-choice__media:has(.ob-media__emoji){overflow:visible}.ob-vertical-choice__media .ob-media__emoji{filter:none;margin-top:0;font-size:2rem;scale:.9}.ob-vertical-choice__media .ob-media__img{object-fit:contain;width:100%;height:100%;margin-top:0}.ob-vertical-choice__media .ob-media__img[src*=\/onboarding_][src*=_topic\.png]{box-sizing:border-box;object-fit:contain;padding:.2rem}.ob-vertical-choice__copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.ob-vertical-choice__title{font-weight:750}.ob-vertical-choice__subtitle{color:var(--ob-text-muted);font-size:.84rem;line-height:1.35}@keyframes ob-range-visual-in{0%{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ob-range__visual .ob-media__emoji{animation:none}}.ob-bullets{text-align:left;flex-direction:column;align-self:stretch;gap:.6rem;margin:.25rem 0 0;padding:0;list-style:none;display:flex}.ob-bullets li{color:var(--ob-text);padding-left:1.75rem;line-height:1.4;position:relative}.ob-bullets li:before{content:"";background:var(--ob-accent);opacity:.25;border-radius:50%;width:1.2rem;height:1.2rem;position:absolute;top:.15em;left:0}.ob-bullets li:after{content:"✓";color:var(--ob-accent);font-size:.7rem;font-weight:800;position:absolute;top:.05em;left:.28rem;transform:translateY(4px)}.ob-step--commitment{justify-content:stretch;min-height:100%;margin-bottom:0}.ob-step--commitment .ob-content{flex:1;min-height:0}.ob-commitment-wrap,.ob-commitment{width:100%}.ob-commitment-wrap{flex:1;min-height:0;display:flex}.ob-commitment{flex-direction:column;justify-content:space-between;align-items:center;gap:.75rem;min-height:0;display:flex}.ob-commitment__visual{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;min-height:0;display:flex}.ob-commitment__mascot{justify-content:center;align-items:center;min-height:13.5rem;display:flex}.ob-commitment__mascot-bounce{transform-origin:bottom;justify-content:center;align-items:center;display:flex}.ob-commitment--holding .ob-commitment__mascot-bounce{animation:.42s ease-in-out infinite ob-commitment-mascot-bounce}.ob-commitment__mascot .ob-media__img{object-fit:contain;width:min(72vw,16.5rem);max-height:16.5rem;margin-top:0}.ob-commitment__action{padding-bottom:max(.25rem, env(safe-area-inset-bottom,0px));flex-direction:column;flex:none;align-items:center;gap:.65rem;display:flex}.ob-commitment__button{aspect-ratio:1;background:color-mix(in srgb, var(--ob-primary) 10%, var(--ob-bg-primary));width:min(34vw,7.75rem);color:var(--ob-primary);cursor:pointer;font:inherit;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:none;border:0;border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid;position:relative}.ob-commitment__button *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ob-commitment__button--holding{background:color-mix(in srgb, var(--ob-primary) 16%, var(--ob-bg-primary));transform:scale(.97)}.ob-commitment__ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ob-commitment__track,.ob-commitment__progress{fill:none;stroke-width:8px}.ob-commitment__track{stroke:color-mix(in srgb, var(--ob-primary) 18%, transparent)}.ob-commitment__progress{stroke:var(--ob-primary);stroke-linecap:round;stroke-dasharray:503;stroke-dashoffset:503px}.ob-commitment__button--holding .ob-commitment__progress{animation:ob-commitment-fill var(--ob-commitment-duration) linear forwards}.ob-commitment__label{z-index:1;width:62%;font-size:clamp(.8rem,3.2vw,1rem);font-weight:800;line-height:1.2;position:relative}.ob-commitment__hint{color:var(--ob-text-muted);margin:0;font-size:.9rem}@keyframes ob-commitment-fill{to{stroke-dashoffset:0}}@keyframes ob-commitment-mascot-bounce{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4px)rotate(-1.5deg)}55%{transform:translateY(1px)rotate(1.5deg)}78%{transform:translateY(-2px)rotate(-.75deg)}}@media (prefers-reduced-motion:reduce){.ob-commitment--holding .ob-commitment__mascot-bounce{animation:none}}.ob-plan-preparation-wrap,.ob-plan-preparation{width:100%}.ob-plan-preparation{text-align:center;flex-direction:column;align-items:center;gap:2.2rem;display:flex}.ob-plan-circle{aspect-ratio:1;place-items:center;width:min(48vw,12rem);margin-bottom:2.5rem;display:grid;position:relative}.ob-plan-circle__svg{z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.ob-plan-circle__track,.ob-plan-circle__progress{fill:none;stroke-width:18px}.ob-plan-circle__track{fill:var(--ob-bg-primary);stroke:color-mix(in srgb, var(--ob-plan-stage-color) 14%, white)}.ob-plan-circle__progress{stroke-width:11px;stroke:var(--ob-plan-stage-color);stroke-linecap:round;stroke-dasharray:578;stroke-dashoffset:578px;animation:ob-plan-circle-fill var(--ob-plan-duration) linear forwards;transition:stroke .35s}.ob-plan-circle__progress--complete{stroke-dashoffset:0;animation:none}.ob-plan-circle__label{z-index:2;width:68%;max-width:9.5rem;color:var(--ob-text);overflow-wrap:anywhere;font-size:clamp(.9rem,3.8vw,1.1rem);font-weight:800;line-height:1.2;position:relative}.ob-plan-circle__bubbles{z-index:0;pointer-events:none;position:absolute;inset:-2%}.ob-plan-circle__dot{z-index:0;background:var(--ob-plan-stage-color);will-change:transform;animation:ob-plan-bubble-float var(--ob-bubble-duration) ease-in-out var(--ob-bubble-delay) infinite alternate;border-radius:50%;transition:background .35s;position:absolute}.ob-plan-completed{flex-direction:column;gap:.8rem;width:100%;display:flex}.ob-plan-success{border:3px solid var(--ob-bg-inactive);background:var(--ob-bg);min-height:4.6rem;color:var(--ob-text);text-align:left;border-radius:999px;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:750;display:flex}.ob-plan-success__icon{color:#fff;background:#27c878;border-radius:50%;flex:none;place-items:center;width:2.1rem;height:2.1rem;font-size:1.25rem;font-weight:900;display:grid}@keyframes ob-plan-circle-fill{to{stroke-dashoffset:0}}@keyframes ob-plan-bubble-float{0%{transform:translate3d(var(--ob-bubble-start-x), var(--ob-bubble-start-y), 0) scale(.35)}to{transform:translate3d(var(--ob-bubble-x), var(--ob-bubble-y), 0) scale(1.28)}}@media (prefers-reduced-motion:reduce){.ob-plan-circle__progress{stroke-dashoffset:0;animation:none}.ob-plan-circle__dot{animation:none}}.ob-actions{z-index:2;flex-direction:column;align-self:stretch;gap:.6rem;margin-bottom:.35rem;display:flex;position:relative}.ob-actions-visibility{visibility:hidden;opacity:0;transition:opacity .32s,transform .32s,visibility 0s linear .32s;transform:translateY(.5rem)}.ob-actions-visibility--visible{visibility:visible;opacity:1;transition-delay:0s;transform:translateY(0)}.ob-btn{appearance:none;font:inherit;border-radius:var(--ob-radius);cursor:pointer;border:none;width:100%;padding:1rem 1.5rem;font-size:1.02rem;font-weight:700;transition:background .2s,box-shadow .2s,color .2s}.ob-btn:disabled{cursor:not-allowed;opacity:1;box-shadow:none;background:var(--ob-bg-inactive);color:var(--ob-text-inactive-color)}.ob-btn--primary{background:var(--ob-primary);color:var(--ob-on-primary);box-shadow:none}.ob-btn--ghost{color:var(--ob-text-muted);box-shadow:none;background:0 0}@media (hover:hover) and (pointer:fine){.ob-back:hover{background:var(--ob-bg-secondary)}.ob-btn--primary:hover:not(:disabled){box-shadow:0 16px 34px -8px color-mix(in srgb, var(--ob-primary) 85%, transparent)}.ob-btn--ghost:hover:not(:disabled){color:var(--ob-text);background:color-mix(in srgb, var(--ob-text) 6%, transparent)}}.ob-footer{justify-content:center;justify-self:center;width:min(100%,20rem);transition:transform .25s;display:flex}.ob-topbar--with-back .ob-footer{transform:translate(.7rem)}.ob-snake{width:100%;height:1.75rem;overflow:visible}.ob-snake__track,.ob-snake__fill{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ob-snake__track{stroke:var(--ob-bg-inactive);stroke-width:8px}.ob-snake__fill{stroke:var(--ob-primary);stroke-width:8px}.ob-progress-bar{background:var(--ob-bg-inactive);border-radius:999px;width:100%;height:.45rem;overflow:hidden}.ob-progress-bar__fill{border-radius:inherit;background:var(--ob-primary);transform-origin:0;width:100%;height:100%;transform:scaleX(0)}.ob-progress{align-items:center;gap:.5rem;display:flex}.ob-dot{appearance:none;background:var(--ob-bg-inactive);cursor:pointer;border:none;border-radius:999px;width:.5rem;height:.5rem;padding:0;transition:background .2s}.ob-dot--active{background:var(--ob-primary);width:1.5rem}@media (width>=480px){.ob-frame{background:radial-gradient(120% 80% at 50% 0%, color-mix(in srgb, var(--ob-primary) 8%, transparent), transparent 60%), var(--ob-bg);align-items:center}.ob-viewport{background:var(--ob-bg);border-radius:32px;height:min(88vh,860px);overflow:hidden;box-shadow:0 40px 80px -30px #0006}}.demo{color:#000;background:#fff;flex-direction:column;height:100%;display:flex}.demo__stage{flex:1;min-height:0;position:relative}.demo__toast{color:#05070a;z-index:50;background:#fffffff5;border-radius:999px;padding:.7rem 1.2rem;font-size:.9rem;font-weight:600;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 20px 40px -16px #0009}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{height:100%}html{background-color:#fff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}