.photo-link-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 14px}.photo-link-row>span{font-size:13px;letter-spacing:.08em}.view-photo{display:inline-flex;gap:15px;align-items:center;justify-content:center;background:#fff;border:1px solid #baa5dc;color:#39333e;padding:11px 16px;font:500 15px Figtree,sans-serif;cursor:pointer}.view-photo span{font-size:22px;font-weight:300}.scores>.view-photo{grid-column:1/-1;justify-self:end}.ingredient-more{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-top:1px solid #00000012;background:transparent;color:inherit;font:500 14px Figtree,sans-serif;padding:10px 0 0;margin:10px auto 0;cursor:pointer}.ingredient-more>span{font-size:22px;font-weight:300;line-height:1}.active .ingredient-more{margin:5px 0 0;padding:0;border:0;justify-content:flex-start}.skin-detail-dialog{position:fixed;inset:0;margin:auto;width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 32px - env(safe-area-inset-bottom));padding:0;border:1px solid #ded7d0;background:#fcfaf7;color:#302e2b;overflow:auto;overscroll-behavior:contain;box-shadow:0 18px 70px #0003;font-family:Figtree,sans-serif}.skin-detail-dialog::backdrop{background:#29262e8a;backdrop-filter:blur(5px)}body.skin-detail-open{overflow:hidden}.skin-detail-close{position:sticky;top:12px;float:right;margin:12px 12px -56px 0;z-index:3;border:1px solid #d6cec5;border-radius:50%;background:#fffef9ed;color:#302b35;width:42px;height:42px;font:300 30px Figtree;cursor:pointer}.skin-detail-copy{padding:28px}.skin-detail-copy h2{font:400 34px/1.1 'Playfair Display',serif;margin:12px 0 18px;max-width:90%}.skin-detail-copy h3{font:500 21px/1.35 Figtree;margin:12px 0}.skin-detail-copy p{font-size:16px;line-height:1.5}.skin-detail-copy .eyebrow{font-size:13px;padding-right:25px}.ingredient-photo{height:240px;position:relative;background:#eee9e0}.ingredient-photo img{width:100%;height:100%;object-fit:cover}.ingredient-photo>span{position:absolute;bottom:14px;left:20px;font-size:12px;letter-spacing:.08em;background:#fffffff0;padding:7px 10px}.ingredient-pairs{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #dfd8d0;margin-top:22px;padding-top:20px}.ingredient-pairs h4{font-size:16px;margin:0 0 8px}.ingredient-pairs p{font-size:14px;margin:0}.ingredient-inci{margin:24px 0;border-top:1px solid #dfd8d0;padding-top:16px}.ingredient-inci summary{font-size:15px;cursor:pointer}.ingredient-inci p{font-size:13px;overflow-wrap:anywhere}.skin-detail-copy .detail-source{font-size:13px;line-height:1.5;color:#746d66;margin:20px 0 0}.face-map{position:relative;width:min(100%,330px);aspect-ratio:4/5;margin:20px auto;background:#e6e0d7;--map-color:#91bad0;overflow:hidden}.face-map img,.face-map svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.face-map path{fill:var(--map-color);fill-opacity:.35;stroke:var(--map-color);stroke-width:.45;stroke-linejoin:round}.map-caption{position:absolute;bottom:12px;left:12px;background:#fffffff0;padding:7px 12px;font-size:14px}.concern-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.concern-selector button{border:1px solid #ded7d0;background:#fff;font:400 14px Figtree;padding:10px 5px;cursor:pointer;min-height:42px}.concern-selector button:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--map-color);margin-right:5px}.concern-selector button[aria-pressed=true]{background:color-mix(in srgb,var(--map-color) 25%,white);border-color:var(--map-color);font-weight:600}.map-zone{margin:14px 0 0;font-weight:500}.map-intro{margin-bottom:0}@media(max-width:480px){.skin-detail-copy{padding:24px 18px}.skin-detail-copy h2{font-size:30px}.face-map{width:240px}.concern-selector{grid-template-columns:repeat(2,1fr)}.ingredient-photo{height:200px}.photo-link-row>span{font-size:12px}.ingredient-more{font-size:13px}.result-card{padding-bottom:12px}.ingredient-pairs{gap:15px}}@media(prefers-reduced-motion:no-preference){.face-map path{transition:fill .3s,stroke .3s}}
/* The image and SVG share one intrinsic coordinate system, without cover cropping. */
.face-map{aspect-ratio:var(--photo-ratio,4/5);max-height:none}.face-map img{position:static;display:block;width:100%;height:auto;object-fit:contain}.face-map svg{height:100%;pointer-events:none}.face-map.is-aligning{cursor:crosshair;touch-action:manipulation}.face-map.is-aligning .map-caption{display:none}.face-map .face-anchor{fill:#baa5dc;stroke:white;stroke-width:2}.face-alignment{margin:12px 0 20px}.alignment-instruction{font-size:14px!important;line-height:1.45!important;min-height:2.9em;margin:0 0 10px}.align-face,.align-undo{font-size:14px;padding:9px 12px;min-height:42px}.align-undo[hidden]{display:none}.concern-detail-score{font-size:52px;line-height:1.1;padding:16px 0;color:#87746a}.concern-detail-score span{display:block;font-size:14px;margin-top:6px;color:#756f69}.concern-focus{background:#efeae4;padding:18px;margin-top:22px}.concern-focus h4{font-size:17px;margin:0 0 8px}.concern-focus p{margin:0}.result-card .ingredient-more{font-size:13px}

/* Abstract cosmetic textures: no botanical or raw-ingredient imagery. */
.abstract-active-texture{display:block;overflow:hidden;background-color:#eee7df;background-image:radial-gradient(ellipse at 78% 22%,#fffdf9 0%,#fffdf900 36%),radial-gradient(ellipse at 25% 78%,#cbbba8aa 0%,#cbbba800 55%),linear-gradient(125deg,#e4d9cb 5%,#faf6ef 29%,#d2c3ae 40%,#f6efe3 49%,#fffdf9 56%,#d6c8b6 75%,#eee5d8 100%)}
.texture-sensitivity{background-color:#f0e8e5;background-image:radial-gradient(ellipse at 72% 18%,#fffefb 0%,#fffefb00 41%),radial-gradient(ellipse at 28% 84%,#c9abae88 0%,#c9abae00 53%),linear-gradient(138deg,#e3d4d3 3%,#faf5ef 30%,#d6bec2 41%,#fffaf4 48%,#f8f2ee 57%,#dbc5c9 75%,#f4ebe7 100%)}
.texture-hydration{background-color:#e6eff0;background-image:radial-gradient(ellipse at 78% 24%,#ffffff 0%,#ffffff00 38%),radial-gradient(ellipse at 23% 76%,#8faeb866 0%,#8faeb800 54%),linear-gradient(135deg,#c8dcdf 4%,#f4faf8 29%,#adcbd2 41%,#eff8f7 49%,#ffffff 56%,#bfd8dd 74%,#edf5f3 100%)}
.active-ingredient-preview .abstract-active-texture{width:64px;height:64px;flex-shrink:0}.ingredient-photo>.abstract-active-texture{width:100%;height:100%}
.active .active-reference{display:flex;align-items:center;gap:7px;margin-left:auto;white-space:nowrap;font-size:12px;color:#77716b;flex-shrink:0}.active-color{display:block;width:10px;height:10px;border:1px solid #0000000c}.color-radiance{background:#f3d4c5}.color-sensitivity{background:#efd7dc}.color-hydration{background:#d3e7f1}
@media(max-width:400px){.active .active-reference{font-size:11px;gap:4px}.active-ingredient-preview{flex-basis:66px;width:66px}.active{gap:8px}.active .active-color{width:8px;height:8px}}