*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#0e0e12;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;background:#fff;min-height:100vh;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}a{color:inherit}#app{min-height:100vh}:root{--grad:linear-gradient(135deg, #ff4d8f 0%, #e5379b 30%, #b936d7 65%, #6e45e2 100%);--grad-cta:linear-gradient(135deg, #ff4d8f 0%, #b936d7 60%, #6e45e2 100%);--ink-1:#0e0e12;--ink-2:#3a3a42;--body:#5a5a65;--muted:#7a7a85;--muted-2:#9b9ba3;--placeholder:#b0b0b8;--divider:#c8c8ce;--border:#e4e4ea;--border-2:#eaeaee;--surface-1:#efeff3;--surface-2:#f2f2f4;--surface-3:#f5f5f7;--chrome:#fafafc}.serif{font-family:Fraunces,Times New Roman,serif;font-style:italic;font-weight:300}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.blob{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.blob-1{opacity:.55;background:radial-gradient(circle,#ffb8d6 0%,#0000 70%)}.blob-2{opacity:.5;background:radial-gradient(circle,#c8b0ff 0%,#0000 70%)}.blob-3{opacity:.35;background:radial-gradient(circle,#ff8fb8 0%,#0000 70%)}.progress-dots{align-items:center;gap:6px;display:inline-flex}.progress-dots span{background:#dedee3;border-radius:3px;width:6px;height:6px;transition:all .3s}.progress-dots span.active{background:var(--grad);width:22px}.headline{letter-spacing:-2.4px;max-width:880px;margin:0 0 28px;font-family:Inter,system-ui,sans-serif;font-size:clamp(36px,4.6vw,68px);font-weight:600;line-height:1}.sub{color:var(--body);max-width:580px;margin:0 auto 40px;font-size:18px;line-height:1.55}.step-meta{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px;font-size:11px;font-weight:600}.input-block{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:540px;display:flex}.input-label{letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.input-wrap{border:1.5px solid var(--border);background:#fff;border-radius:18px;align-items:center;gap:12px;width:100%;padding:8px 8px 8px 28px;transition:border-color .25s,box-shadow .25s;display:flex;box-shadow:0 14px 50px -28px #6e45e240}.input-wrap:focus-within{background-image:linear-gradient(#fff, #fff), var(--grad);background-origin:border-box;background-clip:padding-box,border-box;border-color:#0000;box-shadow:0 22px 60px -22px #e5379b59}.input-wrap input{color:var(--ink-1);background:0 0;border:none;outline:none;flex:1;padding:16px 0;font-family:inherit;font-size:17px;font-weight:500}.input-wrap input::placeholder{color:var(--placeholder);font-weight:400}.send-btn{cursor:pointer;background:var(--grad-cta);color:#fff;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .15s,opacity .2s;display:flex;box-shadow:0 10px 24px -6px #e5379b80}.send-btn:active{transform:scale(.96)}.send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.cta{cursor:pointer;background:var(--grad-cta);color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s,opacity .2s;display:inline-flex;box-shadow:0 14px 30px -10px #e5379b80}.cta:active{transform:scale(.98)}.cta:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.cta-back{color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;padding:14px 18px;font-weight:500}.cta-back:hover{color:var(--ink-1)}.actions{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:8px;display:flex}.field-pair{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.field{text-align:left;flex-direction:column;gap:8px;display:flex}.field-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);padding-left:4px;font-size:11px;font-weight:600}.field-wrap{border:1.5px solid var(--border);background:#fff;border-radius:14px;align-items:center;gap:8px;padding:4px 4px 4px 18px;transition:border-color .2s;display:flex}.field-wrap:focus-within{background-image:linear-gradient(#fff, #fff), var(--grad);background-origin:border-box;background-clip:padding-box,border-box;border-color:#0000}.field-wrap input{font:inherit;background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:15px}.field-wrap input::placeholder{color:var(--placeholder)}.field-icon{color:var(--placeholder);align-items:center;display:flex}.optin{text-align:left;align-items:flex-start;gap:10px;width:100%;margin-top:4px;padding:4px;display:flex}.check{border:1.5px solid var(--divider);cursor:pointer;background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.check.checked{background:var(--grad);border-color:#0000}.check.checked svg{display:block}.check svg{display:none}.optin-label{color:var(--body);font-size:12px;line-height:1.5}.optin-label a{color:var(--ink-1);text-decoration:underline}.voice-stack{flex-direction:column;gap:14px;width:100%;display:flex}.voice-row{border:1.5px solid var(--border);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:12px;padding:14px 14px 14px 20px;transition:border-color .2s;display:flex}.voice-row:focus-within,.voice-row.recording{background-image:linear-gradient(#fff, #fff), var(--grad);background-origin:border-box;background-clip:padding-box,border-box;border-color:#0000}.voice-num{background:var(--grad);color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.voice-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.voice-q{color:var(--ink-1);font-size:14px;font-weight:600}.voice-input{font:inherit;color:var(--ink-1);background:0 0;border:none;outline:none;width:100%;padding:4px 0;font-size:14px}.voice-input::placeholder{color:var(--placeholder)}.mic-btn{cursor:pointer;background:var(--surface-3);width:40px;height:40px;color:var(--ink-1);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mic-btn:hover{background:#ececee}.mic-btn.active{background:var(--grad);color:#fff}.wave{align-items:center;gap:2px;height:18px;display:flex}.wave span{background:currentColor;border-radius:1px;width:2px;animation:1s ease-in-out infinite wv;display:block}@keyframes wv{0%,to{height:30%}50%{height:100%}}.logo{color:#4a4a52;opacity:.62;white-space:nowrap;align-items:center;font-weight:700;line-height:1;text-decoration:none;transition:opacity .2s;display:inline-flex}.logo:hover{opacity:1}.logo-img img{object-fit:contain;width:auto;height:24px;display:block}.logo-granado img{height:30px}.logo-belongbe img{height:22px}.logo-text{font-weight:700}.logo-renner{letter-spacing:1.5px;font-size:18px}.fade-enter-active,.fade-leave-active{transition:opacity .45s,transform .45s;position:absolute;left:0;right:0}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}.fade-enter-to,.fade-leave-from{opacity:1;transform:translateY(0)}@media (width<=768px){.headline{letter-spacing:-1.2px;font-size:32px;line-height:1.04}.headline.compact{letter-spacing:-1px;font-size:26px;line-height:1.1}.headline .serif{letter-spacing:-1.4px}.sub{margin:0 0 28px;font-size:14.5px;line-height:1.55}.input-wrap{border-radius:14px;padding:6px 6px 6px 18px;box-shadow:0 14px 40px -22px #6e45e240}.input-wrap input{padding:12px 0;font-size:16px}.send-btn{border-radius:12px;width:42px;height:42px}.field-pair{grid-template-columns:1fr;gap:12px}.actions{justify-content:space-between}.cta{padding:14px 22px;font-size:14px}}.skincare-root{--grad-pink:#ff4d8f;--grad-magenta:#e5379b;--grad-violet:#b936d7;--grad-purple:#6e45e2;--gradient:linear-gradient(135deg, #ff4d8f 0%, #e5379b 30%, #b936d7 65%, #6e45e2 100%);--gradient-vert:linear-gradient(180deg, #ff4d8f 0%, #e5379b 25%, #b936d7 60%, #6e45e2 100%);--ink-900:#0e0e12;--ink-700:#3a3a42;--ink-500:#7a7a85;--ink-300:#b8b8bf;--line:#eaeaee;--line-2:#f0f0f2;--bg:#fff;--bg-soft:#f5f5f7;--bg-bubble:#f2f2f4;--success:#1f8a5b;--success-soft:#e5f4ec;--danger:#ee3a3a;--danger-soft:#fce8e8;--font-sans:"Inter","Söhne","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:22px;--r-2xl:28px;--r-pill:999px;--shadow-cta:0 8px 22px -8px #0e0e1266;--shadow-card:0 16px 40px -20px #0000001a;--shadow-soft:0 8px 20px -16px #0000001a;--shadow-pink:0 8px 22px -8px #e5379b8c;--content-max:1200px;--gutter:20px;--ease:cubic-bezier(.2, .8, .2, 1);font-family:var(--font-sans);color:var(--ink-900);background:var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-size:15px;line-height:1.5;display:flex}.skincare-root *,.skincare-root :before,.skincare-root :after{box-sizing:border-box}.skincare-root .app-chrome{z-index:30;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}.skincare-root .app-chrome--invert{color:#fff;background:#0e0e12d9;border-bottom:1px solid #ffffff14}.skincare-root .app-chrome--bare{background:0 0;border-bottom:none}.skincare-root .chrome-inner{max-width:var(--content-max);padding:14px var(--gutter);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.skincare-root .progress-pill{letter-spacing:.4px;color:var(--ink-500);align-items:center;gap:10px;font-size:12px;font-weight:600;display:inline-flex}.skincare-root .app-chrome--invert .progress-pill{color:#ffffffb3}.skincare-root .chrome-back{border:1px solid var(--line);width:36px;height:36px;color:var(--ink-900);cursor:pointer;transition:background .15s var(--ease);background:#fff;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.skincare-root .chrome-back:hover{background:var(--bg-soft)}.skincare-root .chrome-back:disabled{opacity:.4;cursor:not-allowed}.skincare-root .app-chrome--invert .chrome-back{color:#fff;background:#ffffff0f;border-color:#ffffff26}.skincare-root .app-chrome--invert .chrome-back:hover{background:#ffffff1f}.skincare-root .brand-mark{letter-spacing:-.4px;color:inherit;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.skincare-root .brand-mark .dot{background:var(--gradient);border-radius:999px;width:22px;height:22px;display:inline-block;position:relative}.skincare-root .brand-mark .dot:after{content:"";background:#fff;border-radius:999px;position:absolute;inset:6px}.skincare-root .app-chrome--invert .brand-mark .dot:after{background:#0e0e12}.skincare-root .btn{border-radius:var(--r-pill);letter-spacing:.1px;cursor:pointer;transition:transform .15s var(--ease), background .15s var(--ease), opacity .15s var(--ease);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.skincare-root .btn:active:not(:disabled){transform:scale(.98)}.skincare-root .btn:disabled{opacity:.4;cursor:not-allowed}.skincare-root .btn--lg{padding:16px 28px;font-size:16px}.skincare-root .btn--sm{padding:10px 16px;font-size:13px}.skincare-root .btn--primary{background:var(--ink-900);color:#fff;box-shadow:var(--shadow-cta)}.skincare-root .btn--primary:hover:not(:disabled){background:#1c1c22}.skincare-root .btn--inverse{color:var(--ink-900);background:#fff}.skincare-root .btn--inverse:hover:not(:disabled){background:#f3f3f5}.skincare-root .btn--gradient{background:var(--gradient);color:#fff;box-shadow:var(--shadow-pink)}.skincare-root .btn--ghost{color:var(--ink-900);border:1.5px solid var(--line);background:0 0}.skincare-root .btn--ghost:hover:not(:disabled){background:var(--bg-soft)}.skincare-root .btn--full{width:100%}.skincare-root .field{flex-direction:column;gap:6px;display:flex}.skincare-root .field-label{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:600}.skincare-root .field-input{border:1.5px solid var(--line);border-radius:var(--r-md);width:100%;color:var(--ink-900);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#fff;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;display:block}.skincare-root .field-input::placeholder{color:var(--ink-300)}.skincare-root .field-input:focus{border-color:var(--ink-900);box-shadow:0 0 0 3px #0e0e120f}.skincare-root textarea.field-input{resize:vertical;min-height:96px;line-height:1.5}.skincare-root .field--invert .field-input{color:#fff;background:#ffffff0f;border-color:#ffffff2e}.skincare-root .field--invert .field-input::placeholder{color:#fff6}.skincare-root .field--invert .field-input:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff1a}.skincare-root .field-help{color:var(--ink-500);font-size:12px}.skincare-root .field-error{color:var(--danger);align-items:center;gap:6px;font-size:12px;display:flex}.skincare-root .check-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;display:flex}.skincare-root .check-row input{display:none}.skincare-root .check-box{border:1.5px solid var(--line);width:20px;height:20px;transition:all .15s var(--ease);background:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.skincare-root .check-row input:checked+.check-box{background:var(--ink-900);border-color:var(--ink-900)}.skincare-root .check-row input:checked+.check-box svg{opacity:1}.skincare-root .check-box svg{opacity:0;color:#fff}.skincare-root .check-row--invert .check-box{background:0 0;border-color:#fff6}.skincare-root .check-row--invert input:checked+.check-box{background:#fff;border-color:#fff}.skincare-root .check-row--invert input:checked+.check-box svg{color:var(--ink-900)}.skincare-root .check-text{color:var(--ink-700);font-size:13px;line-height:1.5}.skincare-root .check-row--invert .check-text{color:#ffffffd9}.skincare-root .check-text a{color:inherit;text-decoration:underline}.skincare-root .goal-pill{border:1.5px solid var(--line);border-radius:var(--r-md);cursor:pointer;transition:all .15s var(--ease);-webkit-user-select:none;user-select:none;background:#fff;align-items:center;gap:10px;padding:14px 16px;display:flex}.skincare-root .goal-pill:hover{border-color:var(--ink-300)}.skincare-root .goal-pill input{display:none}.skincare-root .goal-pill .goal-check{border:1.5px solid var(--line);width:18px;height:18px;transition:all .15s var(--ease);background:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.skincare-root .goal-pill .goal-label{color:var(--ink-700);font-size:14px;font-weight:500}.skincare-root .goal-pill[data-checked=true]{border-color:var(--ink-900);background:var(--bg-soft)}.skincare-root .goal-pill[data-checked=true] .goal-check{background:var(--ink-900);border-color:var(--ink-900);color:#fff}.skincare-root .goal-pill[data-checked=true] .goal-label{color:var(--ink-900);font-weight:600}.skincare-root .radio-row{flex-wrap:wrap;gap:10px;display:flex}.skincare-root .radio-chip{border-radius:var(--r-pill);border:1.5px solid var(--line);color:var(--ink-700);cursor:pointer;transition:all .15s var(--ease);background:#fff;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500}.skincare-root .radio-chip:hover{border-color:var(--ink-300)}.skincare-root .radio-chip[data-active=true]{background:var(--ink-900);border-color:var(--ink-900);color:#fff;font-weight:600}.skincare-root .h-display{letter-spacing:-1.2px;text-wrap:pretty;margin:0;font-size:clamp(28px,5vw,44px);font-weight:700;line-height:1.05}.skincare-root .h-section{letter-spacing:-.6px;margin:0;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.15}.skincare-root .lede{color:var(--ink-700);text-wrap:pretty;font-size:15px;line-height:1.55}.skincare-root .muted{color:var(--ink-500)}.skincare-root .gradient-text{background-image:var(--gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.skincare-root .lgpd-badge{background:var(--bg-soft);border-radius:var(--r-md);color:var(--ink-700);align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.45;display:inline-flex}.skincare-root .lgpd-badge svg{flex-shrink:0;margin-top:1px}@keyframes skincareFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skincare-root .fade-up{animation:skincareFadeUp .4s var(--ease) both}.skincare-root .delay-1{animation-delay:80ms}.skincare-root .delay-2{animation-delay:.16s}.skincare-root .delay-3{animation-delay:.24s}.skincare-root .delay-4{animation-delay:.32s}.skincare-root .delay-5{animation-delay:.4s}@keyframes skincareScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.skincare-root .scale-in{animation:skincareScaleIn .5s var(--ease) both}.skincare-root .screen{flex-direction:column;flex:1 0 auto;width:100%;display:flex}.skincare-root .welcome{background:var(--ink-900);color:#fff;grid-template-columns:1fr;min-height:calc(100vh - 65px);display:grid}.skincare-root .welcome-image{background:var(--ink-900);min-height:38vh;position:relative;overflow:hidden}.skincare-root .welcome-image .photo{filter:saturate(1.05);background-image:url(/skincare/tela-01-hero.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.skincare-root .welcome-image .photo-overlay{background:linear-gradient(#0e0e1200 60%,#0e0e12f2 100%);position:absolute;inset:0}.skincare-root .welcome-content{padding:36px var(--gutter) 48px;flex-direction:column;justify-content:center;gap:24px;display:flex}.skincare-root .welcome-content .h-display{color:#fff}.skincare-root .welcome-content .lede{color:#ffffffc7;max-width:460px}.skincare-root .welcome-form{flex-direction:column;gap:16px;max-width:460px;display:flex}@media (width>=900px){.skincare-root .welcome{grid-template-columns:1.05fr 1fr;min-height:calc(100vh - 65px)}.skincare-root .welcome-image{min-height:auto}.skincare-root .welcome-image .photo-overlay{background:linear-gradient(90deg,#0e0e1200 65%,#0e0e1280 100%)}.skincare-root .welcome-content{gap:28px;padding:64px 64px 64px 56px}}.skincare-root .selfie{background:var(--bg-soft);flex-direction:column;flex:1;display:flex}.skincare-root .selfie-grid{max-width:var(--content-max);padding:24px var(--gutter) 40px;grid-template-columns:1fr;gap:24px;width:100%;margin:0 auto;display:grid}@media (width>=900px){.skincare-root .selfie-grid{padding:56px var(--gutter);grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:56px}}.skincare-root .camera-frame{border-radius:var(--r-2xl);aspect-ratio:1;width:100%;max-width:460px;box-shadow:var(--shadow-card);background:#1a1a1f;margin:0 auto;position:relative;overflow:hidden}.skincare-root .camera-frame video,.skincare-root .camera-frame img,.skincare-root .camera-frame .photo-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.skincare-root .camera-frame .photo-bg{background-position:50%;background-size:cover}.skincare-root .face-guide{aspect-ratio:1/1.15;pointer-events:none;border:2px dashed #ffffff73;border-radius:50%;width:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skincare-root .face-guide.captured{border-style:solid;border-color:#1f8a5be6}.skincare-root .tip-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.skincare-root .tip-row{color:var(--ink-700);align-items:flex-start;gap:12px;font-size:14px;display:flex}.skincare-root .tip-num{background:var(--bg);border:1px solid var(--line);width:24px;height:24px;color:var(--ink-900);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.skincare-root .selfie-actions{flex-direction:column;gap:10px;display:flex}.skincare-root .selfie-actions .btn{width:100%}.skincare-root .selfie-or{text-align:center;color:var(--ink-500);letter-spacing:.4px;text-transform:uppercase;font-size:12px}.skincare-root .captured-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.skincare-root .file-input{display:none}.skincare-root .form-wrap{max-width:720px;padding:32px var(--gutter) 120px;flex-direction:column;gap:32px;width:100%;margin:0 auto;display:flex}.skincare-root .form-section{flex-direction:column;gap:12px;display:flex}.skincare-root .form-section-head{flex-direction:column;gap:4px;display:flex}.skincare-root .form-section-title{letter-spacing:-.3px;color:var(--ink-900);align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.skincare-root .form-section-title .req{color:var(--danger);font-size:14px;font-weight:600}.skincare-root .form-section-help{color:var(--ink-500);font-size:13px}.skincare-root .goal-stack{flex-direction:column;gap:8px;display:flex}.skincare-root .form-footer{z-index:20;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:14px var(--gutter);background:#ffffffeb;position:fixed;bottom:0;left:0;right:0}.skincare-root .form-footer-inner{justify-content:space-between;align-items:center;gap:12px;max-width:720px;margin:0 auto;display:flex}.skincare-root .form-counter{color:var(--ink-500);font-size:13px}.skincare-root .form-counter b{color:var(--ink-900);font-weight:600}.skincare-root .results{background:var(--bg);flex:1}.skincare-root .results-inner{max-width:var(--content-max);padding:32px var(--gutter) 48px;flex-direction:column;gap:24px;width:100%;margin:0 auto;display:flex}.skincare-root .results-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=900px){.skincare-root .results-grid{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:48px}.skincare-root .results-grid--single{grid-template-columns:minmax(0,1fr)}}.skincare-root .results-col{flex-direction:column;gap:18px;min-width:0;display:flex}.skincare-root .result-photo{border-radius:var(--r-xl);aspect-ratio:3/4;width:100%;max-width:380px;box-shadow:var(--shadow-card);background:#f0e8e0;margin:0 auto;position:relative;overflow:hidden}.skincare-root .result-photo .photo{object-fit:cover;object-position:center top;width:100%;height:100%;display:block;position:absolute;inset:0}.skincare-root .result-photo .photo-tag{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.4px;text-transform:uppercase;background:#0e0e12b3;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:14px;left:14px}.skincare-root .metric-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px;display:grid}@media (width>=600px){.skincare-root .metric-grid{grid-template-columns:repeat(3,1fr)}}.skincare-root .metric-card{--metric-color:#9ca3af;--metric-tint:#f4f4f2;background:var(--metric-tint);border:1px solid var(--line);border-radius:var(--r-lg);text-align:left;font:inherit;color:inherit;appearance:none;flex-direction:column;gap:8px;padding:14px 14px 12px;display:flex;position:relative;overflow:hidden}.skincare-root .metric-card:before{content:"";background:var(--metric-color);width:3px;position:absolute;top:0;bottom:0;left:0}.skincare-root .metric-card--link{cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease)}.skincare-root .metric-card--link:hover{border-color:var(--metric-color);transform:translateY(-1px);box-shadow:0 6px 20px -10px #0e0e122e}.skincare-root .metric-card--link:focus-visible{outline:2px solid var(--metric-color);outline-offset:2px}.skincare-root .metric-card-cue{letter-spacing:.3px;text-transform:uppercase;color:var(--metric-color);opacity:.9;align-items:center;gap:4px;margin-top:2px;font-size:10px;font-weight:600;display:inline-flex}.skincare-root .metric-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.skincare-root .metric-name{color:var(--ink-700);letter-spacing:.2px;font-size:12px;font-weight:600}.skincare-root .metric-score{color:var(--metric-color);letter-spacing:.2px;align-items:baseline;gap:1px;font-size:11px;font-weight:600;display:inline-flex}.skincare-root .metric-score b{letter-spacing:-.4px;font-size:18px;font-weight:700;line-height:1}.skincare-root .metric-score-max{opacity:.7}.skincare-root .metric-dots{gap:4px;margin-top:2px;display:flex}.skincare-root .metric-dot{height:6px;transition:background .3s var(--ease);background:#0e0e1214;border-radius:3px;flex:1}.skincare-root .metric-dot.on{background:var(--metric-color)}.skincare-root .metric-s1{--metric-color:#e14b4b;--metric-tint:#fdecec}.skincare-root .metric-s2{--metric-color:#e68a2e;--metric-tint:#fdf1e4}.skincare-root .metric-s3{--metric-color:#c9a227;--metric-tint:#faf4de}.skincare-root .metric-s4{--metric-color:#4fa363;--metric-tint:#ecf6ee}.skincare-root .metric-s5{--metric-color:#1f8a5b;--metric-tint:#e3f2ea}.skincare-root .metric-legend{color:var(--ink-500);letter-spacing:.2px;align-items:center;gap:8px;padding:0 2px;font-size:11px;display:flex}.skincare-root .metric-legend-spacer{background:linear-gradient(90deg,#e14b4b 0%,#e68a2e 25%,#c9a227 50%,#4fa363 75%,#1f8a5b 100%);border-radius:2px;flex:1;height:4px}.skincare-root .metric-legend-dot{border-radius:999px;flex:none;width:8px;height:8px}.skincare-root .metric-legend-dot--bad{background:#e14b4b}.skincare-root .metric-legend-dot--good{background:#1f8a5b}.skincare-root .ai-analysis{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-soft);background:#fff;flex-direction:column;gap:12px;padding:20px 20px 8px;display:flex}.skincare-root .ai-analysis-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.skincare-root .ai-analysis-badge{background:var(--ink-900);color:#fff;letter-spacing:.3px;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.skincare-root .ai-analysis-sub{color:var(--ink-500);font-size:12px}.skincare-root .ai-analysis-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.skincare-root .ai-row{--metric-color:#9ca3af;border-top:1px solid var(--line-2);transition:background .2s var(--ease);border-radius:8px;flex-direction:column;gap:6px;padding:14px 0;scroll-margin-top:96px;display:flex}.skincare-root .ai-row:first-child{border-top:none;padding-top:4px}.skincare-root .ai-row.is-pulsed{background:color-mix(in srgb, var(--metric-color,#9ca3af) 12%, transparent);animation:skincareAiRowPulse 1.4s var(--ease) both}@keyframes skincareAiRowPulse{0%{background:color-mix(in srgb, var(--metric-color,#9ca3af) 20%, transparent)}to{background:0 0}}.skincare-root .ai-row-head{align-items:center;gap:8px;display:flex}.skincare-root .ai-row-dot{background:var(--metric-color);border-radius:999px;flex:none;width:8px;height:8px}.skincare-root .ai-row.metric-s1 .ai-row-dot,.skincare-root .ai-row.metric-s2 .ai-row-dot{background:#e14b4b}.skincare-root .ai-row.metric-s3 .ai-row-dot{background:#f2c319}.skincare-root .ai-row.metric-s4 .ai-row-dot,.skincare-root .ai-row.metric-s5 .ai-row-dot{background:#1f8a5b}.skincare-root .ai-row-name{color:var(--ink-900);flex:1;font-size:13px;font-weight:600}.skincare-root .ai-row-score{color:var(--metric-color);letter-spacing:.2px;font-size:11px;font-weight:700}.skincare-root .ai-row-body{color:var(--ink-700);text-wrap:pretty;font-size:13px;line-height:1.55}.skincare-root .results-actions{gap:12px;margin-top:4px;display:flex}.skincare-root .email-opt{background:var(--bg-soft);border-radius:var(--r-lg);border:1px solid var(--line);flex-direction:column;gap:10px;padding:16px;display:flex}.skincare-root .products{background:var(--bg-soft);flex:1;padding-bottom:96px}.skincare-root .products-inner{max-width:720px;padding:32px var(--gutter) 32px;width:100%;margin:0 auto}.skincare-root .products-head{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.skincare-root .p-list{flex-direction:column;gap:24px;display:flex}.skincare-root .p-item{flex-direction:column;gap:10px;display:flex}.skincare-root .p-step-head{align-items:center;gap:10px;display:flex}.skincare-root .p-step-num{background:var(--ink-900);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.skincare-root .p-step-label{text-transform:uppercase;letter-spacing:.4px;color:var(--ink-700);font-size:13px;font-weight:600}.skincare-root .p-card{border-radius:var(--r-xl);border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fff;flex-direction:column;display:flex;overflow:hidden}.skincare-root .p-image{aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.skincare-root .p-image svg{width:56%;height:auto}.skincare-root .p-body{flex-direction:column;gap:8px;padding:18px 20px 20px;display:flex}.skincare-root .p-brand{letter-spacing:.6px;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:600}.skincare-root .p-name{letter-spacing:-.3px;color:var(--ink-900);font-size:17px;font-weight:700;line-height:1.2}.skincare-root .p-why{color:var(--ink-700);text-wrap:pretty;font-size:14px;line-height:1.55}.skincare-root .p-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.skincare-root .p-tag{background:var(--bg-soft);color:var(--ink-700);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:500}.skincare-root .alter-card{border-radius:var(--r-xl);border:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px 24px;display:flex}.skincare-root .alter-card .question{color:var(--ink-900);font-size:15px;font-weight:600}.skincare-root .ai-footer{-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:12px var(--gutter);z-index:20;background:#ffffffeb;position:fixed;bottom:0;left:0;right:0}.skincare-root .ai-footer-inner{align-items:center;gap:8px;max-width:720px;margin:0 auto;display:flex}.skincare-root .ai-input-shell{background:var(--gradient);border-radius:999px;flex:1;padding:1.5px;position:relative}.skincare-root .ai-input-shell input{background:#fff;border:none;border-radius:999px;outline:none;width:100%;padding:12px 50px 12px 18px;font-family:inherit;font-size:14px}.skincare-root .ai-input-shell input::placeholder{color:var(--ink-500)}.skincare-root .ai-input-shell .send-btn{background:var(--ink-900);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.skincare-root .loading-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;color:#fff;text-align:center;background:#0e0e12d9;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:fixed;inset:0}.skincare-root .loading-overlay .spinner{border:3px solid #fff3;border-top-color:#fff;border-radius:999px;width:48px;height:48px;animation:.8s linear infinite skincareSpin}@keyframes skincareSpin{to{transform:rotate(360deg)}}.skincare-root .loading-overlay .label{letter-spacing:.2px;opacity:.85;font-size:14px;font-weight:500}