1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96680],{96680:function(e,l,s){s.r(l),s.d(l,{default:function(){return i}});var t=s(57437),o=s(2265);let r=[{q:"How is your skin texture overall?",emoji:"â",options:[{label:"Very smooth, no roughness",score:4},{label:"Mostly smooth, minor texture",score:3},{label:"Some roughness or bumps",score:2},{label:"Uneven, significant texture",score:1}]},{q:"How clear is your skin right now?",emoji:"\uD83D\uDD0D",options:[{label:"Clear â no active spots",score:4},{label:"1â3 small blemishes",score:3},{label:"4â10 active spots",score:2},{label:"Frequent breakouts",score:1}]},{q:"How even is your skin tone?",emoji:"\uD83C\uDFA8",options:[{label:"Very even, no discoloration",score:4},{label:"Mostly even, slight variation",score:3},{label:"Noticeable redness or patches",score:2},{label:"Significant hyperpigmentation",score:1}]},{q:"How visible are your pores?",emoji:"\uD83D\uDD2C",options:[{label:"Barely visible",score:4},{label:"Slightly visible up close",score:3},{label:"Moderately enlarged",score:2},{label:"Very visible / congested",score:1}]},{q:"How are your under-eye dark circles?",emoji:"\uD83D\uDE34",options:[{label:"None",score:4},{label:"Mild, barely noticeable",score:3},{label:"Moderate, noticeable",score:2},{label:"Prominent, significant",score:1}]}];function i(e){let{onComplete:l}=e,[s,i]=(0,o.useState)(0),[a,n]=(0,o.useState)([]),c=r[s],d=s/r.length*100;return(0,t.jsx)("div",{className:"max-w-xl mx-auto px-4 py-6",children:(0,t.jsxs)("div",{className:"bg-white/[0.04] border border-white/[0.1] rounded-2xl p-6",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,t.jsx)("p",{className:"text-[10px] font-bold text-gray-500 uppercase tracking-widest",children:"Skin Quality Assessment"}),(0,t.jsxs)("p",{className:"text-[10px] text-gray-600",children:[s+1," / ",r.length]})]}),(0,t.jsx)("div",{className:"h-1 bg-white/[0.06] rounded-full mb-6 overflow-hidden",children:(0,t.jsx)("div",{className:"h-full bg-indigo-500 rounded-full transition-all duration-500",style:{width:`${d}%`}})}),(0,t.jsxs)("div",{className:"text-center mb-6",children:[(0,t.jsx)("span",{className:"text-3xl mb-3 block",children:c.emoji}),(0,t.jsx)("p",{className:"text-sm font-bold text-white leading-snug",style:{letterSpacing:"-0.01em"},children:c.q})]}),(0,t.jsx)("div",{className:"space-y-2",children:c.options.map(e=>(0,t.jsx)("button",{onClick:()=>(function(e){let t=[...a,e];t.length===r.length?l(Math.round(t.reduce((e,l)=>e+l,0)/(4*r.length)*100)):(n(t),i(s+1))})(e.score),className:"w-full text-left px-4 py-3 rounded-xl border border-white/[0.08] bg-white/[0.03] hover:bg-white/[0.08] hover:border-white/20 transition-all text-sm text-gray-300 hover:text-white font-medium",children:e.label},e.label))}),(0,t.jsx)("p",{className:"text-[10px] text-gray-700 text-center mt-4",children:"Self-reported \xb7 adds Skin Quality score to your report"})]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.