@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;1,600&display=swap";:root{font-family:DM Sans,sans-serif;color:#24312b;background:#e8ddd0;font-synthesis:none;--ink:#24312b;--sage:#718978;--sage-dark:#41594d;--paper:#fffaf3;--rose:#c9928d;--gold:#bd9251;--line:rgba(44,57,49,.16)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid #d9a85f;outline-offset:3px}#salon-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hud{position:fixed;z-index:20;top:0;left:0;right:0;height:78px;display:flex;align-items:center;padding:0 32px;color:var(--ink);background:linear-gradient(#fffaf4f2,#fffaf4d8);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand>span{width:40px;height:40px;border:1px solid var(--sage);border-radius:50%;display:grid;place-items:center;font:700 11px DM Sans}.brand strong{display:block;font:600 19px Playfair Display}.brand small,.wallet small{display:block;color:#79827c;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.day-status{margin:auto;display:grid;grid-template-columns:auto 170px auto;align-items:center;gap:12px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.day-status i,.coverage i,.scan-progress i,.load-meter i,.score-breakdown i{height:3px;background:#d9d8d1;display:block;overflow:hidden}.day-status b,.coverage b,.scan-progress b,.load-meter b,.score-breakdown b{height:100%;display:block;background:var(--sage);transition:width .35s}.wallet{margin-left:auto;display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid var(--line);border-radius:30px;background:#fff}.wallet span{color:var(--gold)}.wallet small{display:inline}.icon-button{width:38px;height:38px;margin-left:10px;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer}.objective{position:fixed;z-index:10;left:28px;top:104px;width:280px;padding:22px 24px;background:#fffaf1e8;border-left:3px solid var(--sage);box-shadow:0 18px 50px #44372b1c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.2em;font-size:9px;font-weight:700;color:var(--sage)}.objective strong{display:block;margin:8px 0;font:600 20px Playfair Display}.objective p{font-size:11px;line-height:1.55;color:#707973;margin:0}.interaction-prompt{position:fixed;z-index:12;left:50%;bottom:34px;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#26342d;color:#fff;padding:10px 17px;border-radius:28px;box-shadow:0 12px 35px #1e2924aa;font-size:12px}.interaction-prompt[hidden]{display:none}.interaction-prompt kbd{background:#fff;color:#26342d;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.screen{position:fixed;z-index:30;inset:0;display:grid;place-items:center;background:#1e2d27b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.screen[hidden],.treatment[hidden],[hidden]{display:none}.intro-screen{background:linear-gradient(90deg,#17241fe8 0 38%,transparent 70%);-webkit-backdrop-filter:none;backdrop-filter:none;place-items:center start}.intro-copy{width:500px;margin-left:8vw;color:#fff}.intro-copy h1{font:600 clamp(54px,6vw,90px)/.92 "Playfair Display";letter-spacing:-.055em;margin:14px 0 28px}.intro-copy h1 em{color:#c3d3c7}.intro-copy>p:not(.eyebrow){max-width:430px;color:#d7dcd8;line-height:1.65;font-size:14px}.intro-copy small{display:block;margin-top:18px;max-width:420px;color:#aab6af;font-size:10px}.primary{height:50px;padding:0 24px;border:0;color:#fff;background:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:15px;cursor:pointer;font-size:12px;font-weight:700;transition:.25s}.primary:hover{background:var(--sage-dark);gap:22px}.primary.compact{width:100%;height:46px}.primary:disabled{opacity:.38;cursor:not-allowed}.dialogue-screen{place-items:center end;background:linear-gradient(90deg,transparent,#26352f70)}.dialogue-panel{width:min(460px,42vw);height:100%;padding:15vh 58px 40px;background:#fffaf4;box-shadow:-25px 0 70px #2b322e33}.dialogue-panel h2,.result-panel h2,.summary-panel h2{font:600 48px Playfair Display;margin:12px 0 25px}.dialogue-panel blockquote{font:italic 21px/1.55 Playfair Display;margin:0 0 30px;color:#4f5b54}.clues{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:35px}.clues span{padding:8px 12px;border:1px solid var(--line);font-size:10px;color:#657169}.treatment{position:fixed;z-index:32;inset:0;display:grid;grid-template-columns:minmax(520px,1fr) 390px;background:#e9ddd0;animation:reveal .45s ease}.portrait-stage{position:relative;overflow:hidden;background:#c9b49e}.portrait-stage>img{width:100%;height:100%;object-fit:cover;display:block}.portrait-stage:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #2a2c2630;pointer-events:none}.portrait-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;touch-action:none;cursor:crosshair}.portrait-top{position:absolute;z-index:6;top:28px;left:32px;right:32px;display:flex;justify-content:space-between;color:#fff;font-weight:700;font-size:11px;text-shadow:0 1px 5px #0008;text-transform:uppercase;letter-spacing:.12em}.loupe{position:absolute;z-index:5;top:0;left:0;width:110px;height:110px;border:3px solid #fff;border-radius:50%;box-shadow:0 8px 25px #1b211c66,inset 0 0 0 1px #485b50;pointer-events:none;background:radial-gradient(circle,#fff1 0 45%,#8aa09177 46% 49%,transparent 50%);transition:transform .06s}.coverage{position:absolute;z-index:6;left:30px;right:30px;bottom:25px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:11px 15px;background:#fffaf1e8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:10px}.coverage i{height:5px}.treatment-panel{position:relative;z-index:10;background:var(--paper);padding:42px 30px;overflow:auto;border-left:1px solid var(--line)}.treatment-head h2{font:600 30px Playfair Display;margin:10px 0}.treatment-head p{font-size:12px;line-height:1.6;color:#747d77;margin:0 0 30px}.scan-progress,.load-meter{display:grid;grid-template-columns:60px 1fr;gap:12px;align-items:center;font-size:10px;margin:18px 0}.scan-progress i,.load-meter i{height:5px}.choice-list{display:grid;gap:9px}.choice-list button,.product{border:1px solid var(--line);background:#fff;padding:14px;text-align:left;cursor:pointer;transition:.2s}.choice-list button:hover:not(:disabled),.choice-list button.selected,.product:hover,.product.selected{border-color:var(--sage);background:#edf2ec;transform:translateY(-1px)}.choice-list button:disabled{opacity:.35}.section-label{display:block;margin:20px 0 14px}.product-tray{display:grid;grid-template-columns:1fr 1fr;gap:9px}.product{min-height:115px}.product i{display:block;width:38px;height:28px;border-radius:50% 50% 38% 38%;background:var(--cream);box-shadow:inset 0 -7px #fff7,0 5px 10px #3a2e2414;margin-bottom:10px}.product strong,.product small{display:block}.product strong{font-size:11px}.product small{font-size:9px;color:#808982;margin-top:4px}.feedback{min-height:34px;font-size:10px;line-height:1.5;color:#7b847e}.feedback.good{color:#52715e}.feedback.warn{color:#a26d55}.tool-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px}.tool-switch button{height:42px;border:1px solid var(--line);background:#fff;cursor:pointer}.tool-switch button.active{background:var(--ink);color:#fff}.cream-pot{width:100%;padding:14px;border:1px solid var(--line);background:#fff;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;text-align:left;cursor:pointer}.cream-pot>span{grid-row:1/3;width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 7px #fff8,0 5px 12px #44352a20}.cream-pot strong{font-size:11px}.cream-pot small{font-size:9px;color:#7d867f}.result-panel,.summary-panel{width:min(620px,90vw);max-height:88vh;overflow:auto;background:var(--paper);padding:48px 60px;text-align:center;box-shadow:0 30px 100px #1f2923aa}.big-score strong,.day-score strong{font:600 78px Playfair Display;color:var(--sage-dark)}.big-score span,.day-score span{font-size:12px;color:#7a837d}.score-breakdown{display:grid;gap:8px;margin:28px 0}.score-breakdown div{display:grid;grid-template-columns:85px 1fr 25px;align-items:center;gap:9px;text-align:left;font-size:9px}.result-panel>p:not(.eyebrow),.summary-panel>p:not(.eyebrow){color:#6f7872;font-size:12px}.shop{display:grid;gap:8px;margin:25px 0}.shop button{display:flex;justify-content:space-between;align-items:center;padding:13px 16px;border:1px solid var(--line);background:#fff;text-align:left;cursor:pointer}.shop button:not(:disabled):hover{border-color:var(--sage);background:#eef3ed}.shop button:disabled{opacity:.55}.shop strong,.shop small{display:block}.shop strong{font-size:11px}.shop small{font-size:9px;color:#7b847e;margin-top:3px}.shop b{font-size:11px;color:var(--gold)}@keyframes reveal{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:none}}@media(max-width:900px){.treatment{grid-template-columns:1fr}.portrait-stage{min-height:56vh}.treatment-panel{position:absolute;right:10px;bottom:10px;width:min(370px,calc(100% - 20px));max-height:42vh;padding:20px}.day-status{display:none}.objective{width:240px}.intro-copy{width:auto;margin:0 30px}.dialogue-panel{width:min(460px,90vw)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}#brush-cursor{position:absolute;z-index:7;left:0;top:0;width:20px;height:64px;border-radius:12px 12px 6px 6px;background:linear-gradient(90deg,#9a643d,#e0aa72 45%,#784626);box-shadow:0 5px 15px #1a151044;pointer-events:none;transform-origin:50% 90%}#brush-cursor:before{content:"";position:absolute;left:1px;top:-19px;width:18px;height:26px;border-radius:50% 50% 35% 35%;background:linear-gradient(90deg,#584238,#efe3cf 48%,#62483d);clip-path:polygon(50% 0,100% 48%,82% 100%,18% 100%,0 48%)}#brush-cursor i{position:absolute;left:2px;top:2px;width:16px;height:9px;border-radius:2px;background:linear-gradient(#d9c7a5,#87765e)}#brush-cursor.sponge{width:42px;height:28px;border-radius:48% 55% 42% 52%;background:#e5c68d;box-shadow:inset 4px 4px 8px #fff8,0 5px 15px #1a151044}#brush-cursor.sponge:before,#brush-cursor.sponge i{display:none}.portrait-stage canvas{cursor:none}#zone-guides{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .25s ease}#zone-guides circle{fill:#f7edd61f;stroke:#fff;stroke-width:.38;stroke-dasharray:1.3 1.4;vector-effect:non-scaling-stroke}.icon-button.active{color:#fff;background:var(--sage-dark)}