:root{--cream:#FFF6EC;--wall:#FFF0DF;--wood:#E7C39A;--sage:#A9C6A0;--sky:#CFE7F2;--coral:#F2A08C;--coral-d:#DD8571;--sun:#FFD98A;--ink:#4C3F38;--slate:#8A7A6E;--mute:#B5A79A;--line:#F1E7DC;--num:"Fredoka",system-ui,sans-serif;--disp:"Comfortaa",system-ui,sans-serif;--sans:"Nunito",system-ui,sans-serif;--lift:0 4px 0 rgba(214,190,166,.45)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{background:var(--cream);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--sage);outline-offset:2px}.app{height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;max-width:520px;margin:0 auto;background:var(--cream)}.view{flex:1;overflow-y:auto;scrollbar-width:none;padding-top:env(safe-area-inset-top)}.view::-webkit-scrollbar{display:none}.loading,.gate{display:grid;place-items:center;color:var(--mute);font-weight:700}.gatebox{text-align:center;padding:32px;max-width:320px}.gatebox h1{font-family:var(--disp);font-size:34px;font-weight:600;color:var(--ink);margin-bottom:8px}.gatebox p{font-size:14px;color:var(--slate);font-weight:700;line-height:1.5}.gatebox form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.gatebox input{width:100%;border:1px solid #E2D5C7;border-radius:16px;padding:14px;font-family:var(--sans);font-size:15px;font-weight:700;color:var(--ink);background:#fff;text-align:center}.gatebox .err{margin-top:12px;font-size:13px;font-weight:800;color:#b25e42}.tail{height:18px}.top{display:flex;justify-content:space-between;align-items:center;padding:14px 22px 0;gap:8px}.chip{background:#fff;border-radius:99px;padding:7px 13px;font-size:12px;font-weight:700;color:var(--slate);box-shadow:0 3px #d6bea680}.chip.hot{background:var(--coral);color:#fff;box-shadow:0 3px 0 var(--coral-d)}.house{margin:12px 18px 0;border-radius:26px;overflow:hidden;background:#d8bc9e;padding:6px;box-shadow:0 8px #d6bea680}.hgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cell{position:relative;border-radius:18px;overflow:hidden;border:none;padding:0;background:#efe3d5;display:block}.cell .scene{display:block;width:100%;height:auto}.cell .lbl{position:absolute;left:8px;bottom:7px;background:#ffffffeb;border-radius:99px;padding:4px 9px;font-size:10.5px;font-weight:800}.cell .cnt{position:absolute;right:8px;top:8px;background:#ffffffeb;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:800;color:var(--slate)}.cell.locked:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#4c3f388c}.cell .lock{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:800;gap:4px;text-align:center;padding:0 10px}.cell .lock .em{font-size:20px}.cell .lock .sm{font-weight:700;opacity:.85}.hcap{display:flex;justify-content:space-between;padding:11px 24px 0;font-size:12px;font-weight:700;color:var(--slate)}.hcap b{color:var(--ink)}.count{display:flex;align-items:flex-end;justify-content:space-between;padding:12px 24px 0}.count .n{font-family:var(--num);font-size:62px;font-weight:600;line-height:1;color:var(--coral);letter-spacing:-.03em}.count .l{font-size:11.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-top:4px}.count .side{text-align:right;font-size:12px;font-weight:700;color:var(--slate);line-height:1.7}.count .side b{color:var(--ink)}.card{margin:10px 22px 0;background:#fff;border-radius:20px;padding:13px 15px;box-shadow:var(--lift)}.card.row{display:flex;align-items:center;justify-content:space-between}.card .hd{display:flex;justify-content:space-between;font-size:11.5px;font-weight:800;color:var(--slate)}.card .hd b{color:var(--coral)}.lbl2{font-size:11.5px;font-weight:800;color:var(--slate)}.pb{height:10px;border-radius:99px;background:var(--line);margin-top:9px;overflow:hidden}.pb i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#F6C0AC,var(--coral));transition:width .6s cubic-bezier(.2,.8,.3,1)}.pl{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;color:var(--mute);margin-top:6px}.pl .mid{color:var(--slate)}.dots{display:flex;gap:6px}.d{width:22px;height:22px;border-radius:8px;background:var(--line);display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--mute)}.d.on{background:var(--sage);color:#2f4a33}.d.now{background:transparent;border:2px dashed var(--coral);color:var(--coral)}.note{margin:10px 22px 0;background:var(--sun);border-radius:22px;padding:14px 16px;box-shadow:0 4px #e0ba6e80}.note .from{font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#9a7526;margin-bottom:6px}.note p{font-size:14.5px;font-weight:700;line-height:1.45;color:#5a4718}.note.hello{background:#fff;box-shadow:var(--lift)}.note.hello .from{color:var(--coral)}.note.hello p{color:var(--ink);font-weight:600}.note.hello ul{list-style:none;margin-top:11px;display:flex;flex-direction:column;gap:7px}.note.hello li{font-size:12.5px;font-weight:700;color:var(--slate);padding-left:18px;position:relative;line-height:1.4}.note.hello li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:3px;background:var(--sage)}.dock{padding:10px 22px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,246,236,0),var(--cream) 42%)}.btn{display:block;width:100%;padding:16px;border:none;border-radius:22px;background:var(--coral);color:#fff;font-family:var(--disp);font-size:17px;font-weight:600;box-shadow:0 5px 0 var(--coral-d)}.btn.ghost{background:transparent;color:var(--slate);box-shadow:none;border:1px solid #E2D5C7;margin-top:10px}.btn[disabled]{opacity:.5;box-shadow:0 5px #d6bea666;cursor:default}.btn:not([disabled]):active{transform:translateY(2px);box-shadow:0 3px 0 var(--coral-d)}.hint{text-align:center;font-size:11.5px;font-weight:700;color:var(--mute);margin-top:9px}.nav{display:flex;background:#fff;border-top:1px solid var(--line);padding:8px 10px calc(10px + env(safe-area-inset-bottom))}.nav button{flex:1;background:none;border:none;font-size:10.5px;font-weight:800;color:var(--mute);display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0}.navic{display:block;transition:transform .18s cubic-bezier(.2,.9,.3,1)}.nav button.on .navic{transform:translateY(-1px)}.nav button.on{color:var(--coral)}.rback{display:flex;align-items:center;gap:9px;padding:14px 20px 0}.rback button{background:#fff;border:none;border-radius:99px;width:36px;height:36px;display:grid;place-items:center;color:var(--ink);box-shadow:0 3px #d6bea680}.rback button svg{transform:translate(-1px)}.rback button:active{transform:translateY(2px);box-shadow:0 1px #d6bea680}.rback .tt{font-family:var(--disp);font-size:22px;font-weight:600}.rback .ss{font-size:11.5px;font-weight:700;color:var(--mute)}.roombox{margin:12px 18px 0;border-radius:26px;overflow:hidden;box-shadow:0 8px #d6bea680}.roombox .scene{display:block;width:100%;height:auto}.roombox .hit{cursor:pointer}.thing{transform-box:fill-box;transform-origin:center bottom;animation:settle .5s cubic-bezier(.2,1.3,.4,1) both}@keyframes settle{0%{transform:translateY(-6px) scale(.94);opacity:0}to{transform:none;opacity:1}}.slots{padding:12px 20px 0;display:flex;gap:8px;flex-wrap:wrap}.sl{background:#fff;border:none;border-radius:16px;padding:9px 12px;font-size:12px;font-weight:800;color:var(--ink);box-shadow:var(--lift);display:flex;align-items:center;gap:7px}.sl small{font-weight:700;color:var(--mute)}.sl.empty{background:#ffffff8c;color:var(--mute)}.sl.wait{background:#fbe0d6;color:#b25e42}h2.t{font-family:var(--disp);font-size:29px;font-weight:600;padding:16px 22px 0}.sub{font-size:12.5px;font-weight:700;color:var(--mute);padding:2px 22px 12px}.list{padding:0 22px}.it{display:flex;gap:12px;align-items:center;background:#fff;border-radius:22px;padding:12px 13px;margin-bottom:10px;box-shadow:var(--lift);width:100%;border:none;text-align:left}.it.off{background:#fff9;box-shadow:0 4px #d6bea647}.ic{flex:0 0 50px;height:50px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:#f6ece0}.it .g{flex:1;min-width:0}.ik{display:block;font-size:11px;font-weight:800;color:var(--coral)}.it.off .ik{color:var(--mute)}.it .h4{display:block;font-family:var(--disp);font-size:16.5px;font-weight:600;margin:1px 0 3px}.it .h4.q{color:var(--mute);font-weight:500}.it .p{display:block;font-size:12px;font-weight:700;color:var(--slate);line-height:1.4}.tg{display:inline-block;margin-top:6px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:99px;background:#dcebd6;color:#4c7a46}.tg.wait{background:#fbe0d6;color:#b25e42;border:1px dashed #E09A80}.tg.soon{background:var(--line);color:var(--mute)}.chart{margin:12px 22px 0;background:#fff;border-radius:22px;padding:16px;box-shadow:var(--lift)}.chart .hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.chart .hd h3{font-family:var(--disp);font-size:18px;font-weight:600}.chart .hd span{font-size:11.5px;font-weight:700;color:var(--mute)}.chart svg{display:block;width:100%;height:auto}.chart .ax{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--mute);margin-top:6px}.rowline{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;color:var(--slate)}.rowline:last-child{border:none}.rowline b{color:var(--ink)}.veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#4c3f3880;opacity:0;pointer-events:none;transition:opacity .22s;z-index:20}.veil.show{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--cream);border-radius:30px 30px 0 0;padding:20px 22px calc(26px + env(safe-area-inset-bottom));z-index:21;max-height:90%;overflow-y:auto;transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.8,.3,1)}.sheet.show{transform:none}.sheet .grab{width:44px;height:5px;border-radius:99px;background:#e2d5c7;margin:0 auto 14px}.sheet h3{font-family:var(--disp);font-size:24px;font-weight:600;text-align:center}.sheet .sd{text-align:center;font-size:12.5px;font-weight:700;color:var(--mute);margin-top:4px}.stepper{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0 6px}.stepper button{width:52px;height:52px;border-radius:18px;border:none;background:#fff;font-size:20px;font-weight:800;box-shadow:0 4px #d6bea680;color:var(--ink)}.stepper .val{font-family:var(--num);font-size:52px;font-weight:600;min-width:150px;text-align:center;letter-spacing:-.02em}.fine{display:flex;justify-content:center;gap:8px;margin-bottom:18px}.fine button{background:#fff;border:none;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:800;color:var(--slate);box-shadow:0 3px #d6bea673}.reveal{text-align:center}.reveal.appear{animation:rise .42s cubic-bezier(.2,.9,.3,1) both}@keyframes rise{0%{transform:translateY(12px);opacity:0}to{transform:none;opacity:1}}.reveal .rs{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--coral)}.reveal h3{margin:6px 0 14px;font-size:26px;line-height:1.15}.reveal .im{border-radius:20px;overflow:hidden;background:var(--wall)}.preview{border-radius:22px;background:var(--wall);height:214px;display:grid;place-items:center;position:relative;overflow:hidden}.preview:after{content:"";position:absolute;left:0;right:0;bottom:0;height:34px;background:var(--wood);opacity:.5}.preview.placed:after{opacity:1}.preview>*{position:relative;z-index:2}.reveal .status{margin-top:12px;font-size:12px;font-weight:800;color:var(--slate);background:var(--line);border-radius:99px;padding:8px 14px;display:inline-block}.reveal .im .scene{display:block;width:100%;height:auto}.reveal .k{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin-top:14px}.reveal h4{font-family:var(--disp);font-size:23px;font-weight:600;margin:4px 0 6px}.reveal p{font-size:13.5px;font-weight:700;color:var(--slate);line-height:1.45}.reveal .btn{margin-top:18px}.adm{padding:0 22px 26px}.adm.gate{display:block;padding-top:40px}.adm form{display:flex;flex-direction:column;gap:12px;margin-top:16px}.adm input,.adm textarea{width:100%;border:1px solid #E2D5C7;border-radius:16px;padding:14px;font-family:var(--sans);font-size:15px;font-weight:700;color:var(--ink);background:#fff}.adm textarea{resize:none;min-height:96px}.adm .row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:18px;padding:11px 12px;margin-bottom:9px;box-shadow:var(--lift)}.adm .row .g{flex:1;min-width:0}.adm .row .kg{display:block;font-size:11px;font-weight:800;color:var(--coral)}.adm .row .nm{display:block;font-size:13.5px;font-weight:800;margin-top:2px;line-height:1.3}.adm .row .st{display:block;font-size:11px;font-weight:700;color:var(--mute);margin-top:3px}.adm .row button{background:var(--ink);color:#fff;border:none;border-radius:12px;padding:9px 11px;font-size:11px;font-weight:800;white-space:nowrap}.adm .row button[disabled]{background:#efe3d5;color:var(--mute);cursor:default}.adm label{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:20px 0 7px}.adm .btn{margin-top:12px}.toast{position:absolute;left:22px;right:22px;top:calc(10px + env(safe-area-inset-top));background:var(--ink);color:#fff3e4;border-radius:16px;padding:12px 15px;font-size:13px;font-weight:700;z-index:30;opacity:0;transform:translateY(-10px);transition:.25s;pointer-events:none;box-shadow:0 12px 30px -14px #4c3f3899}.toast.show{opacity:1;transform:none}.update{position:absolute;left:22px;right:22px;bottom:96px;background:#fff;border-radius:16px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:800;box-shadow:0 10px 30px -12px #4c3f3866;z-index:31}.update button{background:var(--coral);color:#fff;border:none;border-radius:12px;padding:9px 14px;font-size:12px;font-weight:800}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}