@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-tight-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/inter-tight-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:300;src:url(/fonts/cormorant-garamond-latin-300-normal.woff2)format("woff2")}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:300;src:url(/fonts/cormorant-garamond-latin-300-italic.woff2)format("woff2")}:root{--white:#fff;--stone:#ebeae8;--mist:#f7f6f4;--taupe:#cfc6bc;--graphite:#3d3d3d;--black:#000;--muted:#5e5e5e;--line:#dedcd8;--control:#8a8a8a;--danger:#a1262f;--live:#2f6b4f;--pearl:linear-gradient(90deg,#e9d8c4,#e8bfcb 35%,#cbbfea 68%,#b9dceb);--sans:"Inter Tight","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--serif:"Cormorant Garamond","Times New Roman","Songti SC",serif;--gutter:max(48px,calc(50vw - 592px));--radius:4px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--white);color:var(--graphite);font-family:var(--sans);letter-spacing:.005em;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.6}.app{overflow-x:clip}button,input,select,textarea{font:inherit;letter-spacing:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:46px;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:10px 16px;line-height:1.3;display:inline-flex}button:disabled{cursor:not-allowed;opacity:.5}svg{flex-shrink:0}a{color:var(--black)}:focus-visible{outline:2px solid var(--black);outline-offset:4px}h1:focus{outline:none}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--black)}h1{letter-spacing:-.025em;margin-bottom:18px;font-size:clamp(2.3rem,4.2vw,3.6rem);font-weight:300;line-height:1.08}h2{letter-spacing:-.01em;font-size:1.5rem;font-weight:500;line-height:1.25}h3{font-size:1rem;font-weight:600}p{margin-bottom:16px}img{max-width:100%;display:block}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.fine{color:var(--muted);font-size:.875em}.muted{color:var(--muted)}.eyebrow{color:var(--muted);letter-spacing:.01em;margin-bottom:12px;font-size:.875em;font-weight:500}.lead{color:var(--graphite);max-width:680px;font-size:1.125em;font-weight:300}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--white);color:var(--black);z-index:30;border:1px solid var(--black);padding:14px 18px;position:absolute;top:14px;left:20px;transform:translateY(-300%)}.skip-link:focus{transform:none}.primary,.secondary{border-radius:999px;min-height:48px;padding:13px 26px;font-weight:500;transition:background-color .15s,color .15s,border-color .15s}.primary{background:var(--black);color:var(--white);border:1px solid var(--black)}.primary:hover:not(:disabled){background:#333}.secondary{color:var(--black);border:1px solid var(--black);background:0 0}.secondary:hover:not(:disabled){background:var(--mist)}.secondary.selected{background:var(--taupe);border-color:var(--black);box-shadow:inset 0 0 0 1px var(--black);font-weight:600}.text-button{color:var(--black);text-align:left;text-decoration:underline;-webkit-text-decoration-color:var(--control);text-decoration-color:var(--control);text-underline-offset:5px;padding-left:0;padding-right:6px}.text-button:hover:not(:disabled){-webkit-text-decoration-color:var(--black);text-decoration-color:var(--black)}.danger,.text-button.danger{color:var(--danger)}.secondary.danger{border-color:var(--danger)}.button-row,.hero-actions,.speech-tools,.step-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.site-header{min-height:84px;padding:0 var(--gutter);border-bottom:1px solid var(--line);background:var(--white);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:relative}.site-header nav{align-items:center;gap:26px;display:flex}.nav-button{white-space:nowrap;color:var(--graphite);padding:10px 0;font-size:.9375em}.nav-button.active{color:var(--black);box-shadow:inset 0 -1px var(--black)}.count{background:var(--stone);border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:2px;font-size:.75em;display:inline-flex}.brand{color:var(--black);flex-direction:column;gap:2px;padding:6px 10px}.wordmark{letter-spacing:.32em;white-space:nowrap;margin-right:-.32em;font-size:1.0625rem;font-weight:500}.wordmark-sub{letter-spacing:.24em;color:var(--muted);text-transform:uppercase;margin-right:-.24em;font-size:.6875rem}.header-tools{justify-self:end;align-items:center;gap:10px;display:flex}.lang-button{border:1px solid var(--line);min-height:46px;color:var(--black);border-radius:999px;gap:6px;padding:0 14px;font-size:.875em;font-weight:500}.lang-button:hover{border-color:var(--black)}.icon-button{border:1px solid var(--line);border-radius:999px;width:46px;height:46px;padding:0}.icon-button:hover{border-color:var(--black)}.utility-bar{min-height:52px;padding:0 var(--gutter);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;font-size:.8125em;display:flex}.mode,.utility-controls,.narration-toggle{align-items:center;gap:10px;display:flex}.dot{background:var(--black);border-radius:50%;width:8px;height:8px}.dot.live{background:var(--live)}.narration-toggle,.stop-button{min-height:44px}.stop-button{text-decoration:none}.main{max-width:1280px;min-height:58vh;margin:auto;padding:36px 48px 72px}.main.view-home{padding-top:0}.notification{padding:14px var(--gutter);background:var(--mist);border-bottom:1px solid var(--line);color:var(--black);margin:0}.hero{isolation:isolate;padding:112px var(--gutter) 96px;min-height:min(84vh,740px);color:var(--black);background:#f3eee8;align-items:center;margin:0 calc(50% - 50vw);display:flex;position:relative;overflow:hidden}.hero-visual{z-index:-2;margin:0;position:absolute;inset:0}.hero-visual img{object-fit:cover;object-position:68% center;width:100%;height:100%}.hero-visual:after{content:"";background:linear-gradient(90deg,#faf8f5f7 0%,#faf8f5e6 34%,#faf8f559 62%,#faf8f500 82%);position:absolute;inset:0}.hero-visual figcaption{right:var(--gutter);z-index:1;color:var(--graphite);background:#ffffffdb;border-radius:999px;padding:6px 12px;font-size:.75rem;position:absolute;bottom:22px}.hero-copy{max-width:600px;position:relative}.hero .eyebrow{color:var(--graphite)}.hero h1{font-family:var(--serif);color:var(--black);letter-spacing:.005em;margin-bottom:28px;font-size:clamp(3.4rem,7vw,6.2rem);font-weight:300;line-height:1}.hero-lead{max-width:460px;color:var(--graphite);margin-bottom:34px;font-size:1.1875em;font-weight:300}.hero .secondary{background:#ffffffb3}.hero .secondary:hover{background:var(--white)}.hero .text-button{margin-top:14px}.hero-note{color:var(--muted);align-items:center;gap:10px;margin:26px 0 0;font-size:.875em;display:flex}.flow-lines{z-index:-1;pointer-events:none;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.flow-line{fill:none;stroke:url(#pearl);stroke-width:1px;opacity:.5;animation:18s ease-in-out infinite alternate flow-breathe}.flow-drift{animation:30s ease-in-out infinite alternate flow-drift}@keyframes flow-breathe{0%{transform:translateY(-8px)}to{transform:translateY(10px)}}@keyframes flow-drift{0%{transform:translate(-24px)}to{transform:translate(24px)}}.principles{padding:64px var(--gutter);background:var(--white);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:48px;margin:0 calc(50% - 50vw);display:grid}.principles>div{flex-direction:column;gap:14px;display:flex}.principle-number{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:14px;font-size:.8125em;font-weight:500}.principles h2{margin:0;font-size:1.75rem;font-weight:300}.principles p{color:var(--graphite);max-width:30ch;margin:0}.home-bottom{justify-content:space-between;align-items:flex-end;gap:40px;padding-top:72px;display:flex}.home-bottom h2{letter-spacing:-.02em;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:300}.home-bottom p:last-child{max-width:520px;margin:0}.site-footer{background:var(--stone);color:var(--graphite);padding:44px var(--gutter) 36px;margin-top:0}.footer-top{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:24px;font-size:.875em;display:flex}.footer-brand{color:var(--black);letter-spacing:.32em;text-transform:uppercase;font-size:.875rem;font-weight:500}.site-footer>.fine{margin:24px 0 0;font-size:.8125em}.presenter{border-top:1px solid #cfccc7;margin:0}.site-footer .secondary{background:#fff9}.page-heading{margin:20px 0 40px}.page-heading .lead{margin:0}.section-toolbar,.bottom-action,.option-top,.step-meta,.guide-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.section-toolbar{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:18px}.bottom-action{margin-top:32px}.journey{border-bottom:1px solid var(--line);gap:0;margin:0 0 44px;padding:0;font-size:.875em;list-style:none;display:flex}.journey li{color:var(--muted);flex:1;align-items:center;gap:10px;padding:0 0 14px;display:flex;position:relative}.journey li>span{border:1px solid var(--control);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85em;display:flex}.journey .current{color:var(--black);font-weight:600}.journey .current:after{content:"";background:var(--pearl);height:2px;position:absolute;bottom:-1px;left:0;right:0}.journey .current:before{content:"";background:var(--black);clip-path:inset(0 70% 0 0);height:2px;position:absolute;bottom:-1px;left:0;right:0}.journey .current>span,.journey .complete>span{background:var(--black);color:var(--white);border-color:var(--black)}.journey .complete{color:var(--graphite)}.product-card,.identified-card,.routine-option{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.identify-methods section,.setup-form,.preparation-checks,.summary-main,.settings-layout section,.guide-action{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px}.setup-aside,.summary-aside,.guide-product{background:var(--stone);border-radius:var(--radius);padding:30px}.empty{text-align:center;border:1px solid var(--line);border-radius:var(--radius);background:var(--mist);padding:64px 28px}.empty>svg{color:var(--black);margin-bottom:18px}.empty .button-row{justify-content:center}.notice,.review,.recovery{background:var(--mist);border-left:2px solid var(--black);padding:16px 20px;font-size:.9375em}.recovery{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:28px 0;display:flex}.recovery p{margin:4px 0 0}.label{border:1px solid var(--line);color:var(--graphite);background:var(--white);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:.8125em;display:inline-flex}.error{color:var(--danger)}.hidden{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.product-card-body,.identified-content{padding:26px}.product-card h2{margin-bottom:8px}.product-swatch{background:radial-gradient(ellipse at 50% 110%,#dad7d2,transparent 62%),var(--mist);justify-content:center;align-items:center;height:200px;display:flex;overflow:hidden}.product-swatch.small{border-radius:var(--radius);flex-shrink:0;width:72px;height:80px}.lipstick{filter:drop-shadow(8px 10px 10px #0000001f);width:42px;height:127px;position:relative}.lipstick span{background:linear-gradient(90deg,var(--shade),#fff5,var(--shade));border-radius:65% 45% 0 0;width:27px;height:56px;position:absolute;top:0;left:7px}.lipstick i{background:linear-gradient(90deg,#9a9a9a,#f3f3f3,#9d9d9d);width:36px;height:23px;position:absolute;top:45px;left:3px}.lipstick b{background:linear-gradient(90deg,#1c1c1c,#4a4a4a,#1c1c1c);border-bottom:9px double #6b6b6b;border-radius:2px 2px 4px 4px;width:42px;height:69px;position:absolute;bottom:0}.compact{background:linear-gradient(120deg,#1d1d1d,#4b4b4b);border-radius:50%;width:116px;height:116px;padding:11px;box-shadow:8px 12px 18px #00000024}.compact span{background:var(--shade);border:3px solid #2b2b2b;border-radius:50%;width:100%;height:100%;display:block}.small .lipstick{transform:scale(.45)}.small .compact{min-width:100px;transform:scale(.55)}.palette-illustration{background:#222;border-radius:6px;grid-template-columns:1fr 1fr;gap:8px;width:140px;height:110px;padding:12px;display:grid}.palette-illustration span{background:#d3b99e}.palette-illustration span:nth-child(2){background:#b87887}.palette-illustration span:nth-child(3){background:#88746e}.palette-illustration span:nth-child(4){background:#834963}.small .palette-illustration{min-width:140px;transform:scale(.5)}.product-facts{flex-wrap:wrap;gap:18px;font-size:.9375em;display:flex}.product-facts dt,.action-detail dt{color:var(--muted);font-size:.8125em;font-weight:500}dd{margin:3px 0}.tactile{color:var(--black);align-items:flex-start;gap:10px;font-size:.9375em;display:flex}.tactile svg{margin-top:3px}.saved-section{margin-top:56px}.field{color:var(--black);flex-direction:column;gap:8px;min-width:0;margin-bottom:22px;font-size:.9375em;font-weight:500;display:flex}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--control);border-radius:var(--radius);background:var(--white);width:100%;min-height:50px;color:var(--black);padding:12px 14px;font-weight:400}input:not([type=checkbox]):not([type=radio]):hover,select:hover,textarea:hover{border-color:var(--black)}textarea{resize:vertical}input[type=checkbox],input[type=radio]{accent-color:var(--black);flex-shrink:0;width:20px;height:20px;margin:0}fieldset{border:0;min-width:0;margin:0 0 28px;padding:0}legend{color:var(--black);margin-bottom:12px;font-weight:500}summary{cursor:pointer;min-height:44px;color:var(--black);padding:12px 0;font-weight:500}details{border-top:1px solid var(--line);margin:16px 0}details[open] summary{margin-bottom:10px}.choice-row,.style-options{flex-wrap:wrap;gap:10px;display:flex}.choice,.style-choice{border:1px solid var(--control);cursor:pointer;background:var(--white);min-height:48px;color:var(--black);border-radius:999px;align-items:center;gap:8px;padding:11px 18px;font-size:.9375em;display:flex}.choice:hover,.style-choice:hover{border-color:var(--black)}.selected,.choice.selected,.style-choice.selected{background:var(--taupe);border-color:var(--black);font-weight:600}.choice input{width:16px;height:16px}.style-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.style-card{text-align:left;border:1px solid var(--control);border-radius:var(--radius);background:var(--white);color:var(--graphite);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:6px;min-height:96px;padding:18px 20px;display:flex}.style-card:hover{border-color:var(--black)}.style-card.selected{border-color:var(--black);box-shadow:inset 0 0 0 1px var(--black);background:#f1ece6}.style-title{color:var(--black);align-items:center;gap:8px;font-size:1.0625em;font-weight:600;display:flex}.style-desc{color:var(--muted);font-size:.875em;font-weight:400;line-height:1.55}.custom-time{max-width:280px;margin-top:16px}.custom-time .field{margin-bottom:6px}.custom-time .error{margin:0;font-size:.875em}.lang-field{margin-bottom:12px}.check-label{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;font-size:.9375em;display:flex}.check-label input{margin-top:2px}.preference-checks{border-block:1px solid var(--line);margin-bottom:26px;padding:14px 0}.two-fields{grid-template-columns:1fr 1fr;gap:22px;display:grid}.identify-layout,.setup-layout,.preparation-layout,.summary-layout{grid-template-columns:1.15fr 1fr;align-items:start;gap:40px;display:grid}.identify-methods section+section{margin-top:20px}.demo-identification{background:var(--mist)!important}.section-icon{color:var(--black);margin-bottom:16px}.identify-placeholder{border:1px dashed var(--control);border-radius:var(--radius);text-align:center;min-height:430px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.identify-placeholder svg{color:var(--black);margin-bottom:24px}.setup-layout{grid-template-columns:1.8fr 1fr;gap:32px}.mini-product,.prep-product{align-items:center;gap:16px;margin-bottom:18px;display:flex}.mini-product span{color:var(--muted);font-size:.8125em;display:block}.prep-product h3,.prep-product p{margin-bottom:4px}.prep-product{border-bottom:1px solid var(--line);padding:16px 0}.preparation-layout{grid-template-columns:1fr 1.2fr}.routine-options{grid-template-columns:1fr 1fr;gap:24px;display:grid}.routine-option{flex-direction:column;padding:32px;display:flex;position:relative}.routine-option:before{content:"";background:var(--pearl);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.routine-option:hover:before,.routine-option:focus-within:before{opacity:1}.option-top{margin-bottom:28px}.option-letter{font-family:var(--serif);color:var(--black);font-size:2.6rem;font-style:italic;line-height:1}.routine-option h2{letter-spacing:-.02em;font-size:2rem;font-weight:300}.option-effect{font-size:1.0625em}.option-products{flex-wrap:wrap;gap:14px;margin:8px 0 22px;display:flex}.option-products>div{align-items:center;gap:8px;font-size:.9375em;display:flex}.color-dot{border:1px solid #00000040;border-radius:50%;width:16px;height:16px}.options-compare{color:var(--black);background:var(--mist);border-left:2px solid var(--black);max-width:900px;margin:-12px 0 28px;padding:14px 18px;font-size:1.0625em}.option-summary{color:var(--black);margin-bottom:14px;font-size:1.0625em;font-weight:500}.option-facts{border-block:1px solid var(--line);gap:12px;margin:4px 0 18px;padding:16px 0;display:grid}.option-facts>div{grid-template-columns:88px 1fr;gap:12px;display:grid}.option-facts dt{color:var(--muted);font-size:.875em;font-weight:500}.option-facts dd{margin:0;font-size:.9375em;line-height:1.65}.option-fit{border-radius:var(--radius);margin-bottom:16px;padding:12px 14px;font-size:.9375em}.option-fit p{margin:0}.option-fit .text-button{min-height:40px;margin-top:6px}.option-fit.ok{background:var(--mist)}.option-fit.warn{background:#f6efe6;border:1px solid #b9874f}.why{border-top:0;margin:auto 0 18px}.why p{color:var(--graphite);font-size:.9375em}.guide-heading .page-heading{margin-top:0}.guide-layout{grid-template-columns:290px 1fr;align-items:start;gap:28px;display:grid}.guide-product>.product-swatch{border-radius:var(--radius);background:radial-gradient(ellipse at 50% 110%,#cfccc6,transparent 62%),var(--mist);height:160px;margin-bottom:24px}.guide-action{padding:36px}.step-meta{gap:10px;font-size:.875em}.step-meta .eyebrow{color:var(--black);margin:0;font-size:1em}.progress-track{background:var(--stone);border-radius:3px;height:3px;margin:18px 0 30px;overflow:hidden}.progress-track>div{background:var(--pearl);height:100%;transition:width .4s;box-shadow:inset 0 0 0 1px #00000026}.guide-action h2{letter-spacing:-.02em;font-size:2.125rem;font-weight:300}.instruction{color:var(--black);max-width:62ch;font-size:1.25em;line-height:1.75}.action-detail{border-block:1px solid var(--line);gap:12px;padding:20px 0;display:grid}.action-detail>div{grid-template-columns:80px 1fr;gap:10px;display:grid}.action-detail dd{margin:0;font-size:.9375em}.speech-tools{margin:20px 0}.step-actions{border-top:1px solid var(--line);padding-top:20px}.step-actions .primary{min-width:190px}.routine-tools{margin:24px 0 0 318px}.routine-tools>.fine{margin-top:10px}.recognized{color:var(--black);font-weight:500}.wave{align-items:center;gap:2px;width:0;height:16px;transition:width .2s;display:inline-flex;overflow:hidden}.wave.on{width:22px}.wave i{background:var(--black);transform-origin:50%;border-radius:2px;width:2px;height:100%;display:block;transform:scaleY(.3)}.wave.on i{animation:1s ease-in-out infinite wave}.wave.on i:nth-child(2){animation-delay:-.2s}.wave.on i:nth-child(3){animation-delay:-.4s}.wave.on i:nth-child(4){animation-delay:-.6s}.wave.on i:nth-child(5){animation-delay:-.8s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.back-link{min-height:44px;color:var(--graphite);gap:8px;margin:0 0 18px -2px;text-decoration:none}.back-link:hover{color:var(--black);text-decoration:underline}.main.view-home .back-link{display:none}.step-back{gap:6px;margin-left:auto;text-decoration:none}.step-back:disabled{opacity:.35}.review-notice{margin:0 0 16px}.assistant-reply{border-radius:var(--radius);background:var(--mist);border:1px solid var(--line);margin:20px 0;padding:20px 22px;position:relative;overflow:hidden}.assistant-reply:before{content:"";background:var(--pearl);width:3px;position:absolute;top:0;bottom:0;left:0}.assistant-title{color:var(--muted);margin:0 0 6px;font-size:.8125em;font-weight:600}.assistant-said{color:var(--muted);margin:0 0 8px;font-size:.875em}.assistant-intro{color:var(--black);margin:0 0 8px;font-weight:500}.assistant-items{color:var(--black);gap:8px;margin:0 0 12px;padding-left:1.4em;line-height:1.7;display:grid}.assistant-quick{flex-wrap:wrap;gap:8px;margin:10px 0 8px;display:flex}.chip{border:1px solid var(--control);background:var(--white);min-height:44px;color:var(--black);border-radius:999px;padding:8px 16px;font-size:.875em}.chip:hover{border-color:var(--black)}.assistant-reply .fine{margin:6px 0 0}.ask-form .field{flex:1;margin:0}.choice-groups{align-items:start;gap:22px}.field-hint{color:var(--muted);margin:-4px 0 12px;font-size:.875em}.option-cards{gap:8px;display:grid}.option-card{border:1px solid var(--control);border-radius:var(--radius);cursor:pointer;background:var(--white);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.option-card:hover{border-color:var(--black)}.option-card.selected{border-color:var(--black);box-shadow:inset 0 0 0 1px var(--black);background:#f1ece6}.option-card input{margin-top:4px}.option-card>span{flex-direction:column;gap:2px;display:flex}.option-card strong{color:var(--black);font-weight:600}.option-card>span>span{color:var(--muted);font-size:.875em;font-weight:400;line-height:1.55}.compare-block{border:1px solid var(--black);border-radius:var(--radius);background:var(--white);margin:-8px 0 32px;padding:24px 26px}.compare-block h2{margin-bottom:14px;font-size:1.375rem}.compare-scroll{overflow-x:auto}.compare-table{border-collapse:collapse;width:100%;font-size:.9375em}.compare-table th,.compare-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 12px}.compare-table thead th{color:var(--black);border-bottom:1px solid var(--black);font-weight:600}.compare-table tbody th{color:var(--muted);white-space:nowrap;width:120px;font-weight:500}.compare-table tr.differs td{color:var(--black);background:#f7f2ec;font-weight:600}.diff-mark{color:var(--black);margin-left:6px;font-weight:700}.compare-block .fine{margin:10px 0 0}.assistant-panel{border-radius:var(--radius);background:var(--mist);border:1px solid var(--line);margin-top:24px;padding:20px 22px;position:relative;overflow:hidden}.assistant-panel:before{content:"";background:var(--pearl);width:3px;position:absolute;top:0;bottom:0;left:0}.assistant-panel h3{margin:0 0 12px;font-size:1rem}.assistant-reply-slot:empty{display:none}.assistant-panel .assistant-reply{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 14px;padding:16px 18px}.assistant-panel .assistant-reply:before{display:none}.mic-button{white-space:nowrap}.mic-button[aria-pressed=true]{background:var(--taupe)}.ask-input{flex:1;min-width:0}.ask-form{align-items:center;gap:10px;max-width:none;margin:12px 0 8px;display:flex}.chip:disabled{opacity:.5}.bottle{filter:drop-shadow(8px 10px 10px #0000001f);width:62px;height:120px;position:relative}.bottle span{background:linear-gradient(90deg,var(--shade),#f5e6da,var(--shade));border-radius:10px;width:62px;height:88px;position:absolute;bottom:0;left:0}.bottle b{background:linear-gradient(90deg,#1c1c1c,#4a4a4a,#1c1c1c);border-radius:4px;width:28px;height:34px;position:absolute;top:0;left:17px}.mascara{filter:drop-shadow(8px 10px 10px #0000001f);width:24px;height:140px;position:relative;transform:rotate(18deg)}.mascara span{background:linear-gradient(90deg,#1c1c1c,#555,#1c1c1c);border-radius:4px;width:24px;height:96px;position:absolute;bottom:0}.mascara b{background:linear-gradient(90deg,#9a9a9a,#f3f3f3,#9d9d9d);border-radius:4px 4px 2px 2px;width:18px;height:46px;position:absolute;top:0;left:3px}.small .bottle{transform:scale(.5)}.small .mascara{transform:scale(.45)rotate(18deg)}.check-tools{grid-template-columns:1fr 1.3fr;gap:20px;margin-top:18px;display:grid}.check-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--mist);padding:18px}.check-block .primary,.check-block .secondary{margin:6px 0 10px}.check-result{margin:6px 0;font-weight:600}.check-result.warn{color:#7a4a17}.ai-feedback{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);margin-top:10px;padding:14px 16px}.ai-feedback ul{margin:0 0 8px;padding-left:1.2em}.feedback-top{background:var(--stone);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:30px;margin-bottom:30px;padding:30px;display:flex}.feedback-top h2{margin:10px 0}.feedback-top p{margin:0}.camera-section{border:1px solid var(--line);border-radius:var(--radius);margin:20px 0;padding:26px}.camera-video{border-radius:var(--radius);background:#000;width:100%;max-width:580px;margin-bottom:20px}.camera-disclosure{margin-bottom:10px}.sample-section{padding-top:30px}.simulation-label{background:var(--mist);border:1px solid var(--black);border-radius:var(--radius);color:var(--black);padding:14px 18px 14px 24px;font-weight:600;position:relative;overflow:hidden}.simulation-label:before{content:"";background:var(--pearl);width:6px;position:absolute;top:0;bottom:0;left:0}.sample-result{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:180px 1fr;gap:30px;margin-top:24px;padding:30px;display:grid}.sample-illustration{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:22px;font-size:.8125em;display:flex}.lip-sample{background:#9c4a5c;border-radius:50% 50% 55% 55%;width:140px;height:65px;position:relative}.lip-sample:after{content:"";border-top:2px solid #5d2a37;width:100%;position:absolute;top:45%;left:0}.lip-sample.difference{background:linear-gradient(100deg,#9c4a5c 48%,#d9aab4 52%)}.lip-sample.uncertain{opacity:.7;background:#b5b5b5}.sample-text{color:var(--black);font-size:1.125em}.summary-heading{text-align:center}.summary-heading .lead{margin:auto}.finish-mark{background:var(--black);width:64px;height:64px;color:var(--white);box-shadow:0 0 0 6px var(--white),0 0 0 7px var(--taupe);border-radius:50%;justify-content:center;align-items:center;margin:12px auto 26px;display:flex}.summary-layout{grid-template-columns:1.6fr 1fr}.summary-steps{padding:0;list-style:none}.summary-steps li{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;font-size:.9375em;display:flex}.summary-steps strong{color:var(--black);text-align:right;font-weight:600}.summary-aside>svg{color:var(--black);margin-bottom:18px}.settings-layout{grid-template-columns:1fr 1fr;gap:28px;display:grid}.settings-layout .field{max-width:320px}dialog{border-radius:var(--radius);width:calc(100% - 32px);max-width:540px;max-height:90dvh;color:var(--graphite);background:var(--white);border:0;padding:34px;overflow:auto;box-shadow:0 30px 80px #00000040}dialog::backdrop{background:#0000008c}dialog h2{font-size:1.75rem;font-weight:300}dialog>.text-button{margin-top:16px;display:flex}:lang(zh) body,.app:lang(zh){letter-spacing:.02em;line-height:1.75}.app:lang(zh) h1,.app:lang(zh) h2{letter-spacing:.01em;line-height:1.25}.app:lang(zh) .hero h1{font-family:var(--sans);letter-spacing:.04em;font-size:clamp(3rem,5.6vw,5rem);font-weight:300;line-height:1.15}.app:lang(zh) .wordmark{letter-spacing:.5em;margin-right:-.5em;font-size:1.125rem}.app:lang(zh) .footer-brand{letter-spacing:.4em}.app:lang(zh) .instruction{line-height:1.9}.large-text{font-size:1.25rem}.large-text h1{font-size:3.2em}.large-text h2{font-size:1.6em}.large-text .hero h1{font-size:clamp(3.6rem,8vw,6.8rem)}@media (min-width:1600px){.hero{min-height:min(86vh,860px)}}@media (max-width:900px){:root{--gutter:28px}.main{padding-left:28px;padding-right:28px}.hero{padding-top:90px;padding-bottom:72px}.hero-visual:after{background:linear-gradient(90deg,#faf8f5f5,#faf8f5b8 60%,#faf8f54d)}.principles{gap:28px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-layout,.identify-layout{grid-template-columns:1.2fr 1fr;gap:22px}.two-fields{grid-template-columns:1fr;gap:0}.guide-layout{grid-template-columns:220px 1fr;gap:20px}.guide-action{padding:26px}.routine-tools{margin-left:240px}.home-bottom{flex-direction:column;align-items:flex-start}.wordmark-sub{display:none}}@media (max-width:640px){:root{--gutter:20px}.main{padding:24px 20px 48px}.main.view-home{padding-top:0}.site-header{grid-template-columns:auto 1fr auto;gap:8px;min-height:68px}.site-header nav{gap:12px}.nav-button{font-size:.875em}.brand{order:-1;align-items:flex-start;padding:6px 0}.site-header nav{justify-content:flex-end}.wordmark{letter-spacing:.16em;white-space:normal;max-width:11em;margin-right:0;font-size:.75rem;line-height:1.35}.wordmark-sub{display:none}.icon-button{width:44px;height:44px}.utility-bar{flex-wrap:wrap;align-items:flex-start;padding-top:6px;padding-bottom:6px}.utility-controls{flex-wrap:wrap;gap:12px}.hero{min-height:auto;padding:64px 20px 84px}.hero h1{font-size:3.6rem}.app:lang(zh) .hero h1{font-size:2.9rem}.hero-visual img{object-position:72% center}.hero-visual:after{background:#faf8f5d6}.style-cards{grid-template-columns:1fr}.lang-button{min-height:44px;padding:0 10px}.header-tools{gap:6px}.hero-visual figcaption{text-align:center;bottom:18px;left:20px;right:20px}.hero-actions .primary,.hero-actions .secondary{flex:100%}.principles{grid-template-columns:1fr;padding:44px 20px}.home-bottom{padding-top:44px}.page-heading{margin-bottom:28px}.journey{grid-template-columns:1fr 1fr;row-gap:6px;margin-bottom:28px;display:grid}.journey li{padding-bottom:10px}.identify-layout,.setup-layout,.preparation-layout,.routine-options,.guide-layout,.summary-layout,.settings-layout,.product-grid{grid-template-columns:1fr}.identify-methods section,.setup-form,.preparation-checks,.summary-main,.settings-layout section,.routine-option,.guide-action{padding:22px}.identify-placeholder{min-height:240px}.setup-aside,.summary-aside{padding:22px}.guide-product{padding:18px}.guide-product>.product-swatch,.guide-product>hr,.guide-product>.eyebrow{display:none}.guide-product h2{margin-bottom:6px;font-size:1.375rem}.guide-product p{margin-bottom:8px}.guide-action h2{font-size:1.75rem}.instruction{font-size:1.125em}.routine-tools{margin:24px 0 0}.action-detail>div{grid-template-columns:64px 1fr}.option-facts>div{grid-template-columns:1fr;gap:2px}.check-tools{grid-template-columns:1fr}.ask-form{flex-wrap:wrap}.ask-input{flex:100%;order:-1}.compare-block{padding:18px}.compare-table tbody th{white-space:normal;width:auto}.step-actions .primary{flex:1}.step-back{margin-left:0}.ask-form{flex-direction:column;align-items:stretch}.feedback-top{flex-direction:column;align-items:flex-start;padding:22px}.sample-result{grid-template-columns:1fr;padding:22px}.sample-illustration{padding:16px}.summary-steps li{flex-direction:column;gap:2px}.summary-steps strong{text-align:left}.footer-top{flex-direction:column;gap:10px}.large-text h1{font-size:2.4em}.large-text .hero h1{font-size:3.4rem}.large-text .site-header{grid-template-columns:1fr auto;padding-top:8px;padding-bottom:8px}.large-text .site-header nav{order:3;grid-column:1/-1;justify-content:flex-start}.large-text .journey,.large-text .action-detail>div{grid-template-columns:1fr}.large-text .utility-controls{flex-direction:column;align-items:flex-start}select{max-width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.scan-hero{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);grid-template-columns:1.1fr 1fr;gap:0;display:grid;position:relative;overflow:hidden}.scan-hero:before{content:"";background:var(--pearl);height:3px;position:absolute;inset:0 0 auto}.scan-main{flex-direction:column;gap:6px;padding:40px;display:flex}.scan-main h2{letter-spacing:-.01em;margin-bottom:10px;font-size:clamp(1.6rem,2.6vw,2.2rem);font-weight:300}.scan-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.nfc-mark{background:var(--mist);width:72px;height:72px;color:var(--black);border-radius:50%;place-items:center;display:grid;position:relative}.nfc-mark i{border:1px solid #c9bfd9;border-radius:50%;animation:2.8s ease-out infinite nfc-ring;position:absolute;inset:0}.nfc-mark i+i{animation-delay:1.4s}@keyframes nfc-ring{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}.nfc-badge{background:var(--mist);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.8125rem}.nfc-badge.on{color:var(--live);background:#f1f7f3;border-color:#b9d3c5}.scan-steps{gap:10px;margin:4px 0 14px;padding:0;list-style:none;display:grid}.scan-steps li{color:var(--graphite);align-items:baseline;gap:12px;display:flex}.scan-steps li span{border:1px solid var(--black);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:.75rem;line-height:1;display:inline-grid;transform:translateY(-1px)}.scan-main>.muted{margin-bottom:12px}.scan-button{min-height:54px;padding:12px 28px;font-size:1.0625rem}.scan-main>.fine{margin-top:8px}.code-form{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:22px;padding-top:22px;display:flex}.code-form .field{flex:220px;margin:0}.field-icon{align-items:center;gap:8px;display:inline-flex}.scan-result{background:var(--mist);border-left:1px solid var(--line);outline:none;align-items:stretch;padding:28px;display:flex}.scan-result:focus-visible{outline:2px solid var(--black);outline-offset:-4px}.scan-result>*{width:100%}.scan-result .identify-placeholder{background:0 0;min-height:100%}.scan-result .identify-placeholder h3{color:var(--black);margin-bottom:8px;font-size:1.25rem;font-weight:400}.scan-result .identified-card{border:0}.sample-library{margin-top:56px}.library-head{margin-bottom:20px}.library-head .muted{max-width:620px;margin:0}.library-head h2{margin-bottom:6px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:300}.sample-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-flow:dense;gap:12px;margin:0;padding:0;list-style:none;display:grid}.sample-card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);justify-content:flex-start;gap:14px;width:100%;padding:14px 14px 10px 10px;transition:border-color .2s,box-shadow .2s;position:relative}.sample-card:hover{border-color:var(--control)}.sample-card .product-swatch.small{width:60px;height:66px}.sample-text{flex-direction:column;flex:1;min-width:0;display:flex}.sample-text strong{color:var(--black);font-weight:500;line-height:1.3}.sample-text span{color:var(--muted);font-size:.8125rem}.owned-tag{background:var(--stone);color:var(--graphite);border-radius:999px;padding:1px 7px;font-size:.6875rem;line-height:1.5;position:absolute;top:6px;right:8px}.sample-card:hover .sample-scan,.sample-library>.fine{margin-top:20px}@media (max-width:900px){.scan-hero{grid-template-columns:1fr}.scan-result{border-left:0;border-top:1px solid var(--line)}}@media (max-width:640px){.scan-main{padding:24px 20px}.scan-result{padding:16px}.scan-button,.code-form button{width:100%}.sample-grid{grid-template-columns:1fr}.library-head{align-items:flex-start}.sample-library{margin-top:40px}}@media (prefers-reduced-motion:reduce){.nfc-mark i{opacity:0;animation:none}}.category-tabs{border-bottom:1px solid var(--line);scrollbar-width:none;gap:4px;margin-bottom:24px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{min-height:52px;color:var(--muted);white-space:nowrap;border-radius:0;gap:8px;padding:10px 20px;font-size:1.0625rem;position:relative}.category-tab span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.category-tab:hover{color:var(--black)}.category-tab.active{color:var(--black);font-weight:500}.category-tab.active:after{content:"";background:var(--black);height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.category-tab:focus-visible{outline-offset:-4px}.sample-chevron{color:var(--muted);transition:transform .25s}.sample-card.open{border-color:var(--black);box-shadow:inset 0 0 0 1px var(--black);background:var(--mist)}.sample-card.open .sample-chevron{color:var(--black);transform:rotate(180deg)}.scan-drawer{grid-column:1/-1;animation:.25s ease-out drawer-in}@keyframes drawer-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.drawer-inner{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);padding:24px 28px;position:relative;overflow:hidden}.drawer-inner:before{content:"";background:var(--pearl);height:2px;position:absolute;inset:0 0 auto}.drawer-scan{align-items:center;gap:18px;margin-bottom:16px;display:flex}.drawer-scan h3,.drawer-result h3{color:var(--black);margin:0 0 4px;font-size:1.25rem;font-weight:400}.drawer-scan p{margin:0}.nfc-mark.small{flex-shrink:0;width:52px;height:52px}.drawer-inner>.fine{margin:12px 0 0}.drawer-result{gap:14px;display:grid}.drawer-close{min-height:36px;font-size:.875rem;position:absolute;top:12px;right:12px}@media (max-width:640px){.drawer-inner{padding:20px 16px}.drawer-inner .button-row button{width:100%}.category-tab{padding:10px 14px;font-size:1rem}}@media (prefers-reduced-motion:reduce){.scan-drawer{animation:none}.sample-chevron{transition:none}}.brand-filter{flex-wrap:wrap;gap:8px;margin:-8px 0 20px;display:flex}.brand-chip{border:1px solid var(--line);background:var(--white);min-height:38px;color:var(--graphite);border-radius:999px;padding:6px 14px;font-size:.875rem}.brand-chip:hover{border-color:var(--control)}.brand-chip.active{background:var(--black);border-color:var(--black);color:var(--white)}.real-note{margin-top:10px}@media (max-width:640px){.brand-filter{scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.brand-filter::-webkit-scrollbar{display:none}.brand-chip{flex-shrink:0}}
