.public-beauty-page{gap:1rem;display:grid}.public-beauty-page h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:750;line-height:1.1}.public-beauty-page h2{font-size:1.15rem;font-weight:700}.public-beauty-links{flex-wrap:wrap;align-items:center;gap:.65rem 1rem;display:flex}.public-beauty-links a{text-underline-offset:.2em;text-decoration:underline}.public-home-search{margin:.8rem 0}.public-home-search button{font-weight:700}.public-product-card>a{gap:.2rem;padding:.65rem;display:grid}.product-card.public-product-card{grid-template-columns:minmax(64px,28%) minmax(0,1fr);align-items:center;gap:.35rem .7rem;padding:.7rem;display:grid}.product-card.public-product-card>.product-card-image-trigger{grid-row:span 2;width:100%;height:116px;position:relative;inset:auto;transform:none}.public-product-card>.product-price-preview{grid-column:1/-1}.public-home-card .product-card-image-trigger{padding:0;display:block}.public-home-card .product-function-preview{margin:0;padding:0}.face-scanner{max-width:720px;color:var(--foreground,#39332e);margin:24px auto}.face-scanner h2{letter-spacing:-.04em;margin:0 0 12px;font-family:inherit;font-size:clamp(23px,4vw,30px);font-weight:600}.face-scanner h3{margin:24px 0 10px;font-size:17px;font-weight:600}.face-scanner p,.face-scanner li{overflow-wrap:anywhere;font-size:15px;line-height:1.65}.face-muted{color:#716c66;line-height:1.6;font-size:13px!important}.face-intro{margin-bottom:24px}.face-scanner fieldset{border:0;min-width:0;margin:0 0 28px;padding:0}.face-scanner legend{margin-bottom:15px;font-size:17px;font-weight:600}.face-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.face-photo{background:#ffffff80;border:1px solid #e4dfd6;border-radius:18px;flex-direction:column;gap:8px;min-width:0;padding:9px;display:flex}.face-photo img,.face-photo-empty{aspect-ratio:3/4;object-fit:cover;background:#eeeae3;border-radius:12px;width:100%}.face-photo-empty{color:#81796e;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.face-photo-empty span{font-size:11px}.face-photo strong{text-align:center;font-size:12px}.face-file{cursor:pointer;border:1px solid #dfd8ce;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:9px 4px;position:relative;overflow:hidden;margin:0!important;font-size:12px!important;display:flex!important}.face-file input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.face-file:focus-within{outline-offset:2px;outline:2px solid #625e51}.face-remove{background:0 0;border:0;padding:5px;font-size:12px;text-decoration:underline}.face-scanner fieldset>label{margin:14px 0;font-size:14px;line-height:1.5;display:block}.face-scanner select,.face-scanner textarea{width:100%;font:inherit;color:inherit;background:#ffffffbf;border:1px solid #d9d3c8;border-radius:12px;margin-top:7px;padding:12px;font-size:16px}.face-scanner textarea{resize:vertical}.face-check{align-items:flex-start;gap:10px;display:flex!important}.face-check input{accent-color:#686950;flex:none;width:17px;height:17px;margin-top:4px}.face-scanner a{align-items:center;gap:7px;font-size:14px;display:inline-flex}.face-primary,.face-secondary{width:100%;font:inherit;text-align:center;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:15px 16px;font-size:15px;text-decoration:none;display:flex!important}.face-primary{color:#fff;background:#656650;border:0;margin:16px 0 10px;font-weight:600}.face-primary:disabled{opacity:.45;cursor:not-allowed}.face-secondary{color:inherit;background:0 0;border:1px solid #d9d3c8;margin:10px 0}.face-error{color:#933e30;background:#fff0eb;border-radius:12px;padding:14px}.face-limitations{background:#eeece4;border-radius:18px;margin-top:24px;padding:4px 18px 12px}.face-scanner ul{padding-left:20px}.face-professional{border-left:3px solid #a68b65;padding-left:14px}.face-results:focus{outline:none}.face-scanner button:focus-visible,.face-scanner a:focus-visible{outline-offset:3px;outline:2px solid #625e51}.beauty-app-shell .scanner-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.beauty-app-shell .scanner-tabs button{white-space:normal;min-width:0;padding:12px 5px}.face-scanner select,.face-scanner textarea{min-width:0;max-width:100%}.face-photo strong{justify-content:center;align-items:center;min-height:36px;display:flex}.face-file svg{flex-shrink:0}@media (width<=400px){.beauty-app-shell .scanner-tabs{border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr))}}.face-step-progress{color:#716c66;align-items:center;gap:16px;margin:16px 0 28px;font-size:13px;display:flex}.face-step-progress progress{accent-color:#656650;flex:1;min-width:0;height:5px}.face-choice-list{gap:12px;margin-top:20px;display:grid}.face-choice-list button{text-align:left;min-height:66px;color:inherit;background:#ffffffb3;border:1px solid #dddcd3;border-radius:19px;padding:19px}.face-choice-list button strong{font-size:16px;display:block}.face-choice-list button span{color:#716c66;margin-top:5px;font-size:13px;display:block}.face-choice-list button[aria-pressed=true]{background:#e6eadf;border-color:#6c755a}.face-choice-list button:disabled{opacity:.45}.face-scanner fieldset>h2{font-size:27px}.face-scanner fieldset>label,.face-scanner fieldset>div>label{margin:16px 0;font-size:14px;display:block}.face-type-card{background:#e5eadf;border-radius:24px;padding:26px}.face-type-card>span{color:#5c644c;margin-bottom:12px;font-size:13px;display:block}.face-type-card h2{margin:0;font-size:38px}.face-type-card small{color:#67695f;font-size:12px;line-height:1.5;display:block}.face-result-block{margin:30px 0}.face-result-block>h3{letter-spacing:-.03em;font-size:21px}.face-need-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.face-need-grid article,.face-action-item,.face-routine-card,.face-followup{background:#fff9;border:1px solid #e0ddd4;border-radius:18px;margin:10px 0;padding:18px}.face-need-grid article{margin:0}.face-scanner h4{margin:6px 0;font-size:16px;font-weight:600;line-height:1.4}.face-basis,.face-zone-detail>span{color:#6b715d;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.face-scanner .face-need-grid p,.face-scanner .face-action-item p{margin:5px 0;font-size:14px}.face-caution{border-left:3px solid #ad9368}.face-priorities{counter-reset:face-priority;gap:12px;padding:0;list-style:none;display:grid}.face-priorities li{counter-increment:face-priority;align-items:baseline;gap:12px;display:flex}.face-priorities li:before{content:counter(face-priority);background:#e6eadf;border-radius:50%;place-items:center;min-width:28px;height:28px;font-size:13px;display:grid}.face-result-details{background:#eeece4;border-radius:18px;padding:18px}.face-result-details summary{cursor:pointer;font-size:15px;font-weight:600}.face-map-photo{background:#e8e4df;border-radius:22px;position:relative;overflow:hidden}.face-map-photo>img{width:100%;height:auto;display:block}.face-zone-tabs{scrollbar-width:thin;gap:8px;padding:16px 1px;display:flex;overflow-x:auto}.face-zone-tabs button{white-space:normal;background:0 0;border:1px solid #ddd9cf;border-radius:30px;flex:none;max-width:200px;padding:9px 12px;font-size:12px}.face-zone-tabs button[aria-pressed=true]{background:#e5eadf;border-color:#7b8369}.face-zone-detail{background:#eeece4;border-radius:16px;padding:16px 18px}.face-zone-detail p{margin-bottom:0}.face-map-toggle{padding:10px 0;font-size:12px;text-decoration:underline}.face-map-dialog{max-height:92dvh;overflow-y:auto;max-width:680px!important;padding:24px!important}.face-map-dialog .face-map-photo{max-width:480px;margin:0 auto}.face-map-dialog .face-muted{font-size:12px;line-height:1.5}.face-map-dialog h4{font-size:16px;font-weight:600}.face-map-dialog p{line-height:1.6}.face-map-dialog .face-zone-tabs{max-width:100%}@media (width<=360px){.face-need-grid{grid-template-columns:1fr}.face-map-dialog{padding:18px!important}}@media (prefers-reduced-motion:no-preference){.face-choice-list button{transition:background .15s,border-color .15s}}.face-need-grid>article:only-child{grid-column:1/-1}.face-map-dialog{flex-direction:column;gap:14px;overflow:hidden;display:flex!important}.face-map-dialog h2{flex:none;padding-right:28px}.face-map-dialog>p{flex:none}.face-map-dialog .face-map-scroll{min-height:0;padding-right:3px;overflow-y:auto}.minimal-profile h1{margin-bottom:24px;font-size:28px;font-weight:650}.profile-questionnaire-entry{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:14px;width:100%;display:flex}.profile-questionnaire-entry span{flex:1;font-size:18px;font-weight:600}.profile-shelf-section{margin-top:28px}.profile-shelf-section h2{margin-bottom:10px;font-size:24px;font-weight:650}.profile-shelf-section>p{color:var(--muted-foreground);margin-top:14px;font-size:14px}.profile-beauty-dialog{background:var(--background);padding:calc(env(safe-area-inset-top) + 20px) 20px calc(env(safe-area-inset-bottom) + 30px);overflow-y:auto}.profile-beauty-dialog>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.profile-beauty-dialog>header button{min-height:44px;padding:8px}.minimal-face-results h2{margin:18px 0;font-size:26px;font-weight:650}.minimal-face-results h3{margin:26px 0 12px;font-size:20px;font-weight:600}.minimal-face-results article{border-bottom:1px solid var(--border);padding:16px 0}.minimal-face-results article h4{margin-bottom:5px;font-size:16px;font-weight:650}.minimal-face-results article p{color:var(--muted-foreground);font-size:14px;line-height:1.55}.minimal-face-results .zone-product-advice{color:var(--foreground);margin-top:7px}.minimal-face-results ol{padding-left:20px;font-size:14px;line-height:1.7}.minimal-face-results details{margin-top:20px;font-size:13px;line-height:1.6}.minimal-face-results .face-primary{margin-top:26px}.minimal-face-results .face-muted{margin-top:8px}.minimal-face-map{background:var(--background);padding:calc(env(safe-area-inset-top) + 24px) 20px 32px;overflow-y:auto}.quick-skin-questions{text-align:left;color:#fff;border:1px solid #ffffff30;border-radius:12px;padding:10px}.quick-skin-questions summary{cursor:pointer;font-size:12px}.quick-skin-questions label{margin-top:10px;font-size:12px;display:block}.quick-skin-questions select{color:#152a20;background:#f6f8f1;border-radius:8px;width:100%;margin-top:5px;padding:8px;display:block}
