:root{--paper:#F4F1E2;--ink:#262725;--purple:#D3CBE8;--lime:#D9E574;--line:#282A2630;--rust:#8B533E;--sans:Arial,'Helvetica Neue','PingFang SC','Hiragino Kaku Gothic ProN','Malgun Gothic',sans-serif;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:var(--sans);min-width:280px;font-size:15px}button,input,select{font:inherit}button,a,label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,label:focus-within{outline:3px solid #7B568E;outline-offset:5px}button{border:0}h1,h2,h3,p{margin:0}h1,h2{font-weight:800;letter-spacing:-.055em;line-height:1.12}h1{font-size:clamp(42px,6.5vw,100px)}h2{font-size:clamp(31px,4vw,55px)}h3{font-size:18px;font-weight:500}.header{height:105px;max-width:1560px;margin:auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:18px}.brand strong{font:700 35px/.9 var(--serif);letter-spacing:-2px}.brand strong>span{font:22px var(--sans);padding-left:4px}.brand small{font-size:7px;letter-spacing:1.5px;max-width:78px;line-height:1.6}.language{border:1px solid var(--line);border-radius:30px;background:#F4F1E2B8;padding:10px 28px 10px 15px;font-size:12px;max-width:135px}.kicker{font-size:10px;letter-spacing:1.8px;font-weight:500;line-height:1.6;margin-bottom:25px}.lead{font-size:17px;line-height:1.8;max-width:560px;margin-top:25px}.micro{font-size:11px;line-height:1.8;color:#6F716B}.back{background:none;font-size:13px;text-decoration:underline;text-underline-offset:5px;padding:5px 0;display:inline-block}.primary,.outline,.next-button{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:62px;border-radius:40px;padding:17px 27px;font-size:16px;font-weight:600;background:var(--lime);color:var(--ink);transition:transform .18s,background .18s}.primary>span:last-child,.outline>span:last-child,.next-button>span:last-child{font-size:25px;line-height:1}.primary:hover,.next-button:hover{background:#C5D64F;transform:translateY(-2px)}.outline{border:1px solid var(--line);background:transparent}.text-button{background:none;border-bottom:1px solid currentColor;padding:7px 0;font-size:12px;width:fit-content}.status-label{display:inline-block;font-size:9px;letter-spacing:1px;padding:8px 12px;border:1px solid var(--line);border-radius:30px}.silk-area{position:fixed;inset:0;z-index:-2;background:#D3CBE8;pointer-events:none}#silk{display:block;width:100%;height:100%}.silk-fade{position:absolute;inset:0;background:linear-gradient(90deg,#F4F1E2E8,#F4F1E238 55%,#F4F1E200)}body:not([data-mode=home]) .silk-area{opacity:.15}body[data-mode=home]{background:transparent}.home-screen{min-height:calc(100svh - 160px);max-width:1560px;margin:auto;padding:5vh 5vw 25px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.home-copy h1{font-size:clamp(70px,9.8vw,160px);max-width:1100px}.home-intro{font-size:16px;line-height:1.7;margin-top:28px;max-width:410px}.home-bottom{max-width:470px;width:100%;margin-top:80px;position:relative;z-index:1}.home-bottom .primary{background:#262725;color:#F4F1E2;border:1px solid #F4F1E260;min-height:72px}.home-bottom .primary:hover{background:#43423B}.home-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.6;margin-top:15px}.mood-controls{display:flex;align-items:center;gap:9px;margin-bottom:20px}.mood{background:var(--swatch);width:19px;height:19px;border:2px solid #FFF9;border-radius:50%;padding:0;outline-offset:3px}.mood.active{outline:1px solid var(--ink)}.mood-name{font-size:9px;margin-left:7px}.motion{margin-left:auto;background:#F4F1E290;border:1px solid #FFF9;border-radius:50%;width:33px;height:33px;font-size:11px}.home-mark{position:absolute;right:10vw;bottom:15vh;font-weight:800;font-size:clamp(40px,7vw,100px);letter-spacing:-.05em;line-height:.85;color:#F4F1E2B0;transform:rotate(-6deg);pointer-events:none}footer{display:flex;justify-content:space-between;gap:25px;padding:20px 5vw;max-width:1560px;margin:auto;font-size:9px;line-height:1.6}body[data-mode=home] footer{height:55px;align-items:center}.upload-screen,.ready-screen,.report-page{max-width:1440px;margin:auto;padding:35px 5vw 65px}.upload-layout,.ready-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center;margin:45px 0}.privacy{font-size:11px;line-height:1.8;max-width:430px;margin-top:25px;color:#707365}.upload-panel{max-width:430px;width:100%;justify-self:center}.upload-zone{height:380px;width:100%;border-radius:190px 190px 24px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;background:#DCD3E6;border:1px dashed #A591AE;position:relative;overflow:hidden;cursor:pointer}.upload-zone img{height:100%;width:100%;object-fit:cover;object-position:50% 25%}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0;bottom:0}.upload-plus{font-size:55px;font-weight:300}.upload-zone strong{font-size:18px;font-weight:500}.upload-zone small{font-size:10px}.upload-panel>.primary{margin-top:24px;width:100%}.upload-panel>.status-label{display:block;width:fit-content;margin:17px auto 0}.photo-actions{display:flex;justify-content:space-between;margin-top:13px;font-size:12px}.photo-actions label{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.photo-actions button{background:none;font-size:12px}.quiz-screen{max-width:1560px;margin:auto;padding:15px 5vw 60px;min-height:calc(100svh - 160px)}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.progress{display:flex;gap:7px;max-width:380px;width:38%;margin-left:auto}.progress i{height:5px;flex:1;border-radius:5px;background:#B9BCA7}.progress .filled{background:#33372D}.step-index{font-size:9px;letter-spacing:1.5px}.question-main{padding:70px 0 10px;text-align:center}.question-main>h1{font-size:clamp(36px,5.6vw,86px);max-width:1220px;margin:0 auto 42px;line-height:1.2}.question-main>.kicker{font-size:10px;margin-bottom:22px}.options{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;max-width:1200px;margin:auto}.option{border:1.5px solid #30352F;background:#F4F1E238;border-radius:55px;min-height:91px;min-width:185px;max-width:410px;flex:1 1 23%;padding:18px 22px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(15px,1.5vw,21px);font-weight:600;line-height:1.5;transition:background .15s,transform .15s}.option.selected{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.option .check{font-size:14px;margin-left:auto;flex-shrink:0}.option-swatches{display:flex;flex-shrink:0;gap:2px}.option-swatches i{display:block;width:15px;height:25px;border-radius:9px}.foundation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;max-width:1150px}.foundation-grid .option{min-width:0;flex-direction:column;position:relative;justify-content:flex-start;border:1px solid var(--line);border-radius:18px;padding:10px 10px 17px;gap:13px;font-size:13px;font-weight:500;max-width:none}.foundation-color{display:block;width:100%;height:100px}.foundation-color i{height:100%;width:100%;border-radius:10px}.foundation-grid .check{position:absolute;right:16px;top:16px;background:#FFFFFFBC;border-radius:50%;height:21px;width:21px;color:#302D28;display:grid;place-items:center;font-size:10px}.foundation-grid .option:last-child{justify-content:center;background:#D6CBE1}.foundation-grid .option:last-child.selected{background:var(--ink)}.shade-note{max-width:800px;margin:20px auto 0}.quiz-bottom{margin:40px auto 0;display:flex;align-items:center;justify-content:center;gap:40px}.skip{font-size:12px;background:none;text-decoration:underline;text-underline-offset:5px;line-height:1.6}.next-button{min-width:180px;font-size:14px;min-height:54px}.ready-photo{max-width:370px;justify-self:center;width:100%;position:relative}.ready-photo>img{width:100%;height:330px;border-radius:50%;object-fit:cover;object-position:50% 30%;border:2px solid #F4F1E2}.ready-photo>span{position:absolute;right:5px;top:285px;background:var(--paper);border-radius:30px;padding:9px 15px;font-size:10px}.ready-photo>.text-button{display:block;margin:15px auto}.empty-photo{aspect-ratio:1;border:1px dashed var(--line);border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:70px;gap:10px}.empty-photo p{font-size:13px}.offer{display:flex;gap:15px;align-items:center;margin-top:30px;flex-wrap:wrap}.offer-tag{background:var(--rust);color:#F4F1E2;border-radius:24px;padding:10px 17px;font-size:12px}.offer small{font-size:10px}.ready-actions{max-width:490px;margin-top:25px}.ready-actions .primary{width:100%}.ready-actions .micro{margin-top:15px}.answer-review{border-top:1px solid var(--line);padding-top:25px;margin-top:55px}.answer-review summary{cursor:pointer;font-size:16px}.answer-review>div{display:flex;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.answer-review>div>span{font-size:12px;color:#838371}.answer-review p{flex:1}.answer-review strong{font-size:13px;font-weight:500}.answer-review small{display:block;font-size:11px;margin-top:9px;line-height:1.8;color:#727466}.answer-review button{background:none;font-size:11px;flex-shrink:0}.report-cover{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:6vw;padding:40px 0 65px;border-bottom:1px solid var(--line)}.report-cover h1{font-size:clamp(45px,6.5vw,90px)}.report-cover h1 span{display:block;font-size:65px;font-weight:400;margin:20px 0}.report-cover>div>p:not(.kicker){line-height:1.9;font-size:14px;max-width:510px;margin:18px 0}.cover-palette{display:grid;grid-template-columns:1fr 1fr;gap:0;aspect-ratio:1}.cover-palette>div{padding:20px;display:flex;flex-direction:column;justify-content:flex-end;font-size:12px;min-width:0;color:#252725;text-shadow:0 1px 3px #FFF8}.cover-palette small{font-size:9px;margin-top:5px}.evidence{padding:30px 0;border-bottom:1px solid var(--line)}.evidence>div{display:grid;grid-template-columns:repeat(3,1fr);margin:23px 0;gap:15px}.evidence small,.evidence strong{display:block}.evidence small{font-size:11px;color:#737767}.evidence strong{font-size:22px;margin-top:8px;font-weight:500}.report-section{padding:65px 0;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 6vw;margin-bottom:35px}.section-heading>.kicker{grid-column:1/-1;margin-bottom:15px}.section-heading>p:last-child:not(.kicker){font-size:12px;line-height:1.9;margin-top:15px;max-width:500px}.palette-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px}.color-card{background:none;padding:0;text-align:left;min-width:0}.color-card i{display:block;height:130px;border:1px solid #0001;border-radius:10px;margin-bottom:13px}.color-card strong{font-size:11px;font-weight:500;display:block;line-height:1.5}.color-card small{font-size:9px;display:block;margin-top:5px}.color-card.selected i{outline:1px solid var(--ink);outline-offset:4px}.selfie-studio{margin-top:35px;background:#DAD4E5;display:grid;grid-template-columns:1fr 1fr;align-items:center;border-radius:18px;overflow:hidden}.try-backdrop{height:330px;display:grid;place-items:center;padding:35px}.try-backdrop>img{width:65%;height:100%;object-fit:cover;object-position:50% 30%;border-radius:50% 50% 12px 12px}.try-backdrop>span{font-size:100px;color:#FFFFFF9C}.selfie-studio>div:last-child{padding:30px}.selfie-studio p{font-size:12px;line-height:1.9;margin:20px 0}.selfie-studio strong{font-size:20px;font-weight:500;display:block}.selfie-studio .text-button{margin-top:20px}.care-title{margin:40px 0 10px}.care-title+.micro{margin-bottom:20px}.care-title~.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px}.look-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.look-board{aspect-ratio:1.1;background:#E5DECA;border:1px solid #CEC6B3;box-shadow:5px 7px 0 #CECCB640;display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:38px 19px 30px;position:relative;transform:rotate(-1deg)}.look-card:nth-child(2) .look-board{transform:rotate(1deg);background:#DAD5E4}.look-card:nth-child(3) .look-board{background:#E1E5C4;transform:rotate(-.6deg)}.look-number{position:absolute;top:13px;left:17px;font-size:10px;letter-spacing:1px}.look-photo{background:#F4F1E2;display:flex;align-items:center;justify-content:center;flex-direction:column;min-width:0;overflow:hidden;border:5px solid #FFF9}.look-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;max-height:250px}.look-photo>span{font-size:50px;color:#B5A7BA}.look-photo>small{font-size:7px;line-height:1.5;text-align:center;padding:5px}.fabric-stack{display:flex;flex-direction:column;gap:13px;justify-content:center}.fabric-stack button{height:29%;width:95%;background:repeating-linear-gradient(0deg,#FFFFFF0C 0px,#FFFFFF0C 1px,transparent 1px,transparent 3px),var(--fabric);box-shadow:2px 3px 3px #4D443C30;transform:rotate(3deg);position:relative;border:1px solid #0001}.fabric-stack button:nth-child(2){transform:rotate(-4deg);width:82%}.fabric-stack small{position:absolute;bottom:4px;left:5px;background:#F4F1E2D9;color:#262725;font-size:7px;padding:2px}.look-caption{position:absolute;bottom:10px;left:17px;font-size:7px}.look-card h3{margin-top:20px;font-size:15px}.composition-info{border-top:1px solid var(--line);padding-top:23px;margin-top:35px}.composition-info summary,.product-lines summary{font-size:13px;cursor:pointer}.composition-info p{font-size:11px;line-height:1.9;max-width:760px;margin-top:12px}.hair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:30px 0 55px;max-width:750px}.hair-grid button{background:none;padding:0;text-align:left}.hair-grid i{display:block;height:130px;background:repeating-linear-gradient(91deg,#FFFFFF18 0px,#0000000C 2px,transparent 4px),var(--hair);border-radius:60% 60% 10px 10px;margin-bottom:16px}.hair-grid strong{display:block;font-size:13px;font-weight:500}.hair-grid small{font-size:10px;display:block;margin-top:6px}.report-section>h2{margin-bottom:20px}.report-section>p{font-size:12px;line-height:1.9}.beauty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.beauty-grid>div{border:1px solid var(--line);padding:25px;border-radius:15px}.beauty-dot{display:block;width:60px;height:60px;border-radius:50%;margin-bottom:25px}.beauty-grid h3{font-size:14px}.beauty-grid p{font-size:12px;margin-top:13px}.beauty-grid small{font-size:10px;display:block;margin-top:6px}.product-lines{margin-top:30px}.product-lines p{margin-top:15px;max-width:700px}.product-lines a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 0;font-size:12px}.product-lines a>span{font-size:10px;flex-shrink:0}.stars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.stars-grid figure{margin:0;min-width:0}.stars-grid figure>img{width:100%;height:390px;object-fit:cover;object-position:50% 20%;border-radius:12px}.stars-grid figcaption{padding:17px 0}.stars-grid strong{font:28px var(--serif);display:block}.stars-grid figcaption>span{font-size:9px;margin-top:9px;display:block}.stars-grid details{margin-top:20px;font-size:9px;line-height:1.8}.stars-grid summary{cursor:pointer}.stars-grid details p{margin-top:10px}.stars-grid details a{text-decoration:underline}.report-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:45px 0 20px}.report-actions .primary,.report-actions .outline{min-width:240px}.report-note{max-width:650px}.examples{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0}.examples button{background:none;text-align:left;padding:0}.examples button>span{display:flex;height:130px}.examples i{flex:1}.examples strong{font-size:20px;font-weight:500;display:block;margin-top:15px}.examples small{font-size:10px;display:block;margin-top:8px}#toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:90vw;min-width:190px;text-align:center;padding:14px 20px;background:#262725;color:#F4F1E2;border-radius:40px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}body[data-mode=quiz][data-step="0"] .silk-area{opacity:.05}body[data-mode=quiz]{background:#EEECDC}body[data-lang=en] .question-main h1,body[data-lang=ja] .question-main h1,body[data-lang=ko] .question-main h1{font-size:clamp(31px,4.8vw,72px);letter-spacing:-.04em}body[data-lang=en] .home-copy h1{font-size:clamp(65px,9vw,140px)}
@media(max-width:760px){.header{height:82px;padding:0 22px}.brand{gap:9px}.brand strong{font-size:27px}.brand strong>span{font-size:17px}.brand small{font-size:6px;max-width:64px;letter-spacing:1px}.language{font-size:10px;padding:9px 24px 9px 10px;max-width:95px}h1{font-size:43px;letter-spacing:-.055em}.home-screen{padding:34px 22px 20px;min-height:calc(100svh - 129px)}.home-copy h1{font-size:clamp(51px,13.5vw,83px)}body[data-lang=en] .home-copy h1{font-size:clamp(48px,12vw,78px)}body[data-lang=ja] .home-copy h1{font-size:clamp(36px,9vw,65px)}body[data-lang=ko] .home-copy h1{font-size:clamp(40px,10vw,70px)}.home-intro{font-size:12px;max-width:260px;margin-top:20px}.kicker{font-size:9px;letter-spacing:1.3px;margin-bottom:23px}.home-bottom{margin-top:110px;max-width:none}.home-mark{right:30px;bottom:200px;font-size:45px}.home-meta{font-size:8px;gap:10px;flex-wrap:wrap}.home-bottom .primary{min-height:65px;font-size:14px;padding:18px 23px}footer{font-size:8px;padding:18px 22px;gap:15px}body[data-mode=home] footer{height:47px}.upload-screen,.ready-screen,.report-page{padding:18px 22px 40px}.upload-layout,.ready-grid{grid-template-columns:1fr;gap:30px;margin:32px 0}.upload-layout h1,.ready-grid h1{font-size:40px}.lead{font-size:13px;margin-top:18px}.privacy{font-size:10px;margin-top:17px}.upload-panel{max-width:330px}.upload-zone{height:310px;max-width:280px;margin:auto}.upload-panel>.primary{font-size:13px;min-height:57px}.quiz-screen{padding:12px 22px 35px;min-height:calc(100svh - 129px)}.quiz-top{gap:12px}.progress{width:45%;gap:4px;max-width:210px}.progress i{height:4px}.step-index{font-size:8px}.back{font-size:11px}.question-main{padding:40px 0 0;text-align:left}.question-main>h1{font-size:clamp(29px,7.8vw,48px);margin-bottom:28px;line-height:1.3;letter-spacing:-.04em}body[data-lang=en] .question-main h1,body[data-lang=ja] .question-main h1,body[data-lang=ko] .question-main h1{font-size:clamp(27px,7vw,42px)}.question-main>.kicker{font-size:9px;margin-bottom:17px}.options{display:grid;grid-template-columns:1fr;gap:10px}.option{width:100%;max-width:none;min-width:0;min-height:68px;border-radius:35px;text-align:left;justify-content:flex-start;padding:15px 20px;font-size:14px;gap:12px;font-weight:500;line-height:1.6}.option-swatches i{width:13px;height:24px}.foundation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.foundation-grid .option{min-height:0;padding:7px 7px 11px;gap:10px;font-size:11px;border-radius:13px;text-align:center;line-height:1.5}.foundation-color{height:66px}.foundation-color i{border-radius:8px}.foundation-grid .check{top:11px;right:11px;width:18px;height:18px}.foundation-grid .option:last-child{padding:15px;font-size:13px;line-height:1.8}.shade-note{font-size:9px;margin-top:15px;line-height:1.8}.quiz-bottom{margin-top:25px;justify-content:space-between;gap:15px}.skip{font-size:10px;text-align:left}.next-button{min-width:120px;padding:13px 19px;min-height:49px;font-size:13px}.primary,.outline{font-size:14px;min-height:58px}.ready-grid{gap:30px;margin:30px 0}.ready-photo{max-width:240px;grid-row:1}.ready-photo>img{height:230px}.ready-photo>span{top:196px;font-size:8px}.empty-photo{font-size:50px}.empty-photo p{font-size:11px}.ready-photo>.text-button{font-size:10px}.offer{gap:12px;margin-top:22px}.offer-tag{font-size:11px}.offer small{font-size:9px}.ready-actions{margin-top:20px}.ready-actions .micro{font-size:10px}.answer-review{margin-top:35px;padding-top:20px}.answer-review summary{font-size:13px}.answer-review>div{gap:12px;padding:17px 0}.answer-review strong{font-size:12px}.answer-review small{font-size:10px}.report-cover{grid-template-columns:1fr;padding:20px 0 30px;gap:25px}.report-cover h1{font-size:44px}.report-cover h1 span{display:inline-block;font-size:35px;margin:0 0 0 15px}.report-cover>div>p:not(.kicker){font-size:12px;line-height:1.9;margin:15px 0}.cover-palette{aspect-ratio:1.6}.cover-palette>div{padding:14px;font-size:11px}.cover-palette small{font-size:8px}.evidence{padding:25px 0}.evidence h3{font-size:16px}.evidence>div{gap:10px;margin:20px 0}.evidence small{font-size:9px}.evidence strong{font-size:16px}.report-section{padding:37px 0}.section-heading{display:block;margin-bottom:25px}.section-heading>.kicker{font-size:8px;margin-bottom:14px}h2{font-size:30px;line-height:1.3;letter-spacing:-.04em}.section-heading>p:last-child:not(.kicker){font-size:11px;line-height:1.9}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 10px}.color-card i{height:95px;border-radius:9px;margin-bottom:10px}.color-card strong{font-size:10px}.color-card small{font-size:8px;margin-top:5px}.selfie-studio{grid-template-columns:1fr;margin-top:25px}.try-backdrop{height:250px;padding:30px}.try-backdrop>img{width:55%;max-width:170px}.selfie-studio>div:last-child{padding:24px}.selfie-studio h3{font-size:16px}.selfie-studio p{font-size:11px;margin:14px 0}.selfie-studio strong{font-size:18px}.selfie-studio .text-button{font-size:11px}.care-title{font-size:17px;margin-top:30px}.care-title~.palette-grid{max-width:none}.look-grid{grid-template-columns:1fr;gap:28px}.look-board{aspect-ratio:1.15;max-width:430px;padding:40px 22px 33px;gap:20px}.look-photo>img{max-height:250px}.look-number{font-size:10px}.look-caption{font-size:8px}.fabric-stack small{font-size:8px}.look-card h3{margin-top:17px;font-size:14px}.composition-info{margin-top:30px}.composition-info summary{font-size:11px;line-height:1.7}.composition-info p{font-size:10px}.hair-grid{gap:13px;margin-bottom:35px}.hair-grid i{height:90px;margin-bottom:13px}.hair-grid strong{font-size:10px;line-height:1.6}.hair-grid small{font-size:8px}.report-section>p{font-size:11px}.beauty-grid{gap:8px;margin-top:25px}.beauty-grid>div{padding:15px 10px;border-radius:10px}.beauty-dot{width:39px;height:39px;margin-bottom:17px}.beauty-grid h3{font-size:12px}.beauty-grid p{font-size:10px;line-height:1.6}.beauty-grid small{font-size:8px}.product-lines summary{font-size:12px}.product-lines a{font-size:10px;flex-direction:column;gap:8px;line-height:1.6}.product-lines a>span{font-size:9px}.stars-grid{grid-template-columns:1fr 1fr;gap:20px 12px}.stars-grid figure:first-child{grid-column:1/-1}.stars-grid figure>img{height:230px;object-position:50% 20%}.stars-grid figure:first-child>img{height:360px}.stars-grid strong{font-size:23px}.stars-grid figcaption>span{font-size:8px}.stars-grid details{font-size:8px;margin-top:13px}.report-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:30px}.report-actions .primary,.report-actions .outline{min-width:0;width:100%}.report-actions .text-button{margin:5px auto}.report-note{text-align:center;font-size:10px}.examples{grid-template-columns:1fr 1fr;gap:25px 15px}.examples button>span{height:110px}.examples strong{font-size:18px;line-height:1.5}.examples small{font-size:10px}}
@media(max-height:700px) and (min-width:761px){.header{height:85px}.home-screen{min-height:calc(100svh - 130px);padding-top:20px}.home-copy h1{font-size:clamp(70px,7vw,110px)}.home-bottom{margin-top:35px}.home-intro{margin-top:16px}.question-main{padding-top:35px}.question-main>h1{font-size:60px;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:760px){.foundation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.foundation-grid .option{font-size:10px;padding:6px 6px 10px;gap:8px}.foundation-color{height:57px}.foundation-grid .option:last-child{grid-column:1/-1;min-height:44px;padding:11px}.foundation-grid .check{width:16px;height:16px;right:9px;top:9px;font-size:9px}.question-main:has(.foundation-grid){padding-top:25px}.question-main:has(.foundation-grid)>h1{font-size:clamp(25px,6.6vw,40px);margin-bottom:20px}.question-main:has(.foundation-grid) .quiz-bottom{margin-top:20px}.question-main:has(.foundation-grid)>.kicker{margin-bottom:12px}}

/* Static editorial color board, replacing the silk animation. */
body,body[data-mode=home]{background:var(--paper)}.home-graphic{position:absolute;width:37%;height:340px;right:8%;top:17%;pointer-events:none}.paper-color{position:absolute;width:65%;height:75%;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;border:7px solid #FCFBF1;box-shadow:3px 8px 0 #35372A10;color:#262725}.paper-color span{font-size:12px;font-weight:500}.paper-color small{font-size:9px;margin-top:6px}.paper-color-0{left:0;top:0;transform:rotate(-11deg)}.paper-color-1{left:30%;top:12%;transform:rotate(8deg)}.paper-color-2{left:15%;top:30%;transform:rotate(-2deg)}.home-copy{position:relative;z-index:1}.home-copy h1{max-width:900px}.home-copy .home-intro{max-width:350px}.home-bottom{margin-top:90px}.home-screen{padding-top:5vh}.home-copy h1{font-size:clamp(70px,8vw,130px)}.quiz-screen{background:transparent}.question-main{position:relative}body[data-mode=quiz]{background:#DED8E6}body[data-mode=quiz][data-step="0"]{background:var(--paper)}body[data-mode=quiz][data-step="3"],body[data-mode=quiz][data-step="9"]{background:#E1E6B8}body[data-mode=quiz][data-step="4"],body[data-mode=quiz][data-step="8"]{background:#E9DDCA}.option{background:#F4F1E238}.header{border-bottom:1px solid var(--line)}
@media(max-width:760px){.home-screen{padding-top:35px}.home-copy h1{font-size:clamp(50px,13vw,78px)}.home-graphic{height:180px;width:53%;right:9%;top:auto;bottom:155px}.paper-color{border-width:4px;padding:10px}.paper-color span{font-size:8px}.paper-color small{font-size:7px;margin-top:4px}.home-bottom{margin-top:235px}.home-copy .home-intro{max-width:285px}.home-bottom .primary{background:#DCE57B;color:#262725;border-color:#CCD65C}.home-bottom .primary:hover{background:#CBD65F}}
@media(max-height:720px) and (max-width:760px){.home-bottom{margin-top:185px}.home-graphic{height:145px;bottom:145px}.home-copy h1{font-size:49px}.home-screen{padding-top:25px}.home-intro{margin-top:16px}}
/* Keep foundation samples large at every breakpoint. */
.foundation-grid .foundation-color i{width:100%;height:100%;border-radius:8px}.foundation-grid .foundation-color{flex-shrink:0;width:100%}.option>span:not(.option-swatches):not(.check){overflow-wrap:anywhere}.product-lines a{overflow-wrap:anywhere}.question-main h1{overflow-wrap:break-word}
.home-bottom .primary{background:var(--lime);color:var(--ink);border:1px solid #CBD55D}.home-bottom .primary:hover{background:#C5D64F}
/* Keep practical recommendations visible for every completed questionnaire. */
.quick-advice{padding:38px 0;border-bottom:1px solid var(--line)}.quick-advice>h2{font-size:clamp(25px,3vw,38px);margin-bottom:24px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.quick-grid article{border:1px solid var(--line);padding:24px;background:#FFFFFF30;border-radius:14px}.quick-grid article:nth-child(2){background:#D3CBE833}.quick-grid article:nth-child(3){background:#E6D4CB40}.quick-grid h3{font-size:16px;margin-bottom:20px}.quick-grid button{display:flex;align-items:center;gap:12px;padding:11px 0;text-align:left;background:none;width:100%;font-size:13px;line-height:1.6}.quick-grid button i{width:33px;height:33px;flex-shrink:0;border-radius:50%;border:1px solid #0001}.quick-grid button small{display:block;font-size:9px;color:#74736D;margin-top:2px}.reference-switcher{margin-top:32px;padding:22px 0;border-bottom:1px solid var(--line)}.reference-switcher summary{font-size:14px;cursor:pointer}.reference-switcher>.micro{margin-top:12px}.reference-switcher .examples{margin:24px 0}.report-cover h1{overflow-wrap:anywhere}
@media(max-width:760px){.quick-advice{padding:30px 0}.quick-grid{grid-template-columns:1fr;gap:12px}.quick-grid article{padding:20px}.quick-grid h3{font-size:15px;margin-bottom:10px}.quick-grid button{font-size:12px;padding:9px 0}.quick-grid button small{font-size:9px}.reference-switcher summary{font-size:12px}.report-cover h1{font-size:38px;line-height:1.3}}
/* Beauty editorial direction: one palette across the entire experience. */
:root{--paper:#F9F0F3;--ink:#3E2932;--purple:#E7D7E7;--lime:#A0444F;--line:#805B6B2C;--rust:#A46B4E}.header{height:102px;border-color:var(--line)}.brand strong{font:600 28px/1.2 var(--sans);letter-spacing:-1px;white-space:nowrap}.brand small{color:#8E6475}.language-switch{display:flex;align-items:center;gap:0;border:1px solid #9E728746;padding:3px;border-radius:6px;background:#FFF9;flex-shrink:0}.lang-button{font:400 11px/1.3 var(--sans);font-style:normal!important;transform:none!important;white-space:nowrap;writing-mode:horizontal-tb;padding:9px 12px;border-radius:3px;background:none;min-height:32px}.lang-button.active{background:#A0444F;color:#FFF}.primary,.next-button{background:#A0444F;color:#FFF;border-radius:5px;font-weight:500}.primary:hover,.next-button:hover{background:#843642}.home-bottom .primary,.home-bottom .primary:hover{background:#A0444F;color:#FFF;border:1px solid #A0444F;border-radius:5px;min-width:310px;min-height:61px}.outline{border-radius:5px}.home-screen{padding-top:8vh;min-height:calc(100svh - 157px);position:relative}.home-copy h1{font-weight:500;letter-spacing:-.055em;font-size:clamp(74px,9vw,140px);line-height:1.08}.home-copy .kicker{font-size:11px;letter-spacing:2px;color:#6C4659}.home-copy .home-intro{font-size:15px;line-height:1.8;max-width:350px}.home-bottom{margin-top:10vh;max-width:430px}.home-meta{font-size:9px;color:#5C3C4D}.home-meta>span:first-child{font-weight:600}.water-stage{position:fixed;inset:0;background:#E9E4EB url('assets/water-hero.jpg') center/cover no-repeat;z-index:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s}#water-canvas{width:100%;height:100%;display:block}.water-veil{position:absolute;inset:0;background:linear-gradient(90deg,#FFF8F099,#FFF8F033 45%,transparent 75%)}#app{position:relative;z-index:1}body[data-mode=home],body[data-mode=loading]{background:#F9F0F3}body[data-mode=home] .water-stage,body[data-mode=loading] .water-stage{opacity:1;visibility:visible}body[data-mode=home] .header,body[data-mode=loading] .header{border-color:#805B6B38;background:#FFFAF033;backdrop-filter:blur(8px)}.water-motion{position:absolute;right:5vw;bottom:27px;display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:4px;border:1px solid #A36B7E40;background:#FFFAF08C;backdrop-filter:blur(8px);font-size:12px;min-height:35px}.water-motion>span{font-size:9px}.home-graphic{display:none}.upload-zone{background:#F0E0E7;border-color:#B88D9F}.option{background:#FFF8;border-color:#B38D9B;border-width:1px;border-radius:7px}.option.selected{background:#A0444F;border-color:#A0444F;color:#FFF}.question-main{padding-top:65px}.quiz-top .progress .filled{background:#A0444F}.quiz-top .progress i{background:#DBBFC9}body[data-mode=quiz],body[data-mode=quiz][data-step="0"],body[data-mode=quiz][data-step="3"],body[data-mode=quiz][data-step="4"],body[data-mode=quiz][data-step="8"],body[data-mode=quiz][data-step="9"]{background:#F9F0F3}.foundation-grid .option:last-child{background:#EBDCE4}.foundation-grid .option:last-child.selected{background:#A0444F}.foundation-grid .check{color:#704D5B}.loading-screen{position:relative;min-height:calc(100svh - 157px);max-width:1250px;margin:auto;padding:45px 5vw 65px;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:25px}.loading-screen>.kicker{margin:0;font-size:11px}.loading-screen h1{font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1.15}.loading-photo{width:240px;height:250px;background:#FFFCF055;border:1px solid #FFFFFFB8;backdrop-filter:blur(8px);padding:12px;display:grid;place-items:center;border-radius:6px}.loading-photo>img{width:100%;height:100%;object-fit:contain;object-position:center;min-height:0;max-height:100%;image-orientation:from-image}.loading-photo>span{font:80px var(--sans);color:#A0444F}.loading-step{font-size:15px}.loading-dots{display:inline-block;margin-left:7px;animation:water-dots 1.2s ease-in-out infinite}.loading-stages{display:flex;flex-wrap:wrap;justify-content:center;gap:18px;font-size:10px;color:#937C88}.loading-stages>span.active{color:#7A3448}.loading-stages>span:before{content:'○';margin-right:6px}.loading-stages>span.active:before{content:'●'}.loading-screen>.micro{max-width:560px;font-size:10px;color:#755766;background:#FFFFFF70;padding:9px 13px;border-radius:3px}.loading-screen>.water-motion{bottom:15px}.report-cover h1{font-weight:600}.report-cover,.report-section,.evidence{border-color:#805B6B2C}.cover-palette{border:5px solid #FFF9}.selfie-studio{background:#EBDDE5;border-radius:6px}.try-backdrop{height:480px;padding:25px;min-width:0}.try-backdrop>img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;border-radius:0;image-orientation:from-image}.upload-zone{border-radius:6px;height:390px}.upload-zone img{width:100%;height:100%;object-fit:contain;object-position:center;image-orientation:from-image}.ready-photo{max-width:390px}.ready-photo>img{height:340px;object-fit:contain;object-position:center;border-radius:6px;background:#FFF6;border:1px solid #DAC4CE;image-orientation:from-image}.ready-photo>span{top:auto;bottom:45px;right:9px}.look-board{border-radius:3px;box-shadow:2px 5px 0 #BB9AA21A;background:#EDE4DF}.look-card:nth-child(2) .look-board{background:#EBDDE5}.look-card:nth-child(3) .look-board{background:#E8DFDA}.look-photo{min-height:0;background:#FFF8}.look-photo>img{width:100%;height:100%;max-height:250px;object-fit:contain;object-position:center;image-orientation:from-image}.stars-grid figure>img{height:390px;object-fit:contain;object-position:center;background:#F3E7EC;border-radius:5px;image-orientation:from-image}.stars-grid strong{font:500 25px var(--sans)}.stars-grid figcaption>.star-mood{display:inline-block;font-size:10px;padding:6px 10px;background:#E9D5DF;border-radius:3px;color:#824D65;margin-top:13px}.star-guidance{font-size:12px;line-height:1.9;margin-top:17px;color:#6D4F5E}.star-start{font-size:11px;line-height:1.9;margin-top:17px;color:#775064;padding-top:15px;border-top:1px solid var(--line)}.star-start b{display:block;font-weight:500;color:#9C435B;margin-bottom:6px}.star-guidance,.star-start{overflow-wrap:anywhere}.quick-grid article{border-radius:6px;background:#FFF8}.quick-grid article:nth-child(2){background:#F1E8F0}.quick-grid article:nth-child(3){background:#F4E4E4}.beauty-grid>div{border-radius:5px}.report-actions .outline{background:#FFF5}.offer-tag{border-radius:4px}.photo-actions button{color:#9C435B}@keyframes water-dots{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
@media(max-width:760px){.header{height:auto;min-height:101px;padding:15px 20px;align-items:center;gap:13px;flex-wrap:wrap}.brand{gap:10px}.brand strong{font-size:23px;letter-spacing:-.7px}.brand small{font-size:6px;max-width:65px}.language-switch{padding:2px;gap:0}.lang-button{font-size:9px;padding:8px 8px;min-height:28px}.home-screen{min-height:calc(100svh - 148px);padding:50px 22px 24px}.home-copy h1{font-size:clamp(58px,15vw,83px);font-weight:500}body[data-lang=en] .home-copy h1{font-size:clamp(45px,11.5vw,72px)}body[data-lang=ko] .home-copy h1{font-size:clamp(38px,10vw,65px)}body[data-lang=ja] .home-copy h1{font-size:clamp(34px,9vw,60px)}.home-copy .home-intro{font-size:12px;max-width:255px;margin-top:24px}.home-copy .kicker{font-size:9px;margin-bottom:25px}.home-bottom{margin-top:195px;max-width:none;padding-bottom:25px}.home-bottom .primary{min-width:0;width:100%;min-height:60px;font-size:14px;border-radius:4px}.home-meta{font-size:8px;margin-top:14px}.water-motion{right:22px;bottom:9px;padding:7px 9px;min-height:28px}.water-motion>span{font-size:8px}.water-veil{background:linear-gradient(180deg,#FFF8F066,transparent 45%,#FFF8F04D)}.question-main{padding-top:38px}.option{border-radius:7px;font-size:14px}.upload-zone{height:320px;max-width:300px}.try-backdrop{height:370px;padding:22px}.try-backdrop>img{width:100%;max-width:none;height:100%;object-fit:contain}.ready-photo{max-width:280px}.ready-photo>img{height:270px;border-radius:6px}.look-photo>img{height:100%;max-height:260px;object-fit:contain}.stars-grid figure>img{height:260px;object-fit:contain}.stars-grid figure:first-child>img{height:370px;object-fit:contain}.stars-grid strong{font-size:20px}.star-guidance{font-size:11px;line-height:1.9;margin-top:14px}.star-start{font-size:10px;line-height:1.9;margin-top:14px;padding-top:12px}.stars-grid figcaption>.star-mood{font-size:9px;padding:5px 8px}.loading-screen{min-height:calc(100svh - 148px);padding:30px 22px 50px;gap:22px}.loading-screen h1{font-size:33px}.loading-photo{height:235px;width:230px}.loading-screen>.micro{font-size:9px}.loading-stages{font-size:8px;gap:10px}.loading-step{font-size:13px}.loading-screen>.water-motion{bottom:5px}footer{font-size:7px;padding:16px 22px}body[data-mode=home] footer{height:47px}.quick-grid article{padding:20px}}
@media(min-width:761px){.brand{min-width:0}.home-bottom .primary{max-width:390px}.home-meta{max-width:390px}}
@media(max-height:730px) and (max-width:760px){.home-screen{padding-top:28px}.home-bottom{margin-top:130px}.home-copy h1{font-size:55px}.loading-screen{gap:13px;padding-top:22px}.loading-screen h1{font-size:29px}.loading-photo{height:170px;width:180px}}
@media(prefers-reduced-motion:reduce){.loading-dots{animation:none}}
/* Original silk composition, shared by landing and preparation. */
:root{--paper:#F7F5F0;--ink:#292B28;--line:#292B2825;--serif:Georgia,'Songti SC','Noto Serif CJK SC',serif}html,body{background:var(--paper)}.header{height:105px}.brand strong{font:500 25px var(--serif);letter-spacing:-1px}.brand small{color:#74766F}.language-switch{background:#F7F5F0AA;border-radius:24px;border-color:var(--line)}.lang-button{border-radius:20px}.lang-button.active{background:#292B28}.water-stage{background:radial-gradient(ellipse at 65% 50%,#D577A8,#F8C9C0 35%,#F7F5F0 75%)}.water-veil{background:linear-gradient(90deg,#F7F5F0 0%,#F7F5F0 20%,#F7F5F0DA 30%,#F7F5F045 49%,transparent 70%),linear-gradient(0deg,#F7F5F0 0%,transparent 18%,transparent 85%,#F7F5F0 99%)}body[data-mode=home],body[data-mode=loading]{background:#F7F5F0}body[data-mode=home] .header,body[data-mode=loading] .header{background:transparent;backdrop-filter:none}.home-screen{min-height:calc(100svh - 165px);padding-top:5vh;padding-bottom:75px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.home-copy{max-width:430px}.home-copy h1{font:400 clamp(62px,6.4vw,100px)/1.12 var(--serif);letter-spacing:-.065em}.home-copy .kicker{color:#777A71;letter-spacing:2px;font-size:9px;margin-bottom:28px}.home-copy .home-intro{color:#777A71;font-size:14px;max-width:270px;margin-top:23px}.home-bottom{margin-top:25px;max-width:370px}.home-bottom .primary,.home-bottom .primary:hover{min-width:245px;min-height:57px;border:0;border-radius:40px;background:#292B28;color:#FFF;font-weight:400;font-size:14px}.home-bottom .primary>span:last-child{background:#ffffff20;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.home-meta{color:#909287;font-size:10px;gap:20px}.silk-swatches{display:flex;align-items:center;gap:14px;margin-top:27px;color:#808479;font-size:9px}.silk-swatches>div{display:flex;gap:10px}.silk-swatches button{background:var(--swatch);height:13px;width:13px;border-radius:50%;padding:0;border:2px solid #F7F5F0}.silk-swatches button[aria-pressed=true]{outline:1px solid #888}.silk-caption{position:absolute;right:9vw;top:45%;display:flex;align-items:center;gap:15px;font-size:37px;color:#563847}.silk-caption small{font-size:9px;letter-spacing:1.5px}.water-motion{border-radius:30px;color:#62665F;background:#F7F5F0A8;border:0;font-size:11px}.loading-screen h1{font-family:var(--serif)}body[data-mode=loading] .water-veil{background:#F7F5F070}.diagnosis{padding:60px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.diagnosis h2{font-size:clamp(27px,3.3vw,46px);line-height:1.25;margin:15px 0 20px}.diagnosis-note{font-size:14px;line-height:1.9;color:#77616B}.diagnosis-clues{padding:0;list-style:none;margin:22px 0}.diagnosis-clues li{display:flex;flex-direction:column;gap:5px;font-size:12px;line-height:1.7;margin-bottom:13px}.diagnosis-clues li span{color:#8C8184}.diagnosis-clues strong{font-weight:500}.diagnosis-types{border-top:1px solid var(--line);padding-top:18px;margin-bottom:20px}.diagnosis-types p{display:flex;gap:25px;align-items:baseline;margin:12px 0;font-size:13px}.diagnosis-types p span{color:#8C8184;min-width:90px}.diagnosis-types strong{font-weight:500}.diagnosis-chart{align-self:center;min-width:0}.diagnosis-chart svg{width:100%;max-height:380px;font:12px var(--sans);fill:#55434F}.diagnosis-chart p{margin-top:12px;line-height:1.8}.diagnosis .micro{line-height:1.8}body[data-mode=home] footer{background:transparent;font-size:9px;color:#8C8E84}
@media(max-width:700px){.header{min-height:100px;height:auto;padding:22px 6vw;flex-wrap:wrap;gap:18px}.brand strong{font-size:24px}.brand{gap:12px}.language-switch{padding:2px}.lang-button{padding:7px 10px;font-size:10px;min-height:30px}.home-screen{padding:5vh 6vw 100px;min-height:calc(100svh - 160px);justify-content:flex-start}.home-copy h1{font-size:clamp(60px,15vw,84px)}.home-copy .kicker{margin-bottom:22px}.home-copy .home-intro{max-width:230px;font-size:13px}.home-bottom{margin-top:22px}.home-bottom .primary{min-width:245px;min-height:54px}.home-meta{margin-top:16px}.silk-swatches{margin-top:23px;gap:10px}.silk-caption{right:6vw;top:auto;bottom:27px;font-size:22px}.silk-caption small{font-size:7px}.home-screen .water-motion{bottom:27px;right:auto;left:6vw}.water-veil{background:linear-gradient(90deg,#F7F5F0C9,#F7F5F025 75%),linear-gradient(0deg,#F7F5F0,transparent 15%,transparent 70%,#F7F5F0BB)}.diagnosis{padding:35px 0;grid-template-columns:1fr;gap:25px}.diagnosis-types p{gap:16px}.diagnosis-chart svg{max-height:310px}.loading-screen{min-height:calc(100svh - 180px)}.loading-photo{height:230px;width:220px}}
/* Quiet Korean beauty editorial language throughout the inner flow. */
body[data-mode=quiz],body[data-mode=quiz][data-step],body[data-mode=upload],body[data-mode=ready],body[data-mode=report]{background:#F7F5F0;color:#292B28}.header{border-bottom:1px solid var(--line)}.upload-screen,.ready-screen,.report-page{padding-top:45px}.question-main>h1{font-weight:600;letter-spacing:-.045em;line-height:1.25}.quiz-screen{padding-bottom:70px}.question-main>.kicker{color:#8A7C80}.option{background:#FFFFFF80;border-color:#C9C4BD;border-radius:34px;font-weight:400}.option.selected{background:#292B28;border-color:#292B28;color:white}.foundation-grid .option{border-radius:10px}.foundation-grid .option:last-child{background:#EBE7E1}.foundation-grid .option:last-child.selected{background:#292B28}.primary,.next-button{background:#292B28;color:#FFF;border-radius:35px;font-weight:400}.primary:hover,.next-button:hover{background:#47463F}.outline{border-radius:35px}.quiz-top .progress .filled{background:#292B28}.quiz-top .progress i{background:#DDD7CE}.upload-zone{background:#EFE8E7;border:1px dashed #BC9CA5;border-radius:12px}.upload-screen h1,.ready-screen h1{font-weight:500}.upload-panel .status-label{background:#EBDDE2;color:#805D6B}.report-cover{gap:6vw;padding-bottom:45px}.report-cover h1{font-weight:600;font-size:clamp(39px,5vw,74px)}.report-cover .status-label{background:#EBE3E5;color:#765963}.report-section{padding:65px 0}.section-heading h2{font-weight:500;font-size:clamp(29px,3.2vw,46px)}.section-heading .kicker{color:#9A7E89}.color-card>i{border-radius:5px}.quick-grid article{background:#FFFCF8;border:1px solid var(--line);border-radius:8px}.quick-grid article:nth-child(2){background:#F0EAEA}.quick-grid article:nth-child(3){background:#F3E9E9}.quick-advice h2{font-weight:500;font-size:clamp(28px,3vw,42px)}.selfie-studio{background:#EEE8EA;border-radius:10px}.look-board{box-shadow:none;border:1px solid #DDD3CF;border-radius:8px}.beauty-grid>div{background:#FFF9;border-radius:8px}.stars-grid figure{margin:0;min-width:0}.stars-grid figure>img{background:#EEE8E8;height:330px;border-radius:8px}.stars-grid strong{font-size:24px}.star-region{font-size:10px;letter-spacing:1px;color:#8C8183;margin-top:10px}.star-match{font-size:11px;line-height:1.8;color:#866475;padding:12px 0;border-top:1px solid var(--line);margin-top:18px}.more-stars{margin-top:35px;border-top:1px solid var(--line);padding-top:25px}.more-stars>summary{cursor:pointer;font-size:13px}.more-stars>.stars-grid{margin-top:30px;row-gap:45px}.star-compliment{margin-top:14px;font-size:13px;line-height:1.9;color:#654858}.loading-stages>span.active{color:#292B28}.loading-screen>.micro{background:#F7F5F0A8}.hair-grid i{border-radius:8px}.report-page .micro{color:#84787C}.report-page>.evidence{display:none}@media(max-width:700px){.question-main{padding-top:42px}.question-main>h1{font-size:35px;margin-bottom:30px}.option{min-height:70px}.report-section{padding:40px 0}.report-cover h1{font-size:39px}.stars-grid figure>img{height:340px}.quick-grid{gap:12px}.report-cover{padding-bottom:30px}.upload-screen,.ready-screen,.report-page{padding-top:25px}.report-actions .primary,.report-actions .outline{min-width:0;width:100%}}
.diagnosis-details{margin:22px 0;font-size:12px;color:#765963}.diagnosis-details summary{cursor:pointer;padding:12px 0;list-style-position:inside}.diagnosis-clues{color:var(--ink)}
.home-meta,.home-meta span{color:#6E7468!important;opacity:1}.home-meta{font-size:10px}@media(max-width:700px){.home-copy .home-intro{max-width:280px}.home-meta{gap:12px;line-height:1.7;flex-wrap:wrap}.water-veil{background:linear-gradient(90deg,#F7F5F0E0,#F7F5F050 75%),linear-gradient(0deg,#F7F5F0,transparent 15%,transparent 70%,#F7F5F0BB)}}
/* A restrained Korean beauty editorial system. */
body:not([data-mode=home]):not([data-mode=loading]){--paper:#FBF9F6;--ink:#353230;--line:#39322C1A;background:var(--paper);color:var(--ink)}.report-page{max-width:1320px}.report-cover h1{font-weight:500;letter-spacing:-.045em;font-size:clamp(34px,4.5vw,65px)}.report-cover h1>span{display:none}.report-cover{padding:36px 0 55px;grid-template-columns:1.2fr 1fr}.report-cover .cover-palette{max-width:440px;justify-self:end;width:100%;border:7px solid #FFF}.report-page .section-heading{padding-left:20px;border-left:2px solid #B9919C}.report-page .section-heading h2{font-size:clamp(27px,3vw,41px);font-weight:500;letter-spacing:-.035em}.report-page .kicker{font-weight:400;letter-spacing:2px;color:#99888D}.report-page .report-section{padding:60px 0}.report-page .quick-grid article{background:#FFFEFC;border-color:#E9E3DF}.report-page .quick-grid article:nth-child(2){background:#F1EEEB}.report-page .quick-grid article:nth-child(3){background:#F7EFF0}.report-page .quick-advice h2{font-size:30px;font-weight:500}.report-page .color-card strong{font-weight:400}.report-page .selfie-studio{border:1px solid #ECE3E4;background:#F4EFEE}.report-page .hair-grid button>i{box-shadow:none}.report-page .stars-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 36px;margin-top:35px}.report-page .stars-grid figure{background:#FFFEFC;padding:18px 18px 24px;border:1px solid #EBE5DF;border-radius:4px}.report-page .stars-grid figure>img{height:350px;border-radius:2px;background:#F2EFEC;object-fit:contain}.report-page .stars-grid figcaption{padding:0 7px}.report-page .stars-grid strong{font-family:var(--serif);font-size:29px;font-weight:400;letter-spacing:-.5px;display:block;margin-top:9px}.report-page .star-region{font-size:10px;color:#9F8F8B;letter-spacing:2px;margin-top:20px}.report-page .star-mood{background:#F3E6E9;color:#8E6976;border-radius:2px;font-size:10px;letter-spacing:1px}.report-page .star-guidance{color:#756B68;line-height:2;font-size:13px;margin-top:20px}.report-page .star-start{border-top:1px solid #EBE4DF;color:#5F5855;line-height:1.9}.report-page .star-start b{color:#967781;font-weight:400}.report-page .star-match{color:#A09590;font-size:10px;line-height:1.9}.report-page .stars-grid details{font-size:10px;color:#928781}.star-library-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0 22px;margin-top:25px}.star-library-header>span{font-size:13px;letter-spacing:2px;color:#89736F}.star-library-header>strong{font:400 42px var(--serif);color:#997983}.star-library-header small{font:10px var(--sans);margin-left:10px;color:#978D86}.more-stars{padding-top:40px;margin-top:55px}.more-stars>h3{font-size:20px;font-weight:400;letter-spacing:1px;margin-bottom:12px}.more-stars>h3 small{font:13px var(--serif);color:#A17E89;margin-left:12px}.star-compliment{padding:16px 0;font-size:14px;max-width:650px;color:#8D6C78;line-height:2}.diagnosis{gap:70px}.diagnosis h2{font-weight:500}.diagnosis-chart polygon:last-of-type{fill:#E9D9D877;stroke:#8B737B}.quiz-screen .option{border-color:#DAD2CD;border-radius:12px;background:#FFFEFC}.quiz-screen .option.selected{background:#514249;color:#FFF;border-color:#514249}.quiz-screen .question-main h1{font-weight:500;font-size:clamp(34px,4.8vw,70px);line-height:1.3}.quiz-screen .question-main>.kicker{color:#A1848E}.ready-screen .offer-tag{background:#EEDFE3;color:#8E6B77;border-radius:3px}.report-actions .primary{background:#514249}.report-actions .outline{border-color:#C5B9B9}.header .brand strong{font-weight:400}
@media(max-width:700px){.report-page .report-cover{grid-template-columns:1fr;gap:28px;padding-top:15px}.report-cover h1{font-size:38px}.report-cover .cover-palette{justify-self:stretch;max-width:none}.report-page .report-section{padding:40px 0}.report-page .stars-grid{gap:26px;grid-template-columns:1fr}.report-page .stars-grid figure{padding:14px 14px 20px}.report-page .stars-grid figure>img{height:360px}.report-page .stars-grid strong{font-size:28px}.report-page .section-heading{padding-left:14px}.report-page .section-heading h2{font-size:28px}.star-library-header{margin-top:10px}.quiz-screen .question-main h1{font-size:34px}.report-page .quick-advice h2{font-size:27px}}
.single-star .stars-grid{grid-template-columns:1fr;max-width:850px;margin:auto}.single-star .stars-grid figure{display:grid;grid-template-columns:1fr 1fr;gap:25px}.single-star .stars-grid figure>img{height:450px}.ai-entry{margin:18px 0}.ai-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;margin-top:15px}.ai-consent input{accent-color:#8B737B;flex-shrink:0;margin-top:5px}.photo-summary{margin:30px 0;padding:25px;background:#F3EAED;border:1px solid #DACFD4;border-radius:8px}.photo-summary p{font-size:13px;line-height:1.9;margin-top:10px}.ai-look-controls{margin:25px 0;max-width:600px}.ai-look-controls .primary{width:100%;margin:15px 0}.ai-look-controls .outline{display:inline-flex;padding:16px;margin-top:15px}.ai-look-controls .micro{line-height:1.9}.look-grid{grid-template-columns:1fr;max-width:750px}.look-photo>img{max-height:600px}.primary:disabled{opacity:.5;cursor:default}@media(max-width:700px){.single-star .stars-grid figure{grid-template-columns:1fr}.single-star .stars-grid figure>img{height:360px}}

[hidden]{display:none!important}.ai-entry .micro{line-height:1.8;margin-top:12px;max-width:540px}

/* One silk scene throughout the questionnaire; keep reading surfaces quiet. */
body[data-mode=quiz] .water-stage{opacity:1;visibility:visible}
body[data-mode=quiz] .water-veil{background:linear-gradient(110deg,#F7F5F0C7,#F7F5F0A8 48%,#F7F5F078)}
body[data-mode=quiz] .header,body[data-mode=quiz] footer{background:transparent}
.quiz-screen{position:relative;padding-bottom:90px}
.quiz-screen .question-main h1{color:#292B28;text-shadow:0 2px 25px #F7F5F099}
.quiz-screen .question-main>.kicker{color:#6F535F}
.quiz-screen .option{background:#FFFEFCEB;border-color:#FFFFFFB8;box-shadow:0 1px 12px #55374608}
.quiz-screen .option:hover{background:#FFFDF6}
.quiz-screen .option.selected{background:#514249F5;color:#FFF;border-color:#514249}
.quiz-screen .foundation-grid .option{background:#FFFEFCEB}
.quiz-screen .foundation-grid .option.selected{background:#514249F5}
.quiz-motion{display:flex;justify-content:flex-end;margin-top:28px}
.quiz-motion .water-motion{position:static;background:#F7F5F0D9;border:1px solid #51424925;min-height:42px;color:#514249}
body[data-mode=quiz] .back,body[data-mode=quiz] .step-index{color:#393238}
@media(max-width:700px){.quiz-screen{padding-bottom:32px}.quiz-motion{margin-top:24px}.quiz-motion .water-motion{min-height:44px}.quiz-screen .question-main h1{font-size:clamp(29px,7.8vw,36px)}body[data-mode=quiz] .water-veil{background:#F7F5F0B8}}

/* Unveiled silk: same bright scene on home, quiz and loading. */
body[data-mode=home] .water-veil,body[data-mode=quiz] .water-veil,body[data-mode=loading] .water-veil{display:none;background:none}
body[data-mode=home] .home-copy,body[data-mode=home] .home-bottom,body[data-mode=quiz] .question-main h1{color:#242127;text-shadow:0 1px 2px #FFFFFF55}
body[data-mode=home] .home-copy .kicker,body[data-mode=home] .home-copy .home-intro,body[data-mode=home] .home-meta,body[data-mode=home] .silk-swatches,body[data-mode=loading] .loading-stages,body[data-mode=quiz] .question-main>.kicker{color:#40313D}

.provided-references{margin-top:40px;border-top:1px solid var(--line);padding-top:24px}.provided-references summary{cursor:pointer}.provided-references>.micro{margin:18px 0}.provided-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.provided-grid img{width:100%;height:260px;object-fit:contain;background:#F4EFEE}.provided-grid figcaption{font-size:12px;margin-top:8px}@media(max-width:700px){.provided-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provided-grid img{height:220px}}