@font-face{font-family:Instrument Sans;src:url(pp-guide-instrument-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(pp-guide-dm-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(pp-guide-dm-sans-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}.pp-skin-quiz{--paper:#faf9f7;--ink:#151421;--muted:#575563;--lavender:#ececff;--action:#caccf1;--line:#dedee5;--selected:#777ec9;--error:#9a3039;color-scheme:light;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}:where(.pp-skin-quiz) *{box-sizing:border-box}:where(.pp-skin-quiz) button,:where(.pp-skin-quiz) input{font:inherit;color:inherit}:where(.pp-skin-quiz) button{cursor:pointer;-webkit-tap-highlight-color:transparent}:where(.pp-skin-quiz) button:disabled{cursor:default}:where(.pp-skin-quiz) button:focus-visible,:where(.pp-skin-quiz) input:focus-visible,:where(.pp-skin-quiz) a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}:where(.pp-skin-quiz) button{border:0}:where(.pp-skin-quiz) h1,:where(.pp-skin-quiz) h2,:where(.pp-skin-quiz) p{margin:0}:where(.pp-skin-quiz) img{display:block}:where(.pp-skin-quiz) button,:where(.pp-skin-quiz) p,:where(.pp-skin-quiz) h1{overflow-wrap:break-word}:where(.pp-skin-quiz) h1:focus{outline:none}:where(.pp-skin-quiz) .quiz-page{width:100%;max-width:620px;margin:0 auto;min-height:100svh;min-height:100dvh;padding:24px 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:28px}:where(.pp-skin-quiz) .quiz-header{display:flex;align-items:center;justify-content:space-between;min-height:44px;flex-shrink:0}:where(.pp-skin-quiz) .brand{width:160px;height:35px;display:flex;align-items:center}:where(.pp-skin-quiz) .back,:where(.pp-skin-quiz) .header-spacer{width:44px;height:44px;flex-shrink:0}:where(.pp-skin-quiz) .back{background:none;text-align:left;font-size:24px;padding:0}:where(.pp-skin-quiz) .start .quiz-header{min-height:35px;justify-content:flex-start}:where(.pp-skin-quiz) .start .header-spacer{display:none}:where(.pp-skin-quiz) .progress{display:flex;flex-direction:column;gap:8px;flex-shrink:0}:where(.pp-skin-quiz) .eyebrow,:where(.pp-skin-quiz) .small{font-weight:500;font-size:13px;line-height:18px;color:var(--muted)}:where(.pp-skin-quiz) .progress-track{width:100%;height:2px;background:var(--lavender);overflow:hidden}:where(.pp-skin-quiz) .progress-fill{height:100%;background:var(--ink);transition:width .18s ease-out}:where(.pp-skin-quiz) .content{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;animation:appear .18s ease-out}:where(.pp-skin-quiz) .content>*{flex-shrink:0}:where(.pp-skin-quiz) h1{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:32px;line-height:36px;letter-spacing:-.96px;text-align:center}:where(.pp-skin-quiz) p,:where(.pp-skin-quiz) .intro{font-size:16px;line-height:23px}:where(.pp-skin-quiz) .intro{text-align:center}:where(.pp-skin-quiz) .concerns h1{font-size:30px;line-height:34px;letter-spacing:-.9px}:where(.pp-skin-quiz) .start h1{font-size:40px;line-height:42px;letter-spacing:-1.2px}:where(.pp-skin-quiz) .start .content{gap:16px}:where(.pp-skin-quiz) .start .small{text-align:center}:where(.pp-skin-quiz) .start .intro-secondary{font-weight:500;font-size:17px;text-align:center;line-height:23px}:where(.pp-skin-quiz) .hook-images{display:grid;grid-template-columns:212fr 118fr;gap:12px;height:248px}:where(.pp-skin-quiz) .hook-images img{width:100%;height:248px;object-fit:cover;border-radius:12px;min-width:0}:where(.pp-skin-quiz) .answers{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;border:0;min-width:0}:where(.pp-skin-quiz) .answer{width:100%;min-height:84px;padding:16px;display:flex;align-items:center;gap:16px;text-align:left;background:#fff;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);font-size:17px;font-weight:500;line-height:23px;transition:background-color .12s ease,box-shadow .12s ease}:where(.pp-skin-quiz) .icon-box{width:48px;height:48px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--lavender)}:where(.pp-skin-quiz) .icon-box img{flex-shrink:0}:where(.pp-skin-quiz) .answer-label{flex:1;min-width:0}:where(.pp-skin-quiz) .note{margin-top:4px}:where(.pp-skin-quiz) .actions{display:flex;flex-direction:column;gap:8px;position:sticky;bottom:0;background:var(--paper);padding:8px 0 max(0px,env(safe-area-inset-bottom));margin-top:-8px;z-index:2}:where(.pp-skin-quiz) .cta{display:flex;align-items:center;justify-content:center;gap:12px;min-height:60px;width:100%;padding:18px 20px;border-radius:999px;background:var(--action);font-size:17px;font-weight:500;line-height:24px;transition:background-color .12s}:where(.pp-skin-quiz) .cta:before{content:"";width:20px;height:20px;flex-shrink:0}:where(.pp-skin-quiz) .cta span{flex:1;text-align:center}:where(.pp-skin-quiz) .cta img{flex-shrink:0}:where(.pp-skin-quiz) .cta:disabled{background:#ededf0;color:#696773}:where(.pp-skin-quiz) .cta:disabled img{opacity:.45}:where(.pp-skin-quiz) .secondary-link{background:transparent;min-height:44px;font-size:14px;line-height:18px;color:var(--muted);padding:10px}:where(.pp-skin-quiz) .about_skin .content,:where(.pp-skin-quiz) .irritation .content{gap:18px}:where(.pp-skin-quiz) .dropdown{position:relative}:where(.pp-skin-quiz) .dropdown-trigger{width:100%;min-height:76px;padding:14px 16px;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #dadae3;border-radius:12px;text-align:left}:where(.pp-skin-quiz) .dropdown-trigger>span{flex:1;display:flex;flex-direction:column;gap:4px}:where(.pp-skin-quiz) .field-label{font-size:13px;line-height:18px;font-weight:500}:where(.pp-skin-quiz) .field-value{font-size:17px;line-height:23px;font-weight:500}:where(.pp-skin-quiz) .dropdown .field-label{color:var(--muted)}:where(.pp-skin-quiz) .placeholder{color:var(--muted)}:where(.pp-skin-quiz) .dropdown-trigger[aria-expanded=true]{border-color:var(--selected);box-shadow:0 0 0 1px var(--selected)}:where(.pp-skin-quiz) .dropdown-trigger[aria-expanded=true] img{transform:rotate(180deg)}:where(.pp-skin-quiz) .dropdown-list{margin-top:12px;list-style:none;padding:6px;background:#fff;border:1px solid #dadae3;border-radius:12px;display:flex;flex-direction:column;gap:0}:where(.pp-skin-quiz) .dropdown-list[hidden]{display:none}:where(.pp-skin-quiz) .dropdown-option{width:100%;min-height:44px;padding:11px 12px;text-align:left;border-radius:8px;background:#fff;font-size:16px;line-height:22px}:where(.pp-skin-quiz) .dropdown-option[aria-selected=true]{background:var(--lavender)}:where(.pp-skin-quiz) .dropdown-option[aria-selected=true]:after{content:"\2713";float:right;font-size:13px}:where(.pp-skin-quiz) .dropdown-option:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}:where(.pp-skin-quiz) .results .content,:where(.pp-skin-quiz) .subscription .content,:where(.pp-skin-quiz) .one_time .content{gap:14px}:where(.pp-skin-quiz) .info-panel{padding:24px;background:var(--lavender);display:flex;flex-direction:column;gap:12px}:where(.pp-skin-quiz) .info-panel h2,:where(.pp-skin-quiz) .offer-card h2{font-family:DM Sans,sans-serif;font-size:13px;line-height:18px;font-weight:500}:where(.pp-skin-quiz) .priorities{list-style:none;counter-reset:priority;margin:0;padding:0;font-size:16px;line-height:23px}:where(.pp-skin-quiz) .priorities li{counter-increment:priority}:where(.pp-skin-quiz) .priorities li:before{content:counter(priority,decimal-leading-zero)" ";margin-right:4px}:where(.pp-skin-quiz) .email .content{gap:12px}:where(.pp-skin-quiz) .email .info-panel{padding:20px;border-radius:12px;gap:8px}:where(.pp-skin-quiz) .email .info-panel h2{color:var(--muted)}:where(.pp-skin-quiz) .email-field{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #dadae3;border-radius:12px;padding:16px}:where(.pp-skin-quiz) .email-field:focus-within{outline:2px solid var(--selected);outline-offset:1px}:where(.pp-skin-quiz) .email-field input{font-size:16px;line-height:23px;width:100%;padding:0;border:0;outline:none;background:none;min-width:0}:where(.pp-skin-quiz) .email-field input:focus-visible{outline:none}:where(.pp-skin-quiz) .email-field:has([aria-invalid=true]){border-color:var(--error)}:where(.pp-skin-quiz) .helper{font-size:12px;line-height:18px;font-weight:500;color:var(--muted)}:where(.pp-skin-quiz) .error{color:var(--error);font-size:13px;line-height:18px}:where(.pp-skin-quiz) .error:empty{display:none}:where(.pp-skin-quiz) .legal-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}:where(.pp-skin-quiz) .text-link{background:none;padding:0;text-decoration:underline;text-underline-offset:3px;color:var(--muted);font-size:13px;font-weight:500;line-height:18px;min-height:24px}:where(.pp-skin-quiz) .offer-product{height:118px;display:flex;align-items:center;justify-content:center}:where(.pp-skin-quiz) .offer-product img{height:100%;max-width:100%;object-fit:contain}:where(.pp-skin-quiz) .subscription.has-email .offer-product{height:140px}:where(.pp-skin-quiz) .one_time .offer-product{height:160px}:where(.pp-skin-quiz) .offer-card{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--lavender);border:1.5px solid #9da3ed;border-radius:16px}:where(.pp-skin-quiz) .offer-card h2{font-size:12px;line-height:16px}:where(.pp-skin-quiz) .price{font-family:Instrument Sans,sans-serif;font-size:42px;line-height:48px;font-weight:600;letter-spacing:-1.2px}:where(.pp-skin-quiz) .renewal{font-size:14px;line-height:19px;font-weight:500}:where(.pp-skin-quiz) .offer-email{font-family:Instrument Sans,sans-serif;font-weight:600;font-size:16px;line-height:22px;background:none;text-align:left;padding:0;min-height:24px}:where(.pp-skin-quiz) .email-offer{font-size:12px;line-height:18px;font-weight:500}:where(.pp-skin-quiz) .alternative{padding:16px;min-height:58px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:17px;line-height:23px;font-weight:500}:where(.pp-skin-quiz) .one-time-card{border:1px solid var(--ink);border-radius:0;padding:24px;background:var(--paper)}:where(.pp-skin-quiz) .one-time-card .price{font-size:32px;line-height:36px;letter-spacing:-.96px}:where(.pp-skin-quiz) .one-time-card h2{font-size:13px;line-height:18px}:where(.pp-skin-quiz) .desktop-offer-heading,:where(.pp-skin-quiz) .desktop-terms{display:none}:where(.pp-skin-quiz) .quiz-tools{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;padding:12px 24px;font-size:11px;line-height:16px;color:var(--muted);border-top:1px solid var(--line)}:where(.pp-skin-quiz) .quiz-tools button{background:transparent;text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:500;min-height:36px;padding:6px}:where(.pp-skin-quiz) .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:where(.pp-skin-quiz) dialog{color:var(--ink);background:var(--paper);border:0;border-radius:18px;padding:28px;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 20px 100px #15142133}:where(.pp-skin-quiz) dialog::backdrop{background:#15142170;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}:where(.pp-skin-quiz) .dialog-content{display:flex;flex-direction:column;gap:18px}:where(.pp-skin-quiz) dialog h2{font-family:Instrument Sans,sans-serif;font-size:28px;line-height:32px;letter-spacing:-.6px}:where(.pp-skin-quiz) dialog .cta{font-size:16px}:where(.pp-skin-quiz) .close-dialog{background:none;position:absolute;right:12px;top:8px;width:40px;height:40px;font-size:26px}:where(.pp-skin-quiz) .dialog-content>h2{padding-right:22px}:where(.pp-skin-quiz) .review-price{font-family:Instrument Sans,sans-serif;font-size:40px;line-height:44px;font-weight:600}:where(.pp-skin-quiz) .review-price span{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;letter-spacing:0}@media(hover:hover){:where(.pp-skin-quiz) .answer:hover:not([aria-checked=true]),:where(.pp-skin-quiz) .alternative:hover,:where(.pp-skin-quiz) .dropdown-option:hover{background:#f5f4ff}:where(.pp-skin-quiz) .cta:hover:not(:disabled){background:#b3b5e7}:where(.pp-skin-quiz) .text-link:hover,:where(.pp-skin-quiz) .offer-email:hover{text-decoration:underline}:where(.pp-skin-quiz) .back:hover{color:var(--selected)}}@media(min-width:768px){:where(.pp-skin-quiz) .quiz-page{max-width:640px;padding:32px 40px;gap:24px}:where(.pp-skin-quiz) .start .quiz-header{justify-content:center}:where(.pp-skin-quiz) .content,:where(.pp-skin-quiz) .answers{gap:16px}:where(.pp-skin-quiz) h1,:where(.pp-skin-quiz) .concerns h1,:where(.pp-skin-quiz) .start h1{font-size:40px;line-height:44px;letter-spacing:-1.2px}:where(.pp-skin-quiz) .hook-images{grid-template-columns:354fr 194fr}:where(.pp-skin-quiz) .actions{padding-bottom:0}:where(.pp-skin-quiz) .mobile-offer-heading{display:none}:where(.pp-skin-quiz) .desktop-offer-heading{display:inline}:where(.pp-skin-quiz) .desktop-terms{display:block;text-align:center}:where(.pp-skin-quiz) .results .content,:where(.pp-skin-quiz) .subscription .content,:where(.pp-skin-quiz) .one_time .content{gap:16px}:where(.pp-skin-quiz) .subscription:not(.has-email) .subscription-card{padding:24px;border:1px solid var(--ink);border-radius:0;gap:8px}:where(.pp-skin-quiz) .subscription:not(.has-email) .price{font-size:32px;line-height:36px;letter-spacing:-.96px}:where(.pp-skin-quiz) .subscription:not(.has-email) .renewal{font-size:16px;line-height:23px;font-weight:400}:where(.pp-skin-quiz) .subscription:not(.has-email) .offer-email{display:none}:where(.pp-skin-quiz) .subscription:not(.has-email) .renewal{max-width:294px}:where(.pp-skin-quiz) .has-email .price .desktop-offer-heading,:where(.pp-skin-quiz) .has-email .renewal .desktop-offer-heading,:where(.pp-skin-quiz) .has-email .offer-card h2 .desktop-offer-heading{display:none}:where(.pp-skin-quiz) .has-email .renewal .mobile-offer-heading,:where(.pp-skin-quiz) .has-email .offer-card h2 .mobile-offer-heading{display:inline}}@media(max-width:359px){:where(.pp-skin-quiz) .quiz-page{padding-left:18px;padding-right:18px}:where(.pp-skin-quiz) .start h1{font-size:32px;line-height:36px}:where(.pp-skin-quiz) .concerns h1{font-size:27px;line-height:31px}:where(.pp-skin-quiz) .cta{padding-left:14px;padding-right:14px;gap:6px;font-size:16px}:where(.pp-skin-quiz) .cta:before{display:none}:where(.pp-skin-quiz) .answer{gap:12px}:where(.pp-skin-quiz) .hook-images{height:224px}:where(.pp-skin-quiz) .hook-images img{height:224px}}@keyframes appear{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){:where(.pp-skin-quiz) *,:where(.pp-skin-quiz) *:before,:where(.pp-skin-quiz) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:where(.pp-skin-quiz) .hook-images{display:flex;justify-content:center;height:280px}:where(.pp-skin-quiz) .hook-images img{width:280px;height:280px;max-width:100%;object-fit:contain;border:1px solid #caccf1}:where(.pp-skin-quiz) .email h1{font-size:30px;line-height:36px;letter-spacing:-.9px}:where(.pp-skin-quiz) .email .content{gap:14px}:where(.pp-skin-quiz) .email .info-panel{padding:16px 20px;gap:9px}:where(.pp-skin-quiz) .offer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}:where(.pp-skin-quiz) .offer-heading h2{font-size:12px;line-height:17px}:where(.pp-skin-quiz) .savings-badge{flex-shrink:0;padding:4px 8px;border-radius:6px;background:#ffffffd9;font:600 11px/17px Instrument Sans,sans-serif;white-space:nowrap}:where(.pp-skin-quiz) .email .email-price{font-size:16px;line-height:21px;font-weight:500}:where(.pp-skin-quiz) .email .offer-flexibility{font-size:12px;line-height:17px}:where(.pp-skin-quiz) .email-field{padding:0;border:0;border-radius:0;background:none;gap:8px}:where(.pp-skin-quiz) .email-field .field-label{font-size:14px;line-height:20px}:where(.pp-skin-quiz) .email-field input{background:#fff;border:1.5px solid #504c98;border-radius:8px;padding:15px 16px;min-height:56px}:where(.pp-skin-quiz) .email-field input::placeholder{color:#696677;opacity:1}:where(.pp-skin-quiz) .email-field:focus-within{outline:none}:where(.pp-skin-quiz) .email-field input:focus-visible{outline:2px solid #504c98;outline-offset:3px}:where(.pp-skin-quiz) .email-field input[aria-invalid=true]{border-color:var(--error)}:where(.pp-skin-quiz) .marketing-disclosure{font-size:12px;line-height:17px;text-align:center}:where(.pp-skin-quiz) .email .actions{gap:10px;position:static}:where(.pp-skin-quiz) .offer-card{gap:12px}:where(.pp-skin-quiz) .price{display:flex;gap:16px;align-items:center}:where(.pp-skin-quiz) .price del{opacity:.6}:where(.pp-skin-quiz) .supply{font-size:14px;line-height:19px;font-weight:500}:where(.pp-skin-quiz) .offer-card .renewal{font-size:12px;line-height:17px;font-weight:400}:where(.pp-skin-quiz) .subscription.has-email .offer-product{height:118px}:where(.pp-skin-quiz) .routine-guidance{font-size:13px;line-height:18px;color:var(--muted)}:where(.pp-skin-quiz) .routine-guidance summary{cursor:pointer;padding:8px 0;text-decoration:underline;text-underline-offset:3px}:where(.pp-skin-quiz) .routine-guidance p{font-size:14px;line-height:20px;padding-top:6px}:where(.pp-skin-quiz) .retinol .content{gap:18px}:where(.pp-skin-quiz) .retinol-product{height:210px;display:flex;justify-content:center}:where(.pp-skin-quiz) .retinol-product img{height:210px;max-width:100%;object-fit:contain}:where(.pp-skin-quiz) .ghk .content{align-items:center}:where(.pp-skin-quiz) .ghk .content>h1,:where(.pp-skin-quiz) .ghk .intro,:where(.pp-skin-quiz) .study-copy{width:100%}:where(.pp-skin-quiz) sup{font-size:.65em;line-height:0;vertical-align:super}:where(.pp-skin-quiz) .study-copy{font-size:14px;line-height:19px;text-align:center}:where(.pp-skin-quiz) .research-link{color:var(--ink);font-size:12px;line-height:18px;text-align:center;text-underline-offset:3px;padding:4px}:where(.pp-skin-quiz) .ghk-chart{position:relative;width:273.6px;height:216px;flex-shrink:0;margin:0;max-width:100%;font-family:Arial,sans-serif;color:#ececff}:where(.pp-skin-quiz) .ghk-chart img,:where(.pp-skin-quiz) .ghk-chart span{position:absolute}:where(.pp-skin-quiz) .chart-background{left:0;top:0}:where(.pp-skin-quiz) .chart-caption{left:19.2px;top:13.6px;font-size:10.4px;white-space:nowrap}:where(.pp-skin-quiz) .chart-axis{left:24px;top:170px}:where(.pp-skin-quiz) .chart-bar20{left:49.6px;top:55.2px}:where(.pp-skin-quiz) .chart-bar60{left:169.6px;top:124px}:where(.pp-skin-quiz) .chart-value20,:where(.pp-skin-quiz) .chart-value60{font-size:20.8px;line-height:25px;color:#fff;text-align:center;width:54.4px}:where(.pp-skin-quiz) .chart-value20{left:49.6px;top:25.6px}:where(.pp-skin-quiz) .chart-value60{left:169.6px;top:93.6px}:where(.pp-skin-quiz) .chart-age20,:where(.pp-skin-quiz) .chart-age60{font-size:11.2px;line-height:14px;text-align:center;white-space:nowrap}:where(.pp-skin-quiz) .chart-age20{left:37.6px;top:181.6px}:where(.pp-skin-quiz) .chart-age60{left:157.6px;top:181.6px}:where(.pp-skin-quiz) .processing .content{gap:24px}:where(.pp-skin-quiz) #preparation-count{text-align:center;font-size:72px;line-height:86px;margin:8px 0}:where(.pp-skin-quiz) #preparation-progress{height:10px;background:var(--lavender);border-radius:999px;overflow:hidden}:where(.pp-skin-quiz) #preparation-progress>div{width:0;height:100%;background:var(--ink);border-radius:inherit}@media(min-width:768px){:where(.pp-skin-quiz) .email h1{font-size:36px;line-height:40px}:where(.pp-skin-quiz) .ghk .content{gap:14px}:where(.pp-skin-quiz) .quiz-page{min-height:100dvh;max-width:560px}:where(.pp-skin-quiz) .start .quiz-header{justify-content:flex-start}}@media(max-width:359px){:where(.pp-skin-quiz) .offer-heading{gap:6px}:where(.pp-skin-quiz) .offer-heading h2{font-size:11px}:where(.pp-skin-quiz) .offer-card,:where(.pp-skin-quiz) .email .info-panel{padding-left:16px;padding-right:16px}:where(.pp-skin-quiz) .email h1{font-size:27px;line-height:32px}:where(.pp-skin-quiz) .hook-images{height:248px}:where(.pp-skin-quiz) .hook-images img{width:248px;height:248px}}:where(.pp-skin-quiz) .start .headline-accent{color:#6664b7}:where(.pp-skin-quiz) .ghk .actions{position:static;gap:10px}:where(.pp-skin-quiz) .research-note{color:#737078;font-size:11px;line-height:16px;text-align:center;font-weight:400}:where(.pp-skin-quiz) .email .content{flex:0;gap:18px}:where(.pp-skin-quiz) .email .email-field{margin-top:10px}:where(.pp-skin-quiz) .email .actions{margin-top:0;padding-top:0;gap:12px}:where(.pp-skin-quiz) .email .legal-links{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px 20px}:where(.pp-skin-quiz) .subscription .content{flex:0;gap:14px}:where(.pp-skin-quiz) .subscription h1{font-size:30px;line-height:34px;letter-spacing:-.9px}:where(.pp-skin-quiz) .subscription .intro{font-size:15px;line-height:22px}:where(.pp-skin-quiz) .subscription.has-email .offer-product{height:216px;margin:4px 0 8px}:where(.pp-skin-quiz) .subscription .offer-product img{width:auto;height:216px;object-fit:contain;filter:drop-shadow(0 10px 12px #504c9814)}:where(.pp-skin-quiz) .subscription .subscription-card{padding:16px 18px;gap:10px;border:1px solid #caccf1;border-radius:14px}:where(.pp-skin-quiz) .offer-price-row{display:flex;align-items:center;gap:20px}:where(.pp-skin-quiz) .subscription .price{font-size:36px;line-height:40px;gap:12px;letter-spacing:-1px}:where(.pp-skin-quiz) .subscription .supply{font-size:12px;line-height:17px;font-weight:500}:where(.pp-skin-quiz) .subscription .supply span{font-weight:400;color:var(--muted)}:where(.pp-skin-quiz) .subscription .renewal{font-size:11px;line-height:16px;color:var(--muted)}:where(.pp-skin-quiz) .subscription .offer-primary{margin-top:2px}:where(.pp-skin-quiz) .subscription .alternative{min-height:46px;padding:10px 16px;font-size:15px;text-align:center;background:transparent}:where(.pp-skin-quiz) .subscription .routine-guidance{text-align:center;font-size:12px}:where(.pp-skin-quiz) .subscription .routine-guidance p{text-align:left}@media(min-width:768px){:where(.pp-skin-quiz) .subscription h1{font-size:34px;line-height:38px}:where(.pp-skin-quiz) .subscription.has-email .offer-product{height:240px}:where(.pp-skin-quiz) .subscription .offer-product img{height:240px}}@media(max-width:359px){:where(.pp-skin-quiz) .subscription h1{font-size:27px;line-height:31px}:where(.pp-skin-quiz) .offer-price-row{gap:14px}:where(.pp-skin-quiz) .subscription .price{font-size:32px;line-height:38px}:where(.pp-skin-quiz) .subscription .subscription-card{padding:14px}}:where(.pp-skin-quiz) .subscription .subscription-card{text-align:center}:where(.pp-skin-quiz) .subscription .subscription-card .offer-heading{justify-content:center;flex-wrap:wrap}:where(.pp-skin-quiz) .subscription .subscription-card .offer-price-row{justify-content:center}:where(.pp-skin-quiz) .subscription .subscription-card .renewal{text-align:center}:where(.pp-skin-quiz) .purchase-options{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;min-width:0}:where(.pp-skin-quiz) .purchase-option{position:relative;cursor:pointer}:where(.pp-skin-quiz) .plan-radio{position:absolute;left:12px;top:17px;width:16px;height:16px;margin:0;accent-color:#6664b7;cursor:pointer}:where(.pp-skin-quiz) .subscription .subscription-card .offer-heading{padding-inline:18px}:where(.pp-skin-quiz) .plan-label{font-size:12px;line-height:17px;font-weight:500}:where(.pp-skin-quiz) .purchase-option:has(.plan-radio:checked){box-shadow:inset 0 0 0 1px #777ec9;border-color:#777ec9}:where(.pp-skin-quiz) .purchase-option:has(.plan-radio:focus-visible){outline:2px solid var(--ink);outline-offset:3px}:where(.pp-skin-quiz) .subscription .once-option{display:flex;align-items:center;justify-content:center;padding:12px 36px;min-height:48px}:where(.pp-skin-quiz) .once-option .plan-radio{top:50%;transform:translateY(-50%)}:where(.pp-skin-quiz) .subscription .once-option:has(:checked){background:var(--lavender)}:where(.pp-skin-quiz) .subscription .offer-primary{background:#504c98;color:#fff;gap:14px}:where(.pp-skin-quiz) .subscription .offer-primary:before{display:none}:where(.pp-skin-quiz) .subscription .offer-primary span{flex:0 1 auto}:where(.pp-skin-quiz) .subscription .offer-primary img{filter:brightness(0) invert(1)}:where(.pp-skin-quiz) .subscription .offer-primary:hover{background:#423e80}:where(.pp-skin-quiz) .buy-once-link{align-self:center;background:none;text-decoration:underline;text-underline-offset:3px;font-size:16px;line-height:24px;padding:12px 8px;min-height:48px;color:var(--ink)}:where(.pp-skin-quiz) .buy-once-link:hover{color:#504c98}:where(.pp-skin-quiz) .ghk-chart{width:360px;max-width:100%;height:234px}:where(.pp-skin-quiz) .ghk-chart .chart-background{height:234px;width:100%}:where(.pp-skin-quiz) .chart-caption{left:20px;top:16px;font-size:11px}:where(.pp-skin-quiz) .chart-axis{left:8%;top:184px;width:84%}:where(.pp-skin-quiz) .chart-bar20,:where(.pp-skin-quiz) .chart-bar40,:where(.pp-skin-quiz) .chart-bar60{width:48px;transform:translate(-50%)}:where(.pp-skin-quiz) .chart-bar20{left:20%;top:69.2px;height:115.2px}:where(.pp-skin-quiz) .chart-bar60{left:80%;top:138px;height:46.4px}:where(.pp-skin-quiz) .chart-bar40{left:50%;top:103.76px;height:80.64px;border:0;border-radius:3px 3px 0 0;background:#c5c8f6}:where(.pp-skin-quiz) .chart-value20,:where(.pp-skin-quiz) .chart-value40,:where(.pp-skin-quiz) .chart-value60{width:70px;transform:translate(-50%);font-size:22px;line-height:26px;color:#fff;text-align:center}:where(.pp-skin-quiz) .chart-value20{left:20%;top:39px}:where(.pp-skin-quiz) .chart-value40{left:50%;top:74px}:where(.pp-skin-quiz) .chart-value60{left:80%;top:108px}:where(.pp-skin-quiz) .chart-age20,:where(.pp-skin-quiz) .chart-age40,:where(.pp-skin-quiz) .chart-age60{top:199px;width:80px;transform:translate(-50%);font-size:14px;line-height:18px;font-weight:700;text-align:center;color:#fff}:where(.pp-skin-quiz) .chart-age20{left:20%}:where(.pp-skin-quiz) .chart-age40{left:50%}:where(.pp-skin-quiz) .chart-age60{left:80%}:where(.pp-skin-quiz) .chart-estimate{left:50%;top:128px;width:48px;transform:translate(-50%);font-size:9px;line-height:14px;text-align:center;color:#302034;font-weight:700}:where(.pp-skin-quiz) #preparation-progress{position:relative;width:216px;height:216px;margin:16px auto 24px;overflow:visible;background:none;border-radius:50%;display:grid;place-items:center}:where(.pp-skin-quiz) .preparation-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:8}:where(.pp-skin-quiz) .preparation-ring-track{stroke:#e5e2f6}:where(.pp-skin-quiz) .preparation-ring-fill{stroke:#6664b7;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}:where(.pp-skin-quiz) #preparation-count{position:relative;margin:0;color:#6664b7;font-size:48px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2px}:where(.pp-skin-quiz) .lines_depth h1{font-size:30px;line-height:34px}@media(min-width:768px){:where(.pp-skin-quiz) .lines_depth h1{font-size:36px;line-height:40px}}:where(.pp-skin-quiz) .chart-decline-line{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}:where(.pp-skin-quiz) .chart-decline-line path{fill:none;stroke:#d9d8f4;stroke-width:1.5;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}:where(.pp-skin-quiz) .chart-decline-line circle{fill:#fff;stroke:#777ec9;stroke-width:1}:where(.pp-skin-quiz) .quiz-header,:where(.pp-skin-quiz) .start .quiz-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:44px}:where(.pp-skin-quiz) .quiz-header .back{grid-column:1;grid-row:1}:where(.pp-skin-quiz) .quiz-header .brand{grid-column:2;grid-row:1;justify-self:center}:where(.pp-skin-quiz) .quiz-header .header-spacer,:where(.pp-skin-quiz) .start .header-spacer{display:block;grid-column:3;grid-row:1}.pp-skin-quiz{--paper: #fdfbf6;--ink: #30243f;--muted: #65566f;--lavender: #f0e9f6;--action: #53366d;--line: #ded3e5;--selected: #76558e;--action-hover: #382348;--accent: #6664b7;--card-radius: 16px}:where(.pp-skin-quiz) .quiz-page{gap:24px}:where(.pp-skin-quiz) .brand{width:144px;height:auto}:where(.pp-skin-quiz) .brand img{width:100%;height:auto}:where(.pp-skin-quiz) h1{letter-spacing:-.03em;text-wrap:balance}:where(.pp-skin-quiz) .intro{color:var(--muted);line-height:1.5}:where(.pp-skin-quiz) .start h1{color:#151421}:where(.pp-skin-quiz) .start .headline-accent{color:var(--accent)}:where(.pp-skin-quiz) .start .intro-secondary{color:var(--ink);line-height:1.5}:where(.pp-skin-quiz) .hook-images img{border-color:var(--line);border-radius:var(--card-radius)}:where(.pp-skin-quiz) .progress-track{height:3px;border-radius:999px;background:var(--line)}:where(.pp-skin-quiz) .progress-fill{background:var(--action);border-radius:inherit}:where(.pp-skin-quiz) .eyebrow{color:var(--muted);letter-spacing:.035em}:where(.pp-skin-quiz) .answer{min-height:76px;padding:14px 16px;border-radius:var(--card-radius)}:where(.pp-skin-quiz) .answer[aria-checked=true]{background:var(--lavender);box-shadow:inset 0 0 0 2px var(--selected)}:where(.pp-skin-quiz) .icon-box{background:var(--lavender);border-radius:12px}:where(.pp-skin-quiz) .answer[aria-checked=true] .icon-box{background:#fff}:where(.pp-skin-quiz) .dropdown-trigger,:where(.pp-skin-quiz) .dropdown-list{border-color:var(--line);border-radius:var(--card-radius)}:where(.pp-skin-quiz) .dropdown-trigger[aria-expanded=true]{border-color:var(--selected)}:where(.pp-skin-quiz) .cta,:where(.pp-skin-quiz) .subscription .offer-primary{min-height:60px;padding:10px;gap:12px;background:var(--action);color:#fff;font-weight:500}:where(.pp-skin-quiz) .cta:before{width:40px;height:40px}:where(.pp-skin-quiz) .cta img,:where(.pp-skin-quiz) .subscription .offer-primary img{width:40px;height:40px;padding:11px;border-radius:50%;background:#e7d8f0;filter:none}:where(.pp-skin-quiz) .subscription .offer-primary:before{display:block}:where(.pp-skin-quiz) .subscription .offer-primary span{flex:1}:where(.pp-skin-quiz) .cta:disabled{color:#706779;background:#e8e3ec}:where(.pp-skin-quiz) .cta:disabled img{opacity:.55;background:#f5f1f8}:where(.pp-skin-quiz) .actions{position:static;padding-bottom:max(8px,env(safe-area-inset-bottom))}:where(.pp-skin-quiz) .email .content{gap:16px}:where(.pp-skin-quiz) .email-field input{border-color:var(--line);border-radius:var(--card-radius)}:where(.pp-skin-quiz) .email-field input:focus-visible{outline-color:var(--action)}:where(.pp-skin-quiz) .helper,:where(.pp-skin-quiz) .marketing-disclosure,:where(.pp-skin-quiz) .text-link{font-size:14px;line-height:1.5}:where(.pp-skin-quiz) .email .legal-links{gap:4px 18px}:where(.pp-skin-quiz) .text-link{min-height:32px;display:inline-flex;align-items:center}:where(.pp-skin-quiz) .subscription .subscription-card{background:var(--lavender);border:1px solid var(--selected);border-radius:var(--card-radius);padding:20px}:where(.pp-skin-quiz) .subscription .renewal,:where(.pp-skin-quiz) .subscription .offer-card .renewal{font-size:14px;line-height:1.5}:where(.pp-skin-quiz) .subscription .plan-label{font-size:13px;line-height:1.4;letter-spacing:.025em}:where(.pp-skin-quiz) .savings-badge{color:#fff;background:var(--action);border-radius:999px;padding:5px 10px}:where(.pp-skin-quiz) .subscription .price del{color:var(--muted);opacity:1}:where(.pp-skin-quiz) .subscription .offer-product img{filter:drop-shadow(0 10px 12px #53366d14)}:where(.pp-skin-quiz) .subscription .buy-once-link{color:var(--ink)}:where(.pp-skin-quiz) .preparation-ring-track{stroke:var(--line)}:where(.pp-skin-quiz) .preparation-ring-fill{stroke:var(--selected)}:where(.pp-skin-quiz) #preparation-count{color:var(--action)}:where(.pp-skin-quiz) .research-note{color:var(--muted);font-size:12px;line-height:1.5}:where(.pp-skin-quiz) .quiz-tools{border-color:var(--line);color:var(--muted)}:where(.pp-skin-quiz) button:focus-visible,:where(.pp-skin-quiz) input:focus-visible,:where(.pp-skin-quiz) a:focus-visible{outline:2px solid var(--action);outline-offset:4px}@media(hover:hover){:where(.pp-skin-quiz) .answer:hover:not([aria-checked=true]),:where(.pp-skin-quiz) .dropdown-option:hover{background:#f7f3fa}:where(.pp-skin-quiz) .cta:hover:not(:disabled),:where(.pp-skin-quiz) .subscription .offer-primary:hover{background:var(--action-hover)}:where(.pp-skin-quiz) .buy-once-link:hover{color:var(--action)}}@media(min-width:768px){:where(.pp-skin-quiz) .quiz-page{max-width:560px;padding:32px 40px;gap:28px}:where(.pp-skin-quiz) .brand{width:154px}:where(.pp-skin-quiz) .answer{min-height:80px}}@media(max-width:359px){:where(.pp-skin-quiz) .quiz-page{padding-inline:16px;gap:20px}:where(.pp-skin-quiz) .answer{padding:12px;gap:12px}:where(.pp-skin-quiz) .cta{gap:8px}:where(.pp-skin-quiz) .cta:before,:where(.pp-skin-quiz) .subscription .offer-primary:before{display:block}:where(.pp-skin-quiz) .subscription .subscription-card{padding:16px}:where(.pp-skin-quiz) .subscription .offer-price-row{gap:12px}}@media(max-width:767px)and (max-height:740px){:where(.pp-skin-quiz) .quiz-page{gap:18px;padding-top:16px}:where(.pp-skin-quiz) .answer{min-height:68px;padding-block:10px}:where(.pp-skin-quiz) .icon-box{width:44px;height:44px}:where(.pp-skin-quiz) .start .hook-images,:where(.pp-skin-quiz) .start .hook-images img{height:220px}}:where(.pp-skin-quiz) .ghk .research-link,:where(.pp-skin-quiz) .results .research-link{align-self:center;min-height:44px;padding:10px 14px;background:transparent;color:var(--muted);font-size:14px;line-height:24px;text-decoration:underline;text-underline-offset:3px}:where(.pp-skin-quiz) .dialog-content a{color:var(--action);text-underline-offset:3px}:where(.pp-skin-quiz) .quiz-exit{background:transparent;padding:0;grid-column:3;grid-row:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#81738c;text-decoration:none}:where(.pp-skin-quiz) .quiz-exit svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}@media(hover:hover){:where(.pp-skin-quiz) .quiz-exit:hover{background:var(--lavender)}}:where(.pp-skin-quiz) .results .content{flex:0;gap:22px}:where(.pp-skin-quiz) .results .actions{margin-top:0;padding-top:0}:where(.pp-skin-quiz) .result-label{font:500 13px/20px DM Sans,sans-serif;color:var(--muted)}:where(.pp-skin-quiz) .result-routine{padding:22px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--lavender)}:where(.pp-skin-quiz) .result-routine h2{font-family:Instrument Sans,sans-serif;font-size:23px;line-height:1.25;letter-spacing:-.02em;margin:8px 0 12px}:where(.pp-skin-quiz) .result-routine h2+p{font-size:16px;line-height:1.5;color:var(--muted)}:where(.pp-skin-quiz) .result-next{text-align:center}:where(.pp-skin-quiz) .result-next h2{font-size:17px;font-weight:500;line-height:1.4;margin:0}:where(.pp-skin-quiz) .result-next p{color:var(--muted);font-size:15px;line-height:1.5;margin-top:8px}@media(max-width:359px){:where(.pp-skin-quiz) .results .content{gap:18px}:where(.pp-skin-quiz) .result-routine{padding:18px}}:where(.pp-skin-quiz) .result-detail{text-align:left}:where(.pp-skin-quiz) .result-detail h2{font:600 23px/1.25 Instrument Sans,sans-serif;letter-spacing:-.02em;margin:8px 0 12px}:where(.pp-skin-quiz) .result-detail p{font-size:16px;line-height:1.55;color:var(--muted)}:where(.pp-skin-quiz) .result-detail p+p{margin-top:12px}:where(.pp-skin-quiz) .result-detail .result-label{font-size:13px}:where(.pp-skin-quiz) .result-ghk{padding:22px;border:1px solid var(--line);border-radius:var(--card-radius);background:#fff}:where(.pp-skin-quiz) .result-detail .result-note{font-size:14px;line-height:1.5}:where(.pp-skin-quiz) .result-steps{padding-left:22px;margin:0}:where(.pp-skin-quiz) .result-steps li{padding-left:4px;margin-top:18px}:where(.pp-skin-quiz) .result-steps li::marker{font-weight:600;color:var(--action)}:where(.pp-skin-quiz) .result-steps h3{font-size:17px;line-height:1.4;margin:0 0 6px}@media(max-width:359px){:where(.pp-skin-quiz) .result-ghk{padding:18px}}:where(.pp-skin-quiz) .result-ghk-subheading{font-size:18px;line-height:1.4;margin:18px 0 8px}:where(.pp-skin-quiz) .exit-dialog{border:1px solid var(--line);border-radius:20px}:where(.pp-skin-quiz) .exit-dialog .dialog-content{gap:16px}:where(.pp-skin-quiz) .exit-dialog .exit-eyebrow{color:var(--action);font-size:11px;font-weight:500;letter-spacing:.08em;padding-right:20px}:where(.pp-skin-quiz) .exit-dialog h2{font-size:28px;line-height:1.15;letter-spacing:-.025em}:where(.pp-skin-quiz) .exit-dialog #exit-description{color:var(--muted);line-height:1.5}:where(.pp-skin-quiz) .exit-leave{background:transparent;color:var(--muted);min-height:44px;padding:10px;text-decoration:underline;text-underline-offset:3px;font-size:15px}:where(.pp-skin-quiz) .result-match{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px 18px;padding:22px;border:1px solid var(--line);border-radius:var(--card-radius);background:var(--lavender)}:where(.pp-skin-quiz) .result-match>img{width:72px;height:162px;object-fit:contain}:where(.pp-skin-quiz) .result-match h2{font:600 23px/1.2 Instrument Sans,sans-serif;letter-spacing:-.02em;margin:8px 0}:where(.pp-skin-quiz) .result-match-formula{color:var(--action);font-size:15px;line-height:1.4;font-weight:500}:where(.pp-skin-quiz) .result-match-reason{grid-column:1 / -1;font-size:16px;line-height:1.5;color:var(--muted)}@media(max-width:359px){:where(.pp-skin-quiz) .result-match{padding:18px;grid-template-columns:56px minmax(0,1fr);gap:14px}:where(.pp-skin-quiz) .result-match>img{width:56px;height:126px}:where(.pp-skin-quiz) .result-match h2{font-size:21px}}:where(.pp-skin-quiz) .result-match>.cta{grid-column:1 / -1}:where(.pp-skin-quiz) .results h1{color:#151421}:where(.pp-skin-quiz) .result-headline-accent{color:var(--selected)}:where(.pp-skin-quiz) .result-insight{padding:22px;background:#fff;border:1px solid var(--line);border-left:3px solid var(--selected);border-radius:var(--card-radius)}:where(.pp-skin-quiz) .result-insight-intro{padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--line)}:where(.pp-skin-quiz) .result-insight .result-label{color:var(--action);font-weight:500}:where(.pp-skin-quiz) .result-insight .result-summary{margin-top:8px}:where(.pp-skin-quiz) .result-priority-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}:where(.pp-skin-quiz) .result-priority-list li{padding:5px 12px;border-radius:999px;background:var(--lavender);color:var(--action);font-size:14px;line-height:20px;font-weight:500}:where(.pp-skin-quiz) .result-insight h2{margin-top:0;color:var(--ink)}:where(.pp-skin-quiz) .result-observation{padding-left:14px;border-left:2px solid var(--line)}@media(max-width:359px){:where(.pp-skin-quiz) .result-insight{padding:18px}}:where(.pp-skin-quiz) .result-benefits{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:18px 0 0;border-top:1px solid var(--line)}:where(.pp-skin-quiz) .result-benefits li{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 8px;text-align:center;color:var(--ink);font-size:14px;line-height:1.45}:where(.pp-skin-quiz) .result-benefits li+li{border-left:1px solid var(--line)}:where(.pp-skin-quiz) .result-benefits svg{width:28px;height:28px;flex:none;fill:none;stroke:var(--action);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}@media(max-width:359px){:where(.pp-skin-quiz) .result-benefits li{padding-inline:4px;font-size:13px}}.pp-skin-quiz{margin:0}.pp-skin-quiz .quiz-skip{position:absolute;left:12px;top:-100px}.pp-skin-quiz .quiz-skip:focus{top:8px;z-index:100;background:#fff;padding:12px}.pp-skin-quiz .text-link{min-height:44px}.pp-skin-quiz .start .hook-images img{aspect-ratio:1;object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/5/assets/pp-skin-quiz.css.map */