:root{font-family:Georgia,Times New Roman,serif;color:#73525c;background:#f7e8db;font-synthesis:none;-webkit-tap-highlight-color:transparent;font-weight:500}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;cursor:pointer;border:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #9872a5;outline-offset:3px}button:active{transform:scale(.95)}button svg{width:100%;height:100%;pointer-events:none}button{transition:transform .15s,box-shadow .15s,background .15s}button.selected{box-shadow:0 0 0 3px #aa7e99;background:#fff5fa}.studio{height:100%;max-width:1100px;margin:auto;padding:20px 44px 12px;display:flex;flex-direction:column;position:relative;background:radial-gradient(ellipse at 50% 25%,#fffaf0,#f8ede1 75%)}header{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0;position:relative;z-index:3}.brand{text-align:center}.eyebrow{font-family:Verdana,sans-serif;font-size:9px;letter-spacing:3px;color:#a28173}h1{font-size:clamp(24px,3.2vw,40px);line-height:1.05;margin:8px 0;font-weight:500;letter-spacing:-1px}.brand p{font-family:Verdana,sans-serif;font-size:11px;color:#9c7c77;margin:8px 0 0}.round{width:48px;height:48px;flex-shrink:0;border:1px solid #e5cdbd;border-radius:50%;background:#fff9ed;padding:10px;box-shadow:0 3px #ead8c8}.round svg{stroke-width:4}.studio main{display:flex;flex:1;min-height:0;flex-direction:column}.room{flex:1;min-height:0;position:relative;isolation:isolate;margin:12px 0 0;border-radius:140px 140px 24px 24px;overflow:hidden;background:linear-gradient(0deg,#e8cbb9 0,#e8cbb9 13%,#f3dbd0 13%,#f3dbd0 14%,#f9e8dc 14%);border:1px solid #ecd4c4}.wallpaper{position:absolute;top:0;right:0;bottom:14%;left:0;background-image:radial-gradient(#ddb8a64d 1.5px,transparent 1.5px);background-size:24px 24px;opacity:.7}.mirror{position:absolute;top:5%;left:50%;transform:translate(-50%);width:53%;height:83%;border:9px solid #e7c59b;border-radius:48% 48% 30% 30%;box-shadow:0 0 0 2px #cda97f,inset 0 0 0 3px #fff5d7,0 6px 20px #b58c6d25;background:linear-gradient(120deg,#e2efdf 5%,#eff6eb 47%,#fffdf0 48%,#e1efdf 65%)}.mirror-inner{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #c6d9c7;border-radius:inherit}.rug{position:absolute;bottom:3%;left:50%;width:58%;height:12%;border:6px double #e3b3b8;transform:translate(-50%);border-radius:50%;background:#f4d2d1;box-shadow:0 7px 9px #ab7d6230}.shelf{position:absolute;top:47%;height:12px;background:#d4ae8c;box-shadow:0 5px #b8917540;border-radius:4px;width:18%;display:flex;align-items:flex-end;justify-content:center;gap:10px}.shelf-left{left:3%}.shelf-right{right:3%}.shelf i{width:18%;height:40px;border:2px solid #bda28f;border-radius:8px 8px 4px 4px;background:#c1d4c1;position:relative;margin-bottom:10px}.shelf i:before{content:"";position:absolute;left:15%;right:15%;top:-9px;height:8px;background:#dcc29d;border-radius:2px}.shelf i:nth-child(2){height:56px;background:#e7bac9}.shelf i:nth-child(3){height:32px;background:#e9ca88}.shelf span{height:90px;width:90px;margin-bottom:7px}.shelf span svg{height:100%}.room-spark{position:absolute;font-size:35px;color:#caa46a;top:24%;left:12%;transform:rotate(-10deg)}.spark-two{left:auto;right:10%;top:18%;font-size:55px}#stage{position:absolute;height:99%;aspect-ratio:5/7;left:50%;bottom:0;transform:translate(-50%);z-index:2;touch-action:none}#stage canvas{width:100%!important;height:100%!important;display:block}.nameplate{position:absolute;bottom:2%;left:50%;transform:translate(-50%);border:1px solid #d7b991;white-space:nowrap;padding:6px 18px;background:#fff6e8;border-radius:40px;z-index:3;display:flex;gap:12px;font-size:12px;font-style:italic;color:#967453;box-shadow:0 3px 8px #ab7d621c}.nameplate span{color:#cba764}.controls{flex-shrink:0;position:relative}.home-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:19px 0 8px}.activity{position:relative;background:#fae0e4;border:1px solid #e8c5ca;border-radius:22px;padding:11px 12px 14px;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px #e9c8cb;min-height:132px}.activity-hair{background:#e7dff1;border-color:#d6c8e4;box-shadow:0 5px #d9cbe4}.activity-makeup{background:#f7e6c6;border-color:#e9d5af;box-shadow:0 5px #ead5b2}.activity-nails{background:#dcebe0;border-color:#c1d8c7;box-shadow:0 5px #c6dccb}.activity-icon{width:67px;height:67px}.activity>span{font-size:20px;font-weight:500}.activity small{font-family:Verdana,sans-serif;font-size:9px;margin-top:5px;color:#9a7a7e}.activity b{position:absolute;right:12px;top:11px;font-size:18px;font-weight:400;opacity:.5}.activity:hover{transform:translateY(-3px)}footer{flex-shrink:0;text-align:center;font-family:Verdana,sans-serif;font-size:9px;letter-spacing:2px;color:#ac8b7b;padding-top:9px;min-height:25px}.footer-flower{margin-right:6px;color:#bd8e93}.status{display:block;font-size:8px;letter-spacing:.3px;margin-top:4px;color:#83947e}.status:empty{display:none}.activity-controls{padding-top:10px;display:flex;flex-direction:column;align-items:center;gap:9px}.tabs{display:flex;gap:8px;justify-content:center;width:100%}.tab{display:flex;gap:6px;align-items:center;justify-content:center;background:#fff9ef;border:1px solid #e8d4c6;border-radius:16px;padding:7px 13px;min-height:48px}.tab svg{height:32px;width:32px}.tab span{font-size:14px}.catalog{display:flex;gap:9px;width:100%;overflow-x:auto;scrollbar-width:thin;touch-action:pan-x;padding:4px 5px 8px;justify-content:center}.item{flex:0 0 100px;min-width:0;background:#fff8ef;border-radius:15px;border:1px solid #e5d3c6;padding:4px;height:102px;display:flex;flex-direction:column;align-items:center}.item svg{height:73px;max-width:90px;min-height:0}.item span{font-size:11px;white-space:nowrap}.swatches{display:flex;justify-content:center;gap:8px;padding:4px}.swatch{width:43px;height:43px;padding:4px;border-radius:50%;background:#fff9ef;border:1px solid #e6d6c9}.swatch span{display:block;width:100%;height:100%;border-radius:50%;box-shadow:inset 0 2px 4px #0002;border:1px solid #0001}.swatch.selected:after{content:"✓";position:absolute;color:#fff;text-shadow:0 1px 3px #73525c;transform:translate(-50%,-140%);font-family:Verdana,sans-serif;font-size:19px}.clear-small{position:absolute;right:0;top:13px;width:40px;height:40px;border-radius:50%;padding:7px;background:#f1ddd5}.tool-instruction{display:flex;align-items:center;gap:14px;height:86px;font-size:16px;color:#967580}.tool-instruction svg{height:70px;width:70px}.decorations{display:flex;gap:8px}.decal{width:47px;height:47px;padding:6px;background:#fff8ed;border:1px solid #e4d0c0;border-radius:13px}.reset-paint{display:flex;align-items:center;gap:5px;padding:3px 12px;background:transparent;color:#987986;font-size:12px;min-height:36px}.reset-paint svg{width:28px;height:28px}#painting{position:absolute;height:95%;aspect-ratio:1;max-width:100%;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;touch-action:none}.studio[data-page=makeup] .mirror,.studio[data-page=nails] .mirror{width:66%;height:92%;top:4%}.studio[data-page=makeup] .shelf,.studio[data-page=nails] .shelf{opacity:.3}.gesture-hint{position:absolute;z-index:4;pointer-events:none;width:60px;height:60px;top:15%;left:65%;filter:drop-shadow(1px 3px 2px #795b6344)}.gesture-hint svg{width:100%;height:100%}.brush-spark{position:absolute;z-index:5;pointer-events:none;color:#fff5c3;text-shadow:0 0 5px #ca9d56;font-size:25px;animation:brush-pop .6s both}.celebration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;overflow:hidden}.celebration span{position:absolute;top:35%;left:var(--x);color:#e6b55c;font-size:30px;animation:celebrate 1.6s var(--d) both}.room-action{position:absolute;bottom:3%;z-index:4;width:56px;height:56px;padding:9px}.scene-button{left:4%}.surprise-button{right:4%}.skin-row{display:flex;align-items:center;gap:2px}.skin-icon{width:34px;height:34px;display:block}.skin-icon svg{width:100%;height:100%}.scene-deco{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scene-deco i,.scene-deco span{position:absolute;display:block}.sun{top:8%;left:9%;width:56px;height:56px;border-radius:50%;background:#ffd877;box-shadow:0 0 0 10px #ffd8774d,0 0 40px #ffd877}.cloud{width:84px;height:26px;background:#fff;border-radius:20px;opacity:.95}.cloud:before{content:"";position:absolute;width:42px;height:42px;border-radius:50%;background:#fff;left:15px;top:-20px}.c1{top:21%;right:10%}.c2{top:36%;left:5%;transform:scale(.7)}.deco{width:46px;height:46px;bottom:5%}.deco svg{width:100%;height:100%}.f1{left:5%;bottom:12%}.f2{right:6%;bottom:12%}.f3{left:16%;bottom:6%;width:32px;height:32px}.waves{left:0;right:0;bottom:9%;height:7%;background:radial-gradient(circle at 12px 0,transparent 9px,#ffffff90 10px,transparent 12px) 0 6px/24px 14px repeat-x}.moon{top:9%;right:14%;width:54px;height:54px;border-radius:50%;box-shadow:13px -7px #fff2b8;filter:drop-shadow(0 0 12px #fff2b880)}.room[data-scene="1"]{background:linear-gradient(0deg,#a9cf95 0,#a9cf95 13%,#c4e0b0 13%,#c4e0b0 14%,#f2f8e8 14%,#cde6f2)}.room[data-scene="1"] .wallpaper{background-image:radial-gradient(#f3b9c8 2.5px,transparent 3px);background-size:46px 46px;opacity:.45}.room[data-scene="2"]{background:linear-gradient(0deg,#f1dcae 0,#f1dcae 9%,#8fcbd6 9%,#8fcbd6 16%,#b7e0e6 16%,#b7e0e6 17%,#fdf1dc 17%,#bfe3f0)}.room[data-scene="2"] .wallpaper{display:none}.room[data-scene="3"]{background:linear-gradient(0deg,#77709f 0,#77709f 13%,#8e86b5 13%,#8e86b5 14%,#5d5c94 14%,#2f3366);border-color:#5d5c94}.room[data-scene="3"] .wallpaper{background-image:radial-gradient(#fff 1.2px,transparent 1.7px),radial-gradient(#fff9 1px,transparent 1.5px);background-size:38px 38px,23px 23px;background-position:0 0,11px 7px;opacity:.8}.room[data-scene="3"] .room-spark{color:#fff2b8}.room:not([data-scene="0"]) .mirror,.room:not([data-scene="0"]) .shelf{display:none}.catalog .item{touch-action:pan-x}.drag-ghost{position:fixed;z-index:20;width:110px;height:110px;pointer-events:none;transform:translate(-50%,-65%) scale(1.15) rotate(-4deg);filter:drop-shadow(0 8px 8px #795b6340)}.drag-ghost svg{width:100%;height:100%}.drag-ghost.returning{transition:left .25s,top .25s,opacity .25s,transform .25s;opacity:0;transform:translate(-50%,-50%) scale(.5)}.room .mirror{transition:box-shadow .2s}.room.drop-ready .mirror{box-shadow:0 0 0 2px #cda97f,inset 0 0 0 3px #fff5d7,0 0 28px 8px #f3c3d4}@keyframes celebrate{0%{opacity:0;transform:translateY(30px) scale(.2)}25%{opacity:1}to{opacity:0;transform:translateY(-150px) rotate(var(--r)) scale(1.3)}}@keyframes brush-pop{to{opacity:0;transform:translateY(-45px) scale(.3)}}@media(min-width:1000px){.studio{padding:24px 80px 15px}.room{margin-top:18px}}@media(max-width:600px){.studio{padding:max(12px,env(safe-area-inset-top)) 13px max(7px,env(safe-area-inset-bottom))}header{gap:8px}.eyebrow{font-size:7px;letter-spacing:2px}h1{font-size:26px}.brand p{font-size:9px}.round{width:40px;height:40px;padding:8px}.room{border-radius:100px 100px 20px 20px;margin-top:12px}.mirror{width:73%;border-width:7px}.shelf{width:15%;gap:4px}.shelf-left{left:1%}.shelf-right{right:1%}.shelf i{height:25px;width:22%}.shelf i:nth-child(2){height:35px}.shelf i:nth-child(3){height:20px}.shelf span{height:50px;width:50px}.room-spark{left:5%;font-size:24px}.spark-two{left:auto;right:4%;font-size:31px}.home-controls{grid-template-columns:repeat(2,1fr);gap:11px;padding:12px 0 6px}.activity{min-height:90px;padding:10px 8px 10px 63px;align-items:flex-start;justify-content:center;border-radius:18px}.activity-icon{position:absolute;left:9px;top:17px;width:51px;height:51px}.activity>span{font-size:19px}.activity small{font-size:8px}.activity b{font-size:14px;right:9px;top:7px}.nameplate{font-size:10px;padding:5px 12px}.tab{padding:5px 9px;gap:3px;border-radius:13px;min-height:44px}.tab svg{width:28px;height:28px}.tab span{font-size:12px}.tabs.many{gap:6px}.room-action{width:44px;height:44px;padding:7px}.sun,.moon{width:40px;height:40px}.deco{width:34px;height:34px}.skin-icon{width:28px;height:28px}.tabs.many .tab span{display:none}.catalog{justify-content:flex-start}.item{flex-basis:78px;height:94px}.item svg{height:65px}.item span{font-size:10px}.swatches{gap:6px}.swatch{width:36px;height:36px;padding:3px}.decal{width:38px;height:41px;padding:4px}.decorations,.activity-controls{gap:6px}.tool-instruction{height:80px;font-size:14px}.clear-small{position:static;height:30px;width:30px;padding:4px}.studio[data-page=makeup] .mirror,.studio[data-page=nails] .mirror{width:91%}footer{font-size:8px;padding-top:7px}.status{font-size:7px}}@media(max-height:700px){.eyebrow{display:none}.brand p{margin-top:4px}.studio{padding-top:8px}.room{margin-top:8px}.activity{min-height:75px}.activity-icon{height:43px;top:14px}.activity small{display:none}.home-controls{gap:8px;padding-top:9px}.item{height:80px}.item svg{height:54px}.tab{min-height:40px}.tool-instruction{height:64px}.tool-instruction svg{height:50px}.nameplate{display:none!important}.status{display:none}footer{min-height:16px}.activity-controls{gap:4px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}