:root{--pk-beauty-ink:#263f38;--pk-beauty-paper:#f3eee7;--pk-beauty-sage:#b7c9b6;--pk-beauty-rose:#e4b6af;--pk-motion-soft:cubic-bezier(.22,.8,.25,1);--pk-motion-press:140ms;--pk-motion-hover:260ms}
.pk-beauty-room{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background:var(--pk-beauty-paper);padding:3rem;border-radius:2rem;color:var(--pk-beauty-ink);margin:2rem 0 5rem}.pk-vanity{position:relative;align-self:start;text-align:center;padding:1rem 1rem 6rem;background:radial-gradient(ellipse at 50% 30%,#fbf7ef,#d6dbcd);border-radius:45% 45% 1rem 1rem}.pk-mirror{position:relative;overflow:hidden;width:100%;max-width:360px;aspect-ratio:4/5;margin:auto;border-radius:48% 48% 35% 35%;border:12px solid #e9cbae;box-shadow:inset 0 0 15px #ffffff,0 12px 30px #65776c30;background:linear-gradient(130deg,#f4f0e8,#c9d9ce)}.pk-mirror svg{width:100%;height:100%;display:block}.pk-vanity-caption{font-size:10px;letter-spacing:.12em;display:block;margin:1.5rem 0}.pk-vanity-objects{position:absolute;bottom:0;left:10%;right:10%;display:flex;align-items:end;justify-content:center;gap:1.5rem;border-bottom:12px solid #a88c78}.pk-bottle{display:flex;align-items:center;justify-content:center;flex-direction:column;width:95px;height:150px;background:linear-gradient(100deg,#7c9886,#c6d5bf 40%,#8da68e);border-radius:15px 15px 24px 24px;box-shadow:inset 5px 0 8px #fff6,12px 18px 24px #36514324;color:#243b31;font-size:13px;letter-spacing:.1em;position:relative}.pk-bottle:before{content:'';position:absolute;top:-25px;width:48px;height:28px;border-radius:8px 8px 0 0;background:linear-gradient(90deg,#c4b8a1,#efe4cf,#c4b8a1)}.pk-cream{display:flex;align-items:center;justify-content:center;width:120px;height:70px;border-radius:50% 50% 24px 24px;background:linear-gradient(100deg,#d4a09b,#f3cfc7 50%,#d5a39e);border-top:15px solid #ead9ce;box-shadow:10px 15px 20px #36514320;color:#483c38}.pk-beauty-controls h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.08;color:var(--pk-beauty-ink)}.pk-beauty-controls p{line-height:1.65}.pk-beauty-fields{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.pk-beauty-field{display:flex;flex-direction:column;gap:.3rem;font-size:13px;font-weight:600;margin:.6rem 0}.pk-beauty-field select{max-width:100%;min-height:44px;padding:.6rem;border:1px solid #adb9ac;border-radius:10px;background:#fffaf4;color:#263f38;font:inherit}.pk-beauty-controls button{margin:.4rem .4rem .4rem 0;min-height:44px;cursor:pointer}.pk-beauty-button,.pk-beauty-controls>[data-beauty-restart]{padding:.75rem 1rem;border-radius:30px;border:1px solid #789082;background:transparent;color:#263f38;font:inherit}.pk-beauty-controls button:disabled{opacity:.5;cursor:default}.pk-beauty-save{display:flex;gap:.6rem;align-items:center;font-size:14px;margin-top:1.5rem}.pk-beauty-save input{width:20px;height:20px;accent-color:#263f38}.pk-beauty-note{font-size:12px;color:#52615a}.pk-beauty-gestures{padding:1rem 0;font-size:14px;font-weight:600}.pk-foam{position:absolute;inset:45% 18% 20%;background:radial-gradient(circle at 15% 40%,#fffc 0 20%,transparent 21%),radial-gradient(circle at 75% 45%,#fffc 0 23%,transparent 24%),radial-gradient(circle at 50% 70%,#fffc 0 19%,transparent 20%);pointer-events:none;opacity:0;transition:opacity .3s}.pk-beauty-room[data-beauty-step="2"] .pk-foam{opacity:calc(var(--beauty-taps)/4)}.pk-beauty-room[data-beauty-step="3"] .pk-foam{opacity:calc(1 - var(--beauty-taps)/4)}.pk-beauty-room[data-beauty-step="6"] .pk-mirror{box-shadow:0 12px 35px #baa39055}.pk-beauty-room[data-beauty-step="9"] .pk-mirror{border-color:#9eb7a3}.pk-beauty-summary{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.pk-beauty-summary li{background:#e0e7da;border-radius:20px;padding:.5rem .8rem;font-size:12px}.pk-beauty-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:2rem;background:#dfe6d9;color:#263f38;padding:3rem;border-radius:2rem;margin:3rem 0}.pk-beauty-feature h2{font-size:clamp(2.4rem,4vw,4rem);color:#263f38}.pk-beauty-object{min-height:220px;display:flex;align-items:center;justify-content:center;gap:1.5rem}.pk-beauty-object .pk-bottle{transform:rotate(-10deg);width:110px;height:170px}.pk-beauty-object .pk-cream{transform:rotate(8deg)}.pk-beauty-reading{max-width:760px;padding:2rem 0 4rem;line-height:1.9;font-size:18px}.pk-beauty-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:2rem 0}.pk-beauty-guide-grid>a{padding:2rem;border-radius:1.3rem;background:#f2eee6;color:#263f38;text-decoration:none}.pk-beauty-guide-grid h2{font-size:1.5rem;line-height:1.2}.pk-beauty-today{padding:2.5rem;border-left:4px solid #8b9d84;background:#f5eee5;color:#263f38;border-radius:0 1.5rem 1.5rem 0;margin:2rem 0}.pk-beauty-today h2{color:#263f38}
@media(max-width:700px){.pk-beauty-room{grid-template-columns:1fr;padding:1rem;gap:1.5rem;border-radius:1.2rem}.pk-vanity{max-width:320px;width:100%;margin:auto;padding-bottom:3.5rem}.pk-mirror{max-width:230px;border-width:9px}.pk-vanity-objects .pk-bottle{width:55px;height:78px;font-size:10px}.pk-vanity-objects .pk-cream{width:75px;height:42px}.pk-vanity-caption{margin:.5rem 0}.pk-beauty-feature{grid-template-columns:1fr;padding:1.5rem}.pk-beauty-guide-grid{grid-template-columns:1fr}.pk-beauty-field{min-width:0}.pk-beauty-today{padding:1.5rem}}
@media(prefers-reduced-motion:reduce){.pk-foam{transition:none}}
.pk-avatar-touch{display:block;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;border-radius:45%;cursor:crosshair}.pk-avatar-touch:disabled{cursor:default;opacity:1}.pk-avatar-touch:not(:disabled):active{filter:brightness(1.06)}.pk-avatar-touch:focus-visible{outline:4px solid #964a5b;outline-offset:-5px}.pk-beauty-room[data-beauty-step="4"] .pk-mirror,.pk-beauty-room[data-beauty-step="5"] .pk-mirror{background:radial-gradient(ellipse at 50% 25%,#fff6db,#c9d9ce)}

.pk-foam{display:none}
@media(prefers-reduced-motion:no-preference){.pk-beauty-texture,.pk-beauty-finish{animation:pk-beauty-in .32s ease-out both}}
@keyframes pk-beauty-in{from{opacity:0}to{opacity:1}}
.pk-avatar-touch{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:scale .42s cubic-bezier(.25,1.25,.4,1)}
@media(prefers-reduced-motion:no-preference){.pk-avatar-touch:not(:disabled):active{scale:.97;transition-duration:.09s}}
@media(prefers-reduced-motion:no-preference){.pk-beauty-enter>*{animation:pk-beauty-rise .36s cubic-bezier(.22,1,.36,1) both}.pk-beauty-enter>*:nth-child(2){animation-delay:40ms}.pk-beauty-enter>*:nth-child(3){animation-delay:80ms}}
@keyframes pk-beauty-rise{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}