:root{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;color:#293b33;background:#e9eee7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #e8844d;outline-offset:3px}button:disabled{opacity:.38;cursor:default}.shell{max-width:440px;min-height:100dvh;margin:auto;background:#faf9f3;padding:0 20px 28px;box-shadow:0 0 40px #536f5a14}.topbar{height:66px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9df}.brand{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#567c60;color:#fff;font-size:24px;line-height:1}.restart-link,.undo{border:0;background:transparent;color:#6b7b6f;font-size:12px;padding:12px 0 12px 12px}.intro{display:flex;align-items:end;justify-content:space-between;margin:26px 0 18px}.eyebrow{color:#8a9e88;font-size:10px;font-weight:800;letter-spacing:.13em;margin:0 0 6px}.intro h1{font-size:23px;letter-spacing:-.06em;margin:0}.room-number{font-size:10px;letter-spacing:.12em;color:#719077;font-weight:800;background:#eaf0e5;border-radius:30px;padding:8px 11px;white-space:nowrap}.steps{display:flex;justify-content:space-between;margin:0 0 18px;position:relative}.steps:before{content:"";position:absolute;top:12px;left:8%;right:8%;height:1px;background:#dce4d8}.step{position:relative;display:flex;align-items:center;flex-direction:column;gap:5px;color:#9da99d;font-weight:700}.step span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eff2eb;border:1px solid #dfe6dc;font-size:10px}.step small{font-size:10px}.step.active{color:#42684b}.step.active span{background:#557d5d;color:#fff;border-color:#557d5d}.step.done span{background:#dce9d8;color:#527759;border-color:#dce9d8}.room{height:260px;position:relative;overflow:hidden;border-radius:17px;background:#e9e6d9;box-shadow:inset 0 0 0 1px #dce2d5}.wall{position:absolute;inset:0 0 27%;background:#f2ead8}.wall-1 .wall{background:#dfe9d7}.wall-2 .wall{background:#dce9e7}.wall-detail{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,#ffffff25 50%,transparent 50.3%);opacity:.7}.floor{position:absolute;inset:73% 0 0;background:repeating-linear-gradient(0deg,#d3ad82 0 22px,#bb946e 23px,#d3ad82 24px)}.floor-1 .floor{background:repeating-linear-gradient(0deg,#dfc5a0 0 22px,#cdb28e 23px,#dfc5a0 24px)}.floor-2 .floor{background-color:#d6d2bf;background-image:linear-gradient(#c2beab 1px,transparent 1px),linear-gradient(90deg,#c2beab 1px,transparent 1px);background-size:35px 24px}.baseboard{position:absolute;top:71%;width:100%;height:6px;background:#f9f6e9;box-shadow:0 2px 3px #81775c30}.window{position:absolute;top:16%;left:12%;width:29%;height:49%;background:#c6dedc;border:7px solid #fff9e9;box-shadow:0 3px #cbbda4;border-radius:3px}.window:before,.window:after{content:"";position:absolute;background:#fff9e9}.window:before{width:5px;height:100%;left:47%}.window:after{height:5px;width:100%;top:49%}.window-shine{position:absolute;inset:6px;background:linear-gradient(130deg,#ffffff50 20%,transparent 20% 60%,#ffffff45 61% 70%,transparent 71%)}.cabinet{position:absolute;z-index:1;right:13%;top:53%;width:35%;height:30%;border-radius:7px 7px 3px 3px;background:#bc8b5f;border:4px solid #a57750;box-shadow:0 6px #7653394a;display:flex;padding:6px;gap:4px}.cabinet i{position:relative;flex:1;border:1px solid #a77750;background:#c99d71}.cabinet i:after{content:"";position:absolute;top:8px;right:6px;width:4px;height:4px;border-radius:50%;background:#775536}.cabinet-1{border-radius:25px 25px 3px 3px;background:#dbb889}.cabinet-2{background:#e2c4a5;border-color:#c6a889}.mess{position:absolute;z-index:3;width:48px;height:48px;border:0;border-radius:50%;background:#fff9dfbd;display:grid;place-items:center;box-shadow:0 2px 8px #65563c26}.mess span{font-size:28px;color:#987454}.mess-0{left:12%;top:68%;transform:rotate(-13deg)}.mess-1{left:36%;top:77%;transform:rotate(15deg)}.mess-2{right:14%;top:72%;transform:rotate(-8deg)}.mess-3{right:35%;top:55%;color:#999}.drop-zone{position:absolute;z-index:4;width:58px;height:58px;border:2px dashed #628965;border-radius:15px;background:#f6ffedb3;color:#41684a;font-size:10px;font-weight:800}.zone-0,.object-0{left:19%;top:48%}.zone-1,.object-1{right:24%;top:36%}.zone-2,.object-2{right:8%;top:68%}.drop-zone.hinted{box-shadow:0 0 0 7px #fff5b8b0,0 0 22px #ffd87c;background:#fff9d7}.object{position:absolute;z-index:3;width:50px;height:55px;pointer-events:none}.object-0:before,.object-preview-0:before{content:"";position:absolute;width:25px;height:29px;left:13px;top:3px;background:#7fa67a;border-radius:80% 10%;transform:rotate(-25deg);box-shadow:10px 3px 0 -2px #9abb8b}.object-0:after,.object-preview-0:after{content:"";position:absolute;left:13px;bottom:2px;width:29px;height:23px;background:#ca8f6c;clip-path:polygon(0 0,100% 0,83% 100%,17% 100%)}.object-1:before,.object-preview-1:before{content:"";position:absolute;left:8px;top:5px;width:35px;height:22px;background:#f7d99c;border-radius:50% 50% 4px 4px}.object-1:after,.object-preview-1:after{content:"";position:absolute;left:23px;top:25px;width:5px;height:23px;background:#aa815c;box-shadow:0 5px 0 3px #aa815c}.object-2:before,.object-preview-2:before{content:"";position:absolute;left:5px;bottom:8px;width:40px;height:10px;background:#dfb275;border-radius:2px;box-shadow:3px -11px #c88468,-1px -22px #799d87}.room-label{position:absolute;z-index:2;left:13px;bottom:10px;color:#fffdf4;font-size:8px;letter-spacing:.12em;font-weight:800;text-shadow:0 1px 3px #765c45}.room-label span{margin-left:5px;opacity:.7}.action-area{padding-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:5px}.section-heading h2,.modal h2{font-size:20px;letter-spacing:-.06em;margin:0}.description{font-size:13px;line-height:1.5;color:#78887b;margin:8px 0 18px}.clean-progress{background:#edf2e9;border-radius:14px;padding:15px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:700}.clean-progress strong{color:#4b7553}.clean-progress small{color:#9a9}.progress-track{margin-top:12px;width:100%;height:6px;border-radius:5px;background:#d9e4d6;overflow:hidden}.progress-track i{display:block;height:100%;background:#729a73;border-radius:5px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice{min-width:0;min-height:96px;background:#fff;border:1px solid #e4e9df;border-radius:14px;padding:8px;text-align:left;color:#384d3c;font-size:11px;font-weight:700;position:relative}.choice:hover{border-color:#78a27e}.swatch{display:block;height:43px;border-radius:8px;margin-bottom:9px;background:#d5ad80}.floor-swatch-0{background:repeating-linear-gradient(0deg,#cda77e 0 9px,#b38a64 10px)}.floor-swatch-1{background:repeating-linear-gradient(0deg,#dfc9a8 0 9px,#c5ac8a 10px)}.floor-swatch-2{background-color:#d6d2bf;background-image:linear-gradient(#bcbba9 1px,transparent 1px),linear-gradient(90deg,#bcbba9 1px,transparent 1px);background-size:16px 12px}.wall-swatch-0{background:#f2ead8}.wall-swatch-1{background:#dfe9d7}.wall-swatch-2{background:#dce9e7}.furniture-swatch-0,.furniture-swatch-1,.furniture-swatch-2{background:#f1eee4;position:relative}.furniture-swatch-0:after,.furniture-swatch-1:after,.furniture-swatch-2:after{content:"";position:absolute;inset:9px 20% 4px;background:linear-gradient(90deg,#bd8d62 48%,#9a704e 49% 51%,#bd8d62 52%);border:2px solid #a57a53}.furniture-swatch-1:after{border-radius:12px 12px 0 0;background:#d1aa7a}.furniture-swatch-2:after{background:repeating-linear-gradient(#dec0a0 0 8px,#bd9d7f 9px)}.choice-arrow{position:absolute;right:8px;bottom:8px;color:#9caf9b}.unpack-panel{display:flex;align-items:center;gap:12px;background:#f0f3e9;border-radius:15px;padding:12px}.box-art{width:43px;height:38px;background:#cfaa7e;border:3px solid #b88d61;border-radius:4px;display:grid;place-items:center;color:#f7e3be;font-size:19px;flex:none}.unpack-copy{display:flex;flex:1;flex-direction:column;min-width:0}.unpack-copy .eyebrow{margin:0 0 3px}.unpack-copy strong{font-size:14px}.unpack-copy>span:last-child{font-size:10px;color:#78887b;margin-top:4px}.drag-item{width:51px;height:55px;position:relative;flex:none;touch-action:none;cursor:grab;border:1px dashed #a7bca4;border-radius:12px;background:#fffdf5}.drag-item.dragging{opacity:.55}.hint-button{display:block;border:0;background:transparent;color:#567c60;font-size:12px;font-weight:700;padding:14px 0 4px}.hint-button span{font-size:10px;background:#e4eedf;padding:3px 6px;border-radius:10px;margin-left:4px}.hint-text{font-size:12px;color:#567c60;line-height:1.5;margin:8px 0}.primary{width:100%;min-height:52px;border:0;border-radius:13px;background:#547b5c;color:#fff;font-weight:800;padding:0 18px;text-align:left}.primary span{float:right;font-size:20px}.result-note{border-radius:14px;background:#edf2e9;padding:15px;margin-bottom:14px;font-size:13px;line-height:1.6;color:#617867}.result-note span{color:#86a780;font-size:20px;margin-right:5px}.save-note{font-size:11px;color:#9ba99b;text-align:center;margin:24px 0 0}.save-note span{color:#a5bea3;font-size:8px}.notice{margin-top:14px;padding:12px;border-radius:10px;background:#fff0df;color:#8b4c2b;font-size:13px;line-height:1.5}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#263b30a6;display:grid;place-items:center;padding:20px}.modal{width:min(100%,360px);background:#faf9f3;border-radius:20px;padding:25px}.modal p:not(.eyebrow),.load-error p:not(.eyebrow){font-size:13px;color:#78887b;line-height:1.6}.modal-actions{display:flex;gap:9px;margin-top:24px}.modal-actions button{flex:1;min-height:48px;border:0;border-radius:11px;background:#e9eee7;color:#526d57;font-weight:700}.modal-actions .danger{background:#547b5c;color:#fff}.load-error{padding-top:80px}.load-error h1{font-size:22px}.load-error .primary{margin-top:20px;text-align:center}@media(max-width:350px){.shell{padding-left:15px;padding-right:15px}.room{height:235px}.intro{margin-top:20px}.section-heading h2{font-size:18px}.choice{font-size:10px}}.edit-choices{display:flex;align-items:center;gap:6px;margin-top:16px;flex-wrap:wrap}.edit-choices span{font-size:12px;font-weight:700;color:#64796b;margin-right:auto}.edit-choices button{min-height:44px;padding:0 12px;border:1px solid #cddbc9;border-radius:12px;background:#fff;color:#365a43;font-weight:700}.mess.hinted{background:#fff3b6;box-shadow:0 0 0 5px #e49a34,0 0 20px #eabf70}.onestore .shell{padding-top:var(--one-safe-top,0px);padding-right:calc(20px + var(--one-safe-right,0px));padding-bottom:calc(28px + var(--one-safe-bottom,0px));padding-left:calc(20px + var(--one-safe-left,0px))}.top-actions{display:flex;gap:8px;align-items:center}.top-actions button{min-height:44px}.album-modal{max-height:min(80dvh,720px);overflow:auto}.album-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.album-header button{min-width:56px;min-height:44px;border:0;border-radius:10px;background:#e7eee5;color:#315e45;font-weight:700}.album-list{display:grid;gap:16px}.album-card h3{margin:12px 0;font-size:15px}.album-card p{font-size:12px;color:#627568}.album-room.room{height:180px}.album-room .object{pointer-events:none}
