@font-face{font-family:Fraunces;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fraunces-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:300 700;font-display:swap;src:url(/fonts/fraunces-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mulish;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/mulish-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mulish;font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/mulish-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--pink-50: #fdf4f8;--pink-100: #fbe9f2;--pink-200: #f6d3e4;--pink-300: #f2b8d3;--pink-400: #ec97bf;--pink-500: #e070a6;--pink-600: #b23274;--lav-200: #e7ddfb;--lav-300: #cbb4f2;--lav-400: #a982e6;--ink-950: #291726;--ink-900: #3d2a3a;--ink-700: #6b5566;--ink-500: #786574;--ink-300: #c9bcc4;--good: #4bb98a;--good-bg: #e3f5ec;--warn: #e6a23c;--warn-bg: #fcf1dd;--alert: #e2698a;--alert-bg: #fbe4ea;--surface: #ffffff;--surface-tint: #fff7fb;--bg-gradient: radial-gradient(120% 85% at 12% -5%, #fde9f3 0%, rgba(253, 233, 243, 0) 55%), radial-gradient(110% 75% at 102% 12%, #f1e6fd 0%, rgba(241, 230, 253, 0) 52%), radial-gradient(140% 90% at 50% 105%, #fbedf2 0%, rgba(251, 237, 242, 0) 58%), linear-gradient(180deg, #fdf4f9 0%, #f8effc 100%);--brand-gradient: linear-gradient(135deg, #f4a6c6 0%, #c9a7f0 100%);--brand-gradient-strong: linear-gradient(135deg, #b23274 0%, #7c4bc4 100%);--on-brand: #ffffff;--brand-shadow: rgba(140, 50, 120, .35);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--shadow-sm: 0 2px 10px rgba(140, 90, 125, .1);--shadow-card: 0 8px 24px rgba(140, 90, 125, .13);--shadow-lg: 0 14px 38px rgba(140, 90, 125, .2);--shadow-nav: 0 -4px 20px rgba(197, 143, 178, .14);--app-max-width: 460px;--font: "Mulish", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--ring-track: #f6e2ee;--hero-grad: linear-gradient(150deg, rgba(255, 255, 255, .94) 0%, rgba(255, 242, 249, .9) 100%);--hero-border: rgba(255, 255, 255, .9);--warn-ink: #7c5310;--warn-border: #f0d9a8;--lav-tint: #f6f0ff;--frame-grad: linear-gradient(160deg, #fbe9f2, #efe2fb);--body-grad: radial-gradient(90% 70% at 8% 0%, #f6e3ee 0%, rgba(246, 227, 238, 0) 60%), radial-gradient(80% 60% at 95% 8%, #ece2f8 0%, rgba(236, 226, 248, 0) 55%), linear-gradient(180deg, #f3e9f2 0%, #ece3f1 100%);color-scheme:light}:root[data-theme=dark]{--pink-50: #33202e;--pink-100: #3d2637;--pink-200: #4d2f44;--pink-300: #6b3d5c;--pink-400: #9c5580;--pink-500: #e070a6;--pink-600: #f0a2c8;--lav-200: #352b47;--lav-300: #4b3a6b;--lav-400: #b79aef;--ink-950: #f9eef6;--ink-900: #eadde7;--ink-700: #c9b3c3;--ink-500: #9d8a97;--ink-300: #635260;--good: #6fcda4;--good-bg: #1e352b;--warn: #eab35e;--warn-bg: #3a2d18;--alert: #ef82a0;--alert-bg: #3d222b;--surface: #2a1b27;--surface-tint: #241623;--bg-gradient: radial-gradient(120% 85% at 12% -5%, #3a1f31 0%, rgba(58, 31, 49, 0) 55%), radial-gradient(110% 75% at 102% 12%, #2c2140 0%, rgba(44, 33, 64, 0) 52%), radial-gradient(140% 90% at 50% 105%, #35202c 0%, rgba(53, 32, 44, 0) 58%), linear-gradient(180deg, #1d1119 0%, #191021 100%);--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--shadow-card: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 14px 38px rgba(0, 0, 0, .45);--shadow-nav: 0 -4px 20px rgba(0, 0, 0, .4);--brand-gradient-strong: linear-gradient(135deg, #f7b3d0 0%, #cfaef2 100%);--on-brand: #2a1226;--brand-shadow: rgba(0, 0, 0, .45);--ring-track: #3d2637;--hero-grad: linear-gradient(150deg, rgba(46, 28, 42, .96) 0%, rgba(58, 34, 51, .92) 100%);--hero-border: rgba(255, 255, 255, .07);--warn-ink: #ecc07c;--warn-border: #5b451e;--lav-tint: #2b2138;--frame-grad: linear-gradient(160deg, #33202e, #2b2138);--body-grad: radial-gradient(90% 70% at 8% 0%, #2c1a26 0%, rgba(44, 26, 38, 0) 60%), radial-gradient(80% 60% at 95% 8%, #241c33 0%, rgba(36, 28, 51, 0) 55%), linear-gradient(180deg, #171019 0%, #130d18 100%);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink-900);background:var(--body-grad);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{max-width:var(--app-max-width);min-height:100dvh;margin:0 auto;background:var(--bg-gradient);position:relative;display:flex;flex-direction:column;box-shadow:0 0 40px #966e961f}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.022}.app-scroll{flex:1;overflow-y:auto;padding:20px 18px calc(96px + env(safe-area-inset-bottom))}.h-app{font-family:var(--font-display);font-size:1.3rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-950)}.h-section{font-family:var(--font-display);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-950);margin:4px 0 12px}.muted{color:var(--ink-500);font-size:.85rem}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:16px}.card--hero{background:var(--hero-grad);border:1px solid var(--hero-border);box-shadow:var(--shadow-lg)}.card--quiet{background:var(--surface-tint);border:1px solid var(--pink-100);box-shadow:none}@media (prefers-reduced-motion: no-preference){.reveal>*{animation:rise .4s cubic-bezier(.22,.9,.35,1) both}.reveal>*:nth-child(1){animation-delay:.02s}.reveal>*:nth-child(2){animation-delay:.07s}.reveal>*:nth-child(3){animation-delay:.12s}.reveal>*:nth-child(4){animation-delay:.17s}.reveal>*:nth-child(5){animation-delay:.22s}.reveal>*:nth-child(n+6){animation-delay:.26s}.reveal .metric-grid>*{animation:rise .36s cubic-bezier(.22,.9,.35,1) both}.reveal .metric-grid>*:nth-child(1){animation-delay:.16s}.reveal .metric-grid>*:nth-child(2){animation-delay:.2s}.reveal .metric-grid>*:nth-child(3){animation-delay:.24s}.reveal .metric-grid>*:nth-child(4){animation-delay:.28s}.reveal .metric-grid>*:nth-child(5){animation-delay:.32s}.reveal .metric-grid>*:nth-child(6){animation-delay:.36s}.reveal .metric-grid>*:nth-child(7){animation-delay:.4s}.reveal .metric-grid>*:nth-child(n+8){animation-delay:.44s}.route-fade{animation:rise .22s ease-out both}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.btn{border:none;border-radius:999px;padding:15px 22px;font-size:1rem;font-weight:700;color:var(--on-brand);background:var(--brand-gradient-strong);box-shadow:0 8px 20px var(--brand-shadow);width:100%;transition:transform .08s ease,opacity .2s ease}.btn:active{transform:scale(.98)}@media (hover: hover){.btn:hover:not(:disabled){filter:brightness(1.04) saturate(1.05)}}.btn:disabled{opacity:.5;box-shadow:none}:where(button,a,input,[role=tab]):focus-visible{outline:2.5px solid var(--pink-600);outline-offset:2px;border-radius:6px}.btn:focus-visible,.chip:focus-visible,.select-chip:focus-visible{border-radius:999px}.btn-ghost{background:transparent;color:var(--pink-600);box-shadow:none;border:1.5px solid var(--pink-300)}.btn-quiet{background:var(--pink-100);color:var(--ink-900);box-shadow:none}.chip{display:inline-flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;padding:3px 10px;border-radius:999px}.chip--good{color:var(--good);background:var(--good-bg)}.chip--warn{color:var(--warn);background:var(--warn-bg)}.chip--alert{color:var(--alert);background:var(--alert-bg)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:.85rem;font-weight:600;color:var(--ink-700)}.field input{border:1.5px solid var(--pink-200);border-radius:var(--radius-sm);padding:13px 14px;font-size:1rem;background:var(--surface)}.field input:focus{outline:none;border-color:var(--pink-400)}.toggle-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--pink-100)}.toggle-row:last-child{border-bottom:none}.toggle-row p{margin:0;font-size:.9rem;line-height:1.35}.stack{display:flex;flex-direction:column;gap:14px}.center-screen{display:flex;flex-direction:column;justify-content:center;min-height:100%;gap:18px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;padding-top:calc(14px + env(safe-area-inset-top))}.app-header__brand{display:flex;align-items:center;gap:4px}.app-header__bell{background:var(--surface);border:none;border-radius:999px;width:40px;height:40px;display:grid;place-items:center;box-shadow:var(--shadow-card)}.bottom-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface);border-top-left-radius:22px;border-top-right-radius:22px;box-shadow:var(--shadow-nav);padding:8px 6px calc(8px + env(safe-area-inset-bottom))}.nav-tab{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.68rem;font-weight:700;color:var(--ink-500);padding:6px 0;margin:0 5px;border-radius:14px;transition:background .15s ease,color .15s ease}.nav-tab--active{color:var(--pink-600);background:var(--pink-100)}.hero-card{display:flex;gap:14px}.hero-card__greeting{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-950);margin:0 0 10px}.hero-card__left{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.hero-card__right{width:120px;display:flex;flex-direction:column;align-items:center;gap:8px}.hero-card__thumb{width:92px;height:92px;border-radius:var(--radius-md);background:var(--pink-100);color:var(--pink-500);display:grid;place-items:center}.score-ring{position:relative;display:grid;place-items:center}.score-ring svg{filter:drop-shadow(0 5px 14px rgba(224,112,166,.32))}@media (prefers-reduced-motion: no-preference){.score-ring__arc{transition:stroke-dashoffset .9s cubic-bezier(.3,.7,.2,1)}}.score-ring__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.score-ring__num{font-family:var(--font-display);font-size:2.4rem;font-weight:600;letter-spacing:-.02em;color:var(--ink-950);font-variant-numeric:tabular-nums}.score-ring__suffix{font-size:.72rem;color:var(--ink-500);margin-top:2px}.score-ring__sev{font-size:.8rem;font-weight:700;color:var(--pink-600);margin-top:4px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (min-width: 400px){.metric-grid{grid-template-columns:1fr 1fr 1fr}}.metric-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:12px;display:flex;flex-direction:column;gap:6px}.metric-card__top{display:flex;align-items:center;justify-content:space-between}.metric-card__glyph{width:46px;height:46px;border-radius:14px;background:var(--pink-100);color:var(--pink-500);display:grid;place-items:center}.metric-glyph[data-kind=hydration_score]{background:#e3effa;color:#4a86bd}.metric-glyph[data-kind=oiliness_score]{background:#fdeedd;color:#c9822f}.metric-glyph[data-kind=pores_score]{background:var(--pink-100);color:var(--pink-500)}.metric-glyph[data-kind=texture_score]{background:#f2ecdf;color:#a3874a}.metric-glyph[data-kind=redness_score]{background:#fbe4ea;color:#d05c7c}.metric-glyph[data-kind=spots_score]{background:#f2e9e1;color:#9a7350}.metric-glyph[data-kind=dark_circles_score]{background:var(--lav-200);color:var(--lav-400)}.metric-glyph[data-kind=wrinkles_score]{background:#e6f2e9;color:#559871}.metric-glyph[data-kind=blemishes_score]{background:#fde9e3;color:#cc6b4e}.metric-glyph[data-kind=skin_type]{background:var(--pink-100);color:var(--pink-500)}.metric-card__value{font-size:1.3rem;font-weight:800;color:var(--ink-900)}.metric-card__label{font-size:.82rem;font-weight:600;color:var(--ink-700)}.metric-card__delta{font-size:.72rem;font-weight:700;margin-left:4px;vertical-align:2px}.metric-arc{position:relative;display:inline-grid;place-items:center;flex:none}.metric-arc svg{position:absolute;top:0;right:0;bottom:0;left:0}.metric-arc__glyph{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--pink-100);color:var(--pink-500)}.metric-arc__glyph svg{position:static;width:17px;height:17px}@media (prefers-reduced-motion: no-preference){.metric-arc__fill{transition:stroke-dasharray .7s cubic-bezier(.3,.7,.2,1)}}.metric-card__sev{font-size:.76rem;font-weight:700;letter-spacing:.01em}.metric-card__sev--good{color:var(--good)}.metric-card__sev--warn{color:var(--warn-ink)}.metric-card__sev--alert{color:var(--alert)}.metric-card--best,.metric-card--focus{position:relative;padding-top:26px}.metric-card--best{box-shadow:var(--shadow-card),inset 0 0 0 1.5px var(--good)}.metric-card--focus{box-shadow:var(--shadow-card),inset 0 0 0 1.5px var(--warn-border)}.metric-card__flag{position:absolute;top:9px;left:12px;font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-500)}.metric-card--best .metric-card__flag{color:var(--good)}.metric-card--focus .metric-card__flag{color:var(--warn-ink)}.habit-band{padding:10px 6px}.habit-strip{display:grid;grid-template-columns:1fr 1fr}.habit-slot{border:none;background:transparent;font:inherit;color:inherit;text-align:center;padding:6px 10px}.habit-slot+.habit-slot{border-left:1px solid var(--pink-100)}.habit-card{padding:12px 14px;text-align:center}.habit-card__big{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--ink-950);margin:2px 0;display:flex;align-items:center;justify-content:center;gap:6px}.habit-card__label{font-size:.78rem;font-weight:600;color:var(--ink-700)}.findings{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px}.findings li{font-size:.88rem;line-height:1.4;color:var(--ink-700)}.routine-head{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--ink-950)}.routine-head__check{margin-left:auto;padding:6px 12px;font-size:.8rem;font-family:var(--font);border-radius:999px;border:1.5px solid var(--pink-300);background:transparent;color:var(--pink-600);font-weight:700;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.routine-head__check--done{background:var(--brand-gradient-strong);border-color:transparent;color:var(--on-brand)}.routine-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.routine-step{display:flex;gap:12px;align-items:flex-start;position:relative}.routine-step:not(:last-child):before{content:"";position:absolute;left:12px;top:30px;bottom:-14px;width:2px;background:linear-gradient(180deg,var(--pink-200),var(--lav-200));border-radius:2px}.routine-step__num{flex:none;width:26px;height:26px;border-radius:999px;background:var(--brand-gradient-strong);color:var(--on-brand);font-size:.8rem;font-weight:700;display:grid;place-items:center}.warn-card{background:var(--warn-bg);color:var(--warn-ink);font-size:.88rem;line-height:1.4;box-shadow:none;border:1px solid var(--warn-border)}.low-confidence{background:var(--warn-bg);color:var(--warn-ink);font-size:.9rem;line-height:1.4;border:1px solid var(--warn-border);box-shadow:none}.history-row{display:flex;align-items:center;justify-content:space-between}.badge-verified{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:var(--pink-100);color:var(--pink-600);font-size:.72rem;font-weight:800;letter-spacing:.02em;vertical-align:middle}.history-row__open{flex:1;text-align:left;border:none;background:transparent;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer}.feedback-link{display:block;text-align:center;font-size:.85rem;font-weight:600;color:var(--pink-600);text-decoration:none;padding:4px 0}.value-promise{display:flex;align-items:center;gap:16px}.value-promise__sample{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}.value-promise__steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.value-promise__steps li{display:flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--ink-700);line-height:1.3}.value-promise__num{flex-shrink:0;width:22px;height:22px;border-radius:999px;background:var(--pink-100);color:var(--pink-600);display:grid;place-items:center;font-size:.78rem;font-weight:800}.scan-detail__back{align-self:flex-start;border:none;background:transparent;padding:4px 0;font-size:.9rem;font-weight:600;color:var(--pink-600);cursor:pointer}.scan-detail__photo{width:100%;max-height:340px;object-fit:cover;border-radius:16px;display:block}.progress-chart{width:100%;height:auto;display:block;margin-top:12px;overflow:visible}.progress-chart__line{stroke:var(--pink-600);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.progress-chart__rule{stroke:var(--ring-track);stroke-width:1}.progress-chart__axis{font-family:var(--font);font-size:9.5px;font-weight:700;fill:var(--ink-500);font-variant-numeric:tabular-nums}.progress-chart__dot{fill:var(--surface);stroke:var(--pink-600);stroke-width:2}.progress-chart__dot--now{fill:var(--pink-600);stroke:var(--surface);stroke-width:2.5}.progress-chart__now{font-family:var(--font-display);font-size:15px;font-weight:600;fill:var(--ink-950);font-variant-numeric:tabular-nums}.compare-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.92rem}.icon-btn{border:none;background:var(--pink-100);color:var(--ink-500);width:30px;height:30px;border-radius:999px;font-size:.85rem;line-height:1;display:grid;place-items:center}.icon-btn:active{background:var(--alert-bg);color:var(--alert)}.camera-live{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-lg);overflow:hidden;background:#1c1420;border:3px solid var(--pink-200)}.camera-live--ready{border-color:var(--good)}.camera-live__video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-live__oval{position:absolute;top:8%;left:50%;transform:translate(-50%);width:62%;height:74%;border:3px dashed rgba(255,255,255,.75);border-radius:50%;pointer-events:none}.camera-live--ready .camera-live__oval{border-color:var(--good);border-style:solid}.camera-live__msg{position:absolute;left:50%;bottom:14px;transform:translate(-50%);max-width:88%;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:700;color:#fff;background:#281928b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.camera-live__msg--ok{background:var(--good)}.camera-frame{aspect-ratio:3 / 4;border-radius:var(--radius-lg);background:var(--frame-grad);display:grid;place-items:center;border:2px dashed var(--pink-300)}.camera-frame__guide{display:flex;flex-direction:column;align-items:center}.install-banner{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:50;width:min(92%,440px);display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);color:var(--on-brand);background:var(--brand-gradient-strong);box-shadow:0 10px 26px var(--brand-shadow)}.install-banner__cta{border:none;background:#fffffff2;color:var(--pink-600);font-weight:700;font-size:.82rem;padding:8px 12px;border-radius:999px;white-space:nowrap}.install-banner__close{border:none;background:transparent;color:#fff;font-size:.9rem;opacity:.85}.pro-card{border:2px solid var(--pink-300);background:linear-gradient(135deg,#fff,#fff4fa)}.plan-cards{display:flex;flex-direction:column;gap:10px;margin-top:6px}.plan-option{border:1.5px solid var(--pink-200);background:var(--pink-50);border-radius:16px;padding:12px 14px;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.plan-option--on{border:2px solid var(--pink-500);background:var(--pink-100);padding:11px 13px}.plan-option__badges{display:flex;gap:6px;margin-bottom:4px}.plan-option__badges:empty{display:none}.plan-badge{font-size:.7rem;font-weight:700;color:var(--pink-600);background:var(--surface);border-radius:999px;padding:2px 8px}.plan-badge--best{color:var(--on-brand);background:var(--brand-gradient-strong)}.plan-option__row{display:flex;align-items:baseline;gap:8px}.plan-option__name{font-weight:700;color:var(--ink-900)}.plan-option__price{margin-left:auto;font-size:1.15rem;font-weight:800;color:var(--ink-900)}.plan-option__period{font-size:.78rem;font-weight:600;color:var(--ink-500);margin-left:2px}.plan-option__check{align-self:center;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--ink-300);background:var(--surface);display:inline-flex;align-items:center;justify-content:center;flex:none}.plan-option__check--on{border-color:transparent;background:var(--brand-gradient-strong);color:var(--on-brand)}.plan-option__equiv{display:block;margin-top:2px;font-size:.78rem;color:var(--ink-500)}.pro-lock{text-align:center;background:linear-gradient(135deg,#fff,#f6ecfb)}.legal-links{display:flex;gap:16px;justify-content:center;margin-top:10px}.legal-links a{font-size:.8rem;color:var(--pink-600);text-decoration:underline}.onboarding-badge{width:74px;height:74px;border-radius:24px;background:var(--brand-gradient-strong);color:var(--on-brand);display:grid;place-items:center;margin:0 auto 14px;box-shadow:0 10px 24px var(--brand-shadow)}.sweep-ring{width:96px;height:96px;margin:0 auto;filter:drop-shadow(0 5px 14px rgba(224,112,166,.3))}@media (prefers-reduced-motion: no-preference){.sweep-ring{animation:sweep-spin 1.1s linear infinite}}@keyframes sweep-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chip-row--rail{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;padding-bottom:2px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.chip-row--rail::-webkit-scrollbar{display:none}.chip-row--rail>*{flex:none;scroll-snap-align:start}.select-chip{border:1.5px solid var(--pink-200);background:var(--surface);color:var(--ink-700);border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600}.select-chip--on{background:var(--brand-gradient-strong);border-color:transparent;color:var(--on-brand)}input[type=checkbox]{width:20px;height:20px;accent-color:var(--pink-500);margin-top:2px;flex:none}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:10px}.before-after__col{display:flex;flex-direction:column;align-items:center;gap:6px}.before-after__cap{font-size:.78rem;font-weight:700;color:var(--pink-600)}.before-after__img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:var(--radius-md);display:block;background:var(--pink-100)}.before-after__img--empty{border:1px dashed var(--pink-300)}.before-after__meta{font-size:.78rem}.nudge-card{background:var(--surface-tint);border:1px solid var(--pink-200);border-left:3px solid var(--pink-400);box-shadow:none;font-size:.9rem;line-height:1.4;color:var(--ink-700)}.share-result{display:flex;flex-direction:column;align-items:center;gap:6px}.share-result .btn{width:100%}.share-result__note{margin:0;font-size:.82rem}.hero-card__thumb-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);display:block}.tip-card{display:flex;gap:12px;align-items:flex-start;background:linear-gradient(135deg,var(--surface-tint) 0%,var(--lav-tint) 100%);border:1px solid var(--lav-200);box-shadow:none}.tip-card__icon{flex:none;width:34px;height:34px;border-radius:10px;background:var(--lav-200);display:grid;place-items:center;color:var(--lav-400)}.tip-card__title{margin:0 0 3px;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--pink-600)}.tip-card__text{margin:0;font-size:.88rem;line-height:1.4;color:var(--ink-700)}.routine-slot--active{border:1.5px solid var(--pink-300)}.routine-now{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--on-brand);background:var(--brand-gradient-strong);border-radius:999px;padding:3px 9px}.routine-head__view{margin-left:auto;padding:6px 12px;font-size:.8rem;font-family:var(--font);border-radius:999px;border:1.5px solid var(--pink-300);background:transparent;color:var(--pink-600);font-weight:700;cursor:pointer}.routine-taphint{margin:0 0 12px;font-size:.78rem;color:var(--ink-500)}.routine-step__toggle{display:flex;align-items:center;gap:6px;width:100%;border:none;background:transparent;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.routine-step__chevron{color:var(--pink-600);font-size:.9rem;transition:transform .15s ease}.routine-step__chevron--open{transform:rotate(180deg)}.step-guide{margin:10px 0 0;display:flex;flex-direction:column;gap:8px;border-left:2px solid var(--pink-100);padding-left:12px}.step-guide__row{display:flex;flex-direction:column;gap:1px}.step-guide dt{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--pink-600)}.step-guide dd{margin:0;font-size:.86rem;line-height:1.4;color:var(--ink-700)}.compare-table{width:100%;border-collapse:collapse;font-size:.86rem}.compare-table th,.compare-table td{padding:9px 4px;border-bottom:1px solid var(--pink-100);text-align:left;vertical-align:middle}.compare-table tr:last-child td{border-bottom:none}.compare-table thead th{font-size:.8rem;font-weight:700;color:var(--ink-500);border-bottom:2px solid var(--pink-100)}.compare-table th:not(:first-child),.compare-table td:not(:first-child){text-align:center;width:74px}.compare-table td:first-child{color:var(--ink-700)}.compare-table__pro{color:var(--pink-600);background:var(--pink-100)}.compare-table__val{font-weight:700;font-size:.8rem}.compare-table__no{color:var(--ink-500)}.mode-card,.product-cta{display:flex;align-items:center;gap:14px;width:100%;text-align:left;border:none;font:inherit;cursor:pointer}.mode-card__icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--pink-50);display:grid;place-items:center}.seg-tabs{display:flex;gap:6px;background:var(--pink-50);padding:4px;border-radius:999px}.seg-tab{flex:1;border:none;background:transparent;padding:9px 10px;border-radius:999px;font:inherit;font-weight:600;font-size:.9rem;color:var(--ink-700);cursor:pointer}.seg-tab--on{background:var(--surface);color:var(--pink-600);box-shadow:0 1px 4px #e070a62e}.scanner-view{position:relative;width:100%;aspect-ratio:3 / 2;border-radius:var(--radius-lg, 20px);overflow:hidden;background:#1c1420;display:grid;place-items:center}.scanner-view--idle{background:var(--pink-50)}.scanner-view__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.scanner-view__line{position:absolute;left:12%;right:12%;height:2px;background:var(--pink-400);box-shadow:0 0 12px var(--pink-400)}.field textarea{border:1.5px solid var(--pink-200);border-radius:var(--radius-sm);padding:13px 14px;font-size:1rem;font-family:inherit;background:var(--surface);resize:vertical}.field textarea:focus{outline:none;border-color:var(--pink-400)}.compat-hero{text-align:center}.usage-row{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--pink-100)}.usage-row:last-of-type{border-bottom:none}.ingredient-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ingredient-item{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.ingredient-flags{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}.ingredient-chip{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--pink-50);color:var(--ink-700)}.skeleton{border-radius:16px;background:linear-gradient(90deg,var(--pink-100) 25%,var(--pink-50) 50%,var(--pink-100) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.skeleton--bar{height:22px;width:60%}.skeleton--hero{height:190px}.skeleton--card{height:96px;flex:1}.skeleton-row{display:flex;gap:12px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none}}.habit-slot:active,.product-cta:active,.mode-card:active,.plan-option:active,.select-chip:active,.seg-tab:active,.routine-head__check:active,.routine-head__view:active,.history-row__open:active,.icon-btn:active,.btn-ghost:active,.btn-quiet:active{transform:scale(.97)}@media (prefers-reduced-motion: no-preference){.routine-head__check--done{animation:check-pop .32s cubic-bezier(.34,1.56,.64,1)}}@keyframes check-pop{0%{transform:scale(.92)}55%{transform:scale(1.07)}to{transform:none}}.analysis-phase{min-height:1.4em;margin:6px 0 0;font-size:.9rem;font-weight:600;color:var(--ink-700)}@media (prefers-reduced-motion: no-preference){.analysis-phase{animation:rise .35s ease-out both}}.select-chip,.seg-tab,.routine-head__check,.routine-head__view{min-height:44px}.icon-btn{width:40px;height:40px}.btn-quiet,.btn-ghost{min-height:44px}.metric-card__value,.plan-option__price,.habit-card__big{font-variant-numeric:tabular-nums}.empty-state{text-align:center;padding:30px 20px 26px}.empty-state__badge{width:64px;height:64px;margin:0 auto 14px;border-radius:22px;background:var(--pink-100);color:var(--pink-500);display:grid;place-items:center}.empty-state__title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.01em;color:var(--ink-950);margin:0 0 6px;text-wrap:balance}.empty-state__sub{margin:0;font-size:.9rem;line-height:1.5;color:var(--ink-700)}.plan-option--annual{border:2px solid transparent;background:linear-gradient(var(--pink-50),var(--pink-50)) padding-box,var(--brand-gradient) border-box;padding:11px 13px}.plan-option--annual.plan-option--on{background:linear-gradient(var(--pink-100),var(--pink-100)) padding-box,var(--brand-gradient) border-box}.plan-option__price{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:-.01em}.otp-input{letter-spacing:.35em;text-align:center;font-size:1.45rem;font-weight:700;font-variant-numeric:tabular-nums}[data-theme=dark] .metric-glyph[data-kind=hydration_score]{background:#1e2c3b;color:#7fb3e0}[data-theme=dark] .metric-glyph[data-kind=oiliness_score]{background:#3a2b17;color:#e0a860}[data-theme=dark] .metric-glyph[data-kind=texture_score]{background:#322b1c;color:#cfb075}[data-theme=dark] .metric-glyph[data-kind=redness_score]{background:#3d222b;color:#ef8fa8}[data-theme=dark] .metric-glyph[data-kind=spots_score]{background:#322620;color:#c99b76}[data-theme=dark] .metric-glyph[data-kind=wrinkles_score]{background:#1f3226;color:#83c49d}[data-theme=dark] .metric-glyph[data-kind=blemishes_score]{background:#3a2420;color:#e6957a}[data-theme=dark] .pro-card{background:linear-gradient(135deg,#2a1b27,#33202e)}[data-theme=dark] .pro-lock{background:linear-gradient(135deg,#2a1b27,#2b2138)}[data-theme=dark] .install-banner__cta{background:#2a1226;color:#f7b3d0}[data-theme=dark] .seg-tab--on{box-shadow:0 1px 4px #0006}.catalog-proof{border-radius:var(--radius-md);background:var(--surface-tint);border:1px solid var(--pink-100);padding:12px 14px;overflow:hidden}.catalog-proof__line{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--ink-950);font-variant-numeric:tabular-nums}.catalog-proof__brands{display:flex;gap:14px;margin:8px -14px 0;padding-inline:14px;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 82%,transparent)}.catalog-proof__brands::-webkit-scrollbar{display:none}.catalog-proof__brands>span{flex:none;font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--pink-600);white-space:nowrap}.catalog-proof__sub{margin:8px 0 0;font-size:.78rem;color:var(--ink-500)}.mode-stack{gap:14px}.mode-tile{position:relative;display:block;width:100%;text-align:left;border:1px solid var(--hero-border);border-radius:var(--radius-lg);padding:20px 18px 18px;min-height:148px;box-shadow:var(--shadow-card);font:inherit;color:inherit;overflow:hidden;transition:transform .08s ease}.mode-tile:active{transform:scale(.985)}.mode-tile--skin{background:radial-gradient(120% 120% at 100% 0%,var(--pink-100) 0%,transparent 62%),var(--surface)}.mode-tile--product{background:radial-gradient(120% 120% at 100% 0%,var(--lav-200) 0%,transparent 62%),var(--surface)}.mode-tile__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--brand-gradient-strong);color:var(--on-brand);margin-bottom:12px}.mode-tile__kicker{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--pink-600)}.mode-tile__title{display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--ink-950);margin-top:2px}.mode-tile__desc{display:block;margin-top:4px;font-size:.85rem;line-height:1.4;color:var(--ink-700)}