.billing-shell{min-height:100svh}.billing-shell .wordmark{text-decoration:none}.billing-art{justify-content:center;padding:12px 32px 0;display:flex}.billing-art img{width:min(62%,210px);height:auto;margin-bottom:-6px}.billing-panel{flex:1;padding-top:18px}.billing-panel h1{letter-spacing:-.9px;overflow-wrap:anywhere;margin:0;font-size:28px;line-height:1.22}.billing-primary{background:var(--brand);color:#fff;border:0;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:56px;margin-top:24px;padding:14px 20px;font-size:15px;font-weight:650;line-height:22px;text-decoration:none;display:flex}.billing-primary:hover{color:#fff;background:#6255d6}.billing-primary:disabled{opacity:.5}.billing-plans{text-align:left;border:0;gap:12px;min-width:0;margin:24px 0 16px;padding:0;display:grid}.billing-plans legend{color:var(--muted);padding:0 0 10px;font-size:12px}.billing-plan{cursor:pointer;background:#faf9fe;border:1px solid #e9e5f5;border-radius:18px;align-items:center;gap:12px;padding:16px;display:flex}.billing-plan.is-selected{border:2px solid var(--brand);background:#f0edff;padding:15px}.billing-plan input{accent-color:var(--brand);flex-shrink:0;width:18px;height:18px}.billing-plan span{overflow-wrap:anywhere;min-width:0}.billing-plan strong,.billing-plan small,.billing-price{display:block}.billing-price{margin:8px 0 4px;font-size:27px;font-weight:750}.billing-plan small,.billing-terms{color:var(--muted);font-size:12px;line-height:19px}.billing-notice,.billing-preview{color:#786044;background:#faf6ef;border-radius:12px;padding:12px;font-size:12px;line-height:19px}.billing-preview{text-align:center;margin:8px 20px}.billing-reference{color:var(--muted);overflow-wrap:anywhere;margin:24px 0;font-size:12px;line-height:20px}@media (width>=600px){.billing-shell{min-height:min(830px,100svh - 64px)}}@media (width<=360px){.billing-panel h1{font-size:25px}.billing-art{padding-top:0}}:root{color:#252447;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#7267f0;--muted:#68677e;background:#f4f3fa;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--brand);outline-offset:5px}button:disabled{cursor:not-allowed}.skip-link{z-index:10;clip-path:inset(50%);white-space:nowrap;background:#fff;border-radius:12px;width:1px;height:1px;position:fixed;top:16px;left:16px;overflow:hidden}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:12px 16px;overflow:visible}.login-shell{background:#eeebff url(/onboarding/assets/background-C1XF_bJC.webp) 50%/cover;flex-direction:column;max-width:480px;min-height:100svh;margin-inline:auto;display:flex}.page-header{padding:max(24px, env(safe-area-inset-top)) 24px 12px;justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{letter-spacing:-1.1px;align-items:center;font-size:23px;font-weight:850;display:inline-flex}.wordmark-dot{background:var(--brand);border-radius:50%;width:6px;height:6px;margin:8px 0 0 3px}.help-link{color:#53516c;align-items:center;gap:6px;min-height:44px;font-size:12px;font-weight:550;text-decoration:none;display:flex}.help-icon{border:1px solid;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;display:grid}.login-hero{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;display:flex;overflow:hidden}.hero-copy{text-align:center;padding:15px 20px 18px}.hero-copy h1{letter-spacing:-1.2px;margin:0;font-size:clamp(28px,7.8vw,36px);font-weight:800;line-height:1.14}.hero-copy h1 span{color:#6456d8}.hero-copy p{color:#666080;margin:13px 0 0;font-size:12px;line-height:1.6}.otter-illustration{width:min(100%,390px);height:auto;margin-bottom:-18px;display:block}.login-panel{padding:18px 24px max(20px, env(safe-area-inset-bottom));text-align:center;background:#fff;border-radius:32px 32px 0 0;position:relative}.panel-handle{background:#e9e7f3;border-radius:4px;width:32px;height:4px;margin:0 auto 21px;display:block}.login-panel h2{letter-spacing:-.9px;overflow-wrap:anywhere;margin:0;font-size:28px;font-weight:800;line-height:34px}.login-panel h2:focus{outline:none}.panel-description{color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;margin:10px 0 0;font-size:14px;line-height:22px}.sign-in-actions{margin-top:25px}.provider-button{border:1px solid #0000;border-radius:24px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:14px 20px;font-size:16px;font-weight:600;line-height:24px;transition:background .16s,transform .16s,opacity .16s;display:flex}.provider-apple{color:#fff;background:#000}.provider-google{color:#252447;background:#fff;border-color:#d4d2df}.provider-button:disabled{opacity:.48}.provider-button:not(:disabled):active{transform:scale(.985)}.provider-reminder{color:#727084;justify-content:center;align-items:flex-start;gap:6px;max-width:330px;margin:13px auto 0;font-size:12px;line-height:18px;display:flex}.provider-reminder svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.provider-reminder span{max-width:275px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.login-feedback{min-height:16px;color:var(--muted);font-size:12px;line-height:19px}.login-feedback p{margin:16px 0 0}.login-feedback.has-message{color:#786044;background:#faf6ef;border-radius:14px;margin-top:20px;padding:12px 14px}.login-feedback.has-message p{margin:0}.login-feedback strong,.login-feedback span{display:block}.login-feedback strong{font-weight:650}.login-feedback.is-neutral{color:#625c85;background:#f6f4fc}.text-button{color:#6255d6;background:0 0;border:0;border-radius:8px;min-height:44px;padding:10px 12px;font-size:13px;font-weight:650;display:inline-block}.legal-copy{color:#7b788d;max-width:335px;margin:13px auto 0;font-size:11px;line-height:19px}.legal-copy a{color:#615c79}.panel-footer{color:#817c96;border-top:1px solid #f0eef5;margin-top:21px;padding-top:14px;font-size:11px;line-height:20px}.panel-footer a{justify-content:center;align-items:center;gap:5px;min-height:28px;text-decoration:none;display:inline-flex}.account-summary{background:#faf9fe;border:1px solid #e9e5f5;border-radius:18px;margin:21px 0 14px;padding:16px 12px}.account-provider{justify-content:center;align-items:center;gap:7px;margin:0 0 9px;font-size:14px;font-weight:600;display:flex}.account-provider svg{width:19px;height:19px}.membership-status{color:#6d6980;justify-content:center;align-items:center;gap:6px;margin:0;font-size:12px;line-height:18px;display:flex}.membership-status span{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.membership-active{color:#24764e}.membership-unknown{color:#926832}.account-reminder{color:var(--muted);max-width:310px;margin:0 auto 5px;font-size:13px;line-height:21px}.success-check{color:#359469;background:#e9f8f0;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 12px;display:grid}.success-check svg{width:25px;height:25px}.secondary-button{color:#6255d6;background:#f0edff;border:0;border-radius:18px;width:100%;min-height:48px;margin-top:16px;font-size:14px;font-weight:600;display:block}.sign-out{margin-top:4px}@keyframes spin{to{transform:rotate(360deg)}}@media (hover:hover){.provider-apple:not(:disabled):hover{background:#252447}.provider-google:not(:disabled):hover{background:#f8f7fc}.text-button:hover{background:#f6f4ff}a:hover{color:#6255d6}}@media (width>=600px){.login-shell{border-radius:32px;min-height:min(830px,100svh - 64px);margin-block:32px;overflow:hidden;box-shadow:0 18px 64px #35305814,0 0 0 1px #e7e3f2}}@media (width<=360px){.page-header,.login-panel{padding-inline:20px}.login-panel h2{font-size:25px;line-height:32px}.hero-copy{padding-top:8px}.hero-copy p{max-width:235px;margin-inline:auto}.panel-description{font-size:13px}}@media (height<=740px) and (width<=599px){.page-header{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:4px}.hero-copy{padding-block:4px 8px}.hero-copy h1{font-size:28px}.hero-copy p{margin-top:8px;font-size:11px}.otter-illustration{width:min(74%,280px)}.login-panel{padding-top:14px}.panel-handle{margin-bottom:14px}.sign-in-actions{margin-top:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.measurement-consent{border-top:1px solid #f0eef5;margin-top:21px;padding-top:14px}.measurement-consent h3{margin:0 0 8px;font-size:14px;line-height:22px}.measurement-consent p{color:#7b788d;margin:8px 0;font-size:12px;line-height:19px}.measurement-actions{flex-wrap:wrap;gap:8px;display:flex}.measurement-actions .secondary-button{flex:130px;margin-top:4px;padding:8px}.login-next{justify-content:center;align-items:center;padding:12px;text-decoration:none;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-shell{color:#252447;overflow-wrap:anywhere;background:#f7f5ff;flex-direction:column;max-width:480px;min-height:100dvh;margin:auto;display:flex}.onboarding-header{padding:max(18px,env(safe-area-inset-top)) 24px 12px;justify-content:space-between;align-items:center;gap:12px;display:flex}.language-select{z-index:50;flex-shrink:0;position:relative}.language-trigger{color:#374151;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:4px;padding:8px 16px;font-size:16px;transition:background-color .15s;display:flex}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:#f9f9f9}.language-trigger svg{color:#6b7280}.language-menu{overscroll-behavior:contain;background:#fff;border:1px solid #f3f4f6;border-radius:8px;min-width:180px;max-width:calc(100vw - 48px);max-height:min(560px,100dvh - 120px);padding:8px 0;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.language-option{color:#374151;width:100%;min-height:44px;font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:10px 16px;font-size:14px;line-height:20px;display:block}.language-option:hover,.language-option:focus-visible{background:#f9f9f9}.language-option[aria-pressed=true]{color:#111827;font-weight:500}.language-option[aria-disabled=true]{cursor:wait;opacity:.6}.language-menu .language-option:focus-visible{outline-offset:-3px;outline:2px solid #7267f0}.language-error{color:#b42318;padding:0 16px;font-size:13px}.back-button{min-width:44px;min-height:44px;color:inherit;background:0 0;border:0;font-size:34px;line-height:1}.flow-progress{appearance:none;background:#e6e1f5;border:0;border-radius:6px;width:calc(100% - 48px);height:6px;margin:0 24px 12px;overflow:hidden}.flow-progress::-webkit-progress-bar{background:#e6e1f5}.flow-progress::-webkit-progress-value{background:#7267f0;border-radius:6px}.flow-progress::-moz-progress-bar{background:#7267f0}.onboarding-content{flex:1;padding:20px 24px 30px}.onboarding-content h1{letter-spacing:-.5px;white-space:pre-line;outline:none;margin:12px 0 22px;font-size:28px;font-weight:800;line-height:1.28}.step-subtitle,.step-body{white-space:pre-line;margin:12px 0 24px;font-size:16px;line-height:1.6}.step-subtitle{color:#77718c}.step-body strong{color:#7267f0}.onboarding-footer{padding:14px 24px max(16px,env(safe-area-inset-bottom));z-index:2;background:#f7f5fff2;border-top:1px solid #ebe6fa;position:sticky;bottom:0}.flow-primary{color:#fff;width:100%;min-height:56px;font:inherit;text-align:center;white-space:pre-line;background:#7267f0;border:0;border-radius:24px;justify-content:center;align-items:center;padding:16px 20px;font-weight:700;text-decoration:none;display:flex}.flow-primary:disabled{opacity:.4;cursor:not-allowed}.flow-primary:not(:disabled):active{transform:scale(.985)}.choices{border:0;flex-direction:column;gap:12px;margin:24px 0;padding:0;display:flex}.choice{text-align:start;cursor:pointer;min-height:74px;font:inherit;color:#252447;background:#fff;border:0;border-radius:16px;align-items:center;gap:20px;padding:10px 16px;font-size:16px;font-weight:700;line-height:21px;transition:box-shadow .2s,opacity .2s;display:flex;position:relative;box-shadow:0 0 16px #9795f10d}:lang(zh) .choice{font-weight:600}.choice.has-detail{min-height:82px}.choice.selected{background:#fff;box-shadow:inset 0 0 0 1.8px #7267f0,0 1px 2px #bfb9ce26,0 3px 3px #bfb9ce1c,0 6px 4px #bfb9ce26,0 12px 5px #bfb9ce0d}.choice input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.choice-copy{flex:1;min-width:0}.choice-icon{background:#2e37550f;border-radius:50%;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;transition:background .2s;display:flex}.choice-icon img{width:28px;height:28px;display:block}.choice-check{background:#37373705;border:1px solid #0000001a;border-radius:6px;flex:0 0 17px;justify-content:center;align-items:center;width:17px;height:17px;transition:background .2s,border-color .2s;display:flex}.choice-check img{opacity:0;transition:opacity .2s}.choice.selected .choice-check{background:#7267f0;border-color:#7267f0}.choice.selected .choice-check img{opacity:1}.choice small{color:#03032b85;margin-top:2px;font-size:12px;font-weight:400;line-height:17px;display:block}.none-choice{justify-content:center}.choice:has(input:focus-visible){outline-offset:3px;outline:2px solid #7267f0}.step-art{object-fit:contain;width:330px;max-width:100%;max-height:310px;margin:20px auto;display:block}.tutorial-art{width:100%;max-height:none}.example-label,.step-caption{text-align:center;color:#77718c;font-size:12px;line-height:1.5}.welcome-copy{white-space:pre-line;font-size:28px;font-weight:800;line-height:1.3}.welcome-copy p{margin:8px 0}.welcome-copy p:not(:first-child){font-size:20px}.welcome-otter{width:100%;height:auto;margin-top:20px}.large-input,.number-label input,.time-input input,.time-input select,.times select{font:inherit;color:inherit;background:#fff;border:1px solid #cfc6ec;border-radius:18px;min-width:0;max-width:100%;padding:16px;font-size:20px}.large-input{width:100%;margin:24px 0}.number-label{text-align:center;flex-direction:column;gap:16px;margin:24px 0;display:flex}.number-label input{text-align:center;width:100%;font-size:32px}.number-label>span:first-child{color:#77718c;font-size:14px}.number-label>span:last-child{font-size:20px}.unit-toggle{justify-content:center;gap:8px;display:flex}.unit-toggle button,.meal-count button{min-height:48px;color:inherit;background:#fff;border:2px solid #e4dff3;border-radius:20px;padding:16px 22px}.unit-toggle button[aria-pressed=true],.meal-count button[aria-pressed=true]{background:#eeeaff;border-color:#7267f0}.meal-count{flex-wrap:wrap;justify-content:center;gap:12px;margin:30px 0;display:flex}.meal-count button{font-size:30px}.meal-count small{margin-top:8px;font-size:13px;display:block}.times>label{justify-content:space-between;align-items:center;gap:12px;display:flex}.time-input{border:0;gap:10px;padding:16px 0;display:flex}.time-input input,.time-input select{flex:1;width:30%}.time-input legend{padding:12px 0;line-height:1.5}.otter-shell{width:100%;color:inherit;white-space:pre-line;background:0 0;border:0;line-height:1.5}.otter-shell.is-open .step-art{animation:.7s otter-bounce}.summary-list{margin:24px 0}.summary-list>div{background:#fff;border-radius:20px;margin-bottom:12px;padding:18px}.summary-list dt{color:#77718c;white-space:pre-line;font-size:13px}.summary-list dd{margin:8px 0 0;font-size:17px;line-height:1.5}.summary-list dt button{float:right}.flow-error{background:#fff0e5;border-radius:16px;margin:12px 0;padding:12px 16px;font-size:14px;line-height:1.5}.save-status{text-align:center;color:#77718c;margin:8px 0 0;font-size:12px}.clear-draft{margin:auto;font-size:12px;display:block}.step-enter{animation:.3s ease-out step-enter}.onboarding-shell button:focus-visible,.onboarding-shell input:focus-visible,.onboarding-shell select:focus-visible,.onboarding-shell a:focus-visible{outline-offset:3px;outline:3px solid #7267f0}@keyframes step-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes otter-bounce{50%{transform:translateY(-15px)rotate(3deg)}}@media (width>=600px){.onboarding-shell{border-radius:32px;min-height:calc(100dvh - 56px);margin:28px auto;overflow:clip;box-shadow:0 18px 64px #35305814}}@media (width<=360px){.onboarding-content,.onboarding-header,.onboarding-footer{padding-left:18px;padding-right:18px}.onboarding-content h1{font-size:25px}}@media (prefers-reduced-motion:reduce){.step-enter,.otter-shell.is-open .step-art{animation:none}.flow-primary:not(:disabled):active{transform:none}}.native-motion{width:min(100%,300px);margin:12px auto}.native-motion svg{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.choice,.choice-icon,.choice-check,.choice-check img{transition:none}}.onboarding-content h1:focus{outline:none}