.beauty-app-shell.beauty-onboarding{max-width:680px;min-height:100svh;padding-bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.onboarding-header{color:#655b60;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:10px 8px;display:grid}.onboarding-back{width:44px;height:44px;color:inherit;border-radius:50%;place-items:center;display:grid}.onboarding-back:disabled{opacity:.45}.onboarding-milestone-title{text-align:center;text-wrap:balance;align-content:center;min-height:3lh;font-size:16px;font-weight:650;line-height:1.3;display:grid}.onboarding-stepper{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.onboarding-stepper li{color:#807077;justify-items:center;gap:6px;display:grid}.onboarding-stepper-button{width:44px;height:44px;color:inherit;cursor:pointer;border-radius:50%;place-items:center;margin-block:-8px;display:grid}.onboarding-stepper-marker{background:#f0e9ea;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.onboarding-stepper [aria-current=step] .onboarding-stepper-marker{color:#74485c;background:#eedbe2}.onboarding-stepper-popover{width:min(224px, var(--radix-popover-content-available-width));color:#443a40;background:snow;border:1px solid #e6dcde;border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.45}.onboarding-stepper-popover p{margin:4px 0 0}.onboarding-stepper-track{background:#eee4e5;border-radius:8px;width:100%;height:4px;overflow:hidden}.onboarding-stepper-track>span{border-radius:inherit;background:#b78391;height:100%;display:block}.onboarding-intro{margin:28px 0 12px}.onboarding-eyebrow{color:#94717d;align-items:center;gap:7px;margin-bottom:12px;font-size:13px;display:flex}.beauty-onboarding h1{letter-spacing:-1.1px;outline:none;max-width:460px;font-family:inherit;font-size:clamp(29px,7.3vw,38px);font-weight:600;line-height:1.15}.beauty-onboarding p{color:#655b60;margin:12px 0 18px;font-size:17px;line-height:1.55}.onboarding-intro+p{margin-top:0}.onboarding-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:4px 0 14px;display:grid}.onboarding-choices button{color:#443a40;text-align:left;background:#ffffffa6;border:1px solid #e6dcde;border-radius:20px;justify-content:space-between;align-items:center;gap:10px;min-height:68px;padding:16px;font-size:17px;transition:background .15s,border-color .15s;display:flex}.onboarding-choices button svg{flex-shrink:0}.onboarding-choices button[aria-pressed=true]{background:#f4e5e9;border-color:#b87e91;box-shadow:0 3px 12px #b87e9112}.onboarding-choices button:focus-visible{outline-offset:3px;outline:2px solid #9f657c}.onboarding-choices button:disabled{opacity:.5}.onboarding-choices button:first-child:last-child{grid-column:1/-1}.onboarding-feedback,.onboarding-note{color:#855d6d;background:#f4eaec;border-radius:22px;align-items:flex-start;gap:12px;margin:20px 0;padding:18px;display:flex}.onboarding-feedback svg,.onboarding-note svg{flex-shrink:0;margin-top:5px}.onboarding-feedback p,.onboarding-note p{margin:0;font-size:15px}.onboarding-feedback{color:#9a7962;background:#f6f0e9;animation:.2s onboarding-appear}.beauty-onboarding .onboarding-small{color:#82767c;font-size:14px}.beauty-onboarding .face-primary{border-radius:28px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin:14px 0;display:flex}.beauty-onboarding .face-secondary{text-align:center;justify-content:center;align-items:center;gap:8px;margin:13px auto;padding:12px 16px;display:flex}.onboarding-actions{grid-template-rows:minmax(60px,auto) minmax(44px,auto);align-content:start;gap:4px;margin-top:auto;padding-top:24px;display:grid}.beauty-onboarding .onboarding-actions>.face-primary{min-height:60px;margin:0;font-size:17px}.beauty-onboarding .onboarding-actions>.face-secondary{min-height:44px;margin:0 auto;padding-block:8px}.beauty-onboarding>label{color:#63545e;margin:20px 0;font-size:15px;line-height:1.5;display:block}.beauty-onboarding textarea{resize:vertical;background:#fff9;border:1px solid #dfd1d7;border-radius:18px;width:100%;min-height:100px;margin-top:9px;padding:16px;font-size:16px;display:block}.onboarding-badges{gap:12px;margin:24px 0;display:grid}.onboarding-badges article{background:#ffffff80;border:1px solid #eee1e6;border-radius:20px;padding:18px}.onboarding-badges article p{margin:12px 0 0;font-size:14px}.onboarding-badges .product-function-badge{color:#865f72;background:#f2e8ec;border-radius:99px;align-items:center;gap:7px;padding:8px 12px;font-size:14px;display:inline-flex}.onboarding-data{border-top:1px solid #e8dfe3;margin-top:32px;padding-top:20px}.onboarding-data summary{color:#8b7782;cursor:pointer;font-size:13px}.onboarding-data p{font-size:13px}@keyframes onboarding-appear{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.onboarding-feedback{animation:none}}@media (width<=360px){.onboarding-choices{grid-template-columns:1fr}}.onboarding-age-feedback{gap:16px;margin:28px 0 18px;display:grid}.onboarding-age-tip{color:#416333;background:#e8eee1;border:1px solid #aab995;border-radius:20px;align-items:center;gap:clamp(12px,4vw,22px);min-height:178px;padding:clamp(16px,4vw,24px);display:flex}.onboarding-age-tip>:last-child{min-width:0}.onboarding-age-tip-caution{color:#983d57;background:#f4e6e9;border-color:#cb91a3}.onboarding-age-tip-photo{flex:0 0 clamp(78px,30%,155px);justify-content:center;align-items:center;display:flex}.onboarding-age-tip-photo img{object-fit:contain;mix-blend-mode:multiply;width:100%;max-height:170px;display:block}.onboarding-age-tip-photo img:not(:only-child){flex-shrink:0;width:64%;min-width:0}.onboarding-age-tip-photo img+img{margin-left:-28%;transform:translateY(8px)}.onboarding-age-tip h2{color:#141419;margin:7px 0;font-family:inherit;font-size:clamp(19px,5vw,25px);font-weight:700;line-height:1.18}.beauty-onboarding .onboarding-age-tip p{margin:0;font-size:15px;line-height:1.45}.beauty-onboarding .onboarding-age-tip .onboarding-age-example{color:#783348;overflow-wrap:anywhere;margin-top:8px;font-size:12px}.beauty-app-shell.beauty-onboarding[data-step=skin]{height:100dvh;min-height:0}.beauty-onboarding[data-step=skin]>:not(.onboarding-skin-choices){flex-shrink:0}.beauty-onboarding[data-step=skin] .onboarding-actions{grid-template-rows:auto;padding-top:12px}.onboarding-skin-choices{overscroll-behavior:contain;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;min-height:0;padding:2px 2px 8px;overflow-y:auto}.onboarding-skin-choices button{text-align:center;grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;padding:8px 8px 12px;display:grid;position:relative}.onboarding-skin-choices img{aspect-ratio:3/2;object-fit:cover;background:#f4eaec;border-radius:12px;width:100%;height:auto;display:block}.onboarding-skin-copy{gap:4px;padding:0 3px;display:grid}.onboarding-skin-copy strong{font-weight:700}.onboarding-skin-copy small{color:#655b60;font-size:14px;line-height:1.3}.onboarding-skin-choices button[data-unknown]{background:#e9f0e2;border-color:#c0ceb5}.onboarding-skin-choices button[data-unknown][aria-pressed=true]{background:#dce9d3;border-color:#788d6b}.onboarding-skin-choices button[data-unknown] :is(.onboarding-skin-help,.onboarding-skin-check){color:#4e6645;background:#d7e5cf}.onboarding-skin-help,.onboarding-skin-check{color:#865f72;background:#f4e5e9;border-radius:50%;flex-shrink:0}.onboarding-skin-help{aspect-ratio:3/2;border-radius:12px;place-items:center;width:100%;display:grid}.onboarding-skin-check{box-sizing:content-box;padding:4px;position:absolute;top:12px;right:12px}.onboarding-scan-check{color:#526344;background:#e8eee1;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid}.onboarding-sign-in,.onboarding-sign-in-email{gap:10px;display:grid}.beauty-onboarding .onboarding-sign-in .face-primary{margin:0}.onboarding-sign-in-option{color:#443a40;background:#ffffffa6;border:1px solid #e6dcde;border-radius:28px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:10px 16px;font-weight:600;display:flex}.onboarding-sign-in button:disabled{opacity:.6}.onboarding-sign-in-email{color:#63545e;padding-top:8px}.onboarding-sign-in-email input{background:#fff9;border:1px solid #dfd1d7;border-radius:18px;width:100%;margin-top:6px;padding:12px 16px;font-size:16px;display:block}.onboarding-scan-tips-trigger{color:#526344;border-radius:24px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-weight:600;display:flex}.onboarding-scan-tips-trigger svg,.onboarding-scan-tips li svg{box-sizing:content-box;color:#526344;background:#e8eee1;border-radius:50%;flex:none;width:20px;height:20px;padding:8px}.onboarding-scan-tips{max-width:620px;max-height:90dvh;padding:28px 24px max(24px, env(safe-area-inset-bottom));background:#fdfbf9;border-radius:28px 28px 0 0;margin-inline:auto;overflow-y:auto}.onboarding-scan-tips h2{padding-right:24px;font-size:24px}.onboarding-scan-tips ul{gap:16px;margin-block:22px;display:grid}.onboarding-scan-tips li{align-items:center;gap:12px;display:flex}.onboarding-scan-tips li p{color:#655b60;font-size:14px}.onboarding-scan-tips .face-primary{width:100%;min-height:50px}.onboarding-scan-loading{text-align:center;justify-items:center;gap:12px;padding:44px 16px;display:grid}.onboarding-scan-loading p{margin:0}.onboarding-scan-loader{background:#e8ecdf;border:2px solid #69745c;border-radius:50%;width:60px;height:76px;position:relative;overflow:hidden}.onboarding-scan-loader span{background:#69745c;height:2px;animation:1.9s ease-in-out infinite alternate onboarding-scan-sweep;position:absolute;inset:50% 0 auto;box-shadow:0 0 12px 3px #69745c66}@keyframes onboarding-scan-sweep{0%{transform:translateY(-34px)}to{transform:translateY(34px)}}@media (prefers-reduced-motion:reduce){.onboarding-scan-loader span{animation:none}}.onboarding-face-map{background:#f5ecee;border-radius:22px;grid-template-columns:minmax(0,1fr) minmax(0,2.35fr) minmax(0,1fr);align-items:center;gap:clamp(4px,1.4vw,10px);padding:8px;display:grid;position:relative}.onboarding-face-map .face-map-photo{border-radius:15px;width:fit-content;max-width:100%;margin-inline:auto;position:relative;overflow:hidden}.onboarding-face-map .face-map-photo>img{width:auto;max-width:100%;height:auto;max-height:44svh;display:block}.onboarding-face-map .face-map-connections{z-index:1}.onboarding-face-map .face-map-connections path{stroke:#fffc;stroke-dasharray:3 4}.onboarding-face-map .face-marker{z-index:2;background:#ffffffa8;box-shadow:0 1px 3px #0006}.onboarding-face-labels{align-content:center;gap:5px;display:grid}.onboarding-face-labels button{color:#4b3c44;text-align:center;overflow-wrap:anywhere;border-radius:8px;min-width:0;min-height:44px;padding:4px 2px;line-height:1.2}.onboarding-face-labels button[aria-pressed=true]{background:#ead8df}.onboarding-face-labels span,.onboarding-face-labels strong{display:block}.onboarding-face-labels span{color:#6c555f;margin-bottom:3px;font-size:10px}.onboarding-face-labels strong{font-size:clamp(11px,3vw,14px)}.onboarding-face-map .face-zone-detail{z-index:3;color:#493b42;background:snow;border:1px solid #ead8df;border-radius:14px;max-width:370px;max-height:calc(100% - 24px);margin-inline:auto;padding:12px 40px 12px 14px;position:absolute;inset:auto 12px 12px;overflow-y:auto;box-shadow:0 5px 22px #3c233b40}.onboarding-face-map .face-zone-detail p{margin:5px 0 0;font-size:14px}.face-zone-close{border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:3px;right:3px}.onboarding-goal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:14px;display:grid}.onboarding-goal-grid button{min-height:60px;padding:9px 10px}