:root{color-scheme:light;box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--butter:#FFD84D;--butter2:#FFE68A;--butter3:#FFF2C2;--butter4:#FFF8DD;--yolk:#FFB800;--yolk-d:#C98500;--cream:#FFFBF1;--cream2:#FFF4DC;--line:#F0E3C6;--line2:#E8D7B2;--ink:#3B2A1A;--ink2:#76624D;--ink3:#A8957C;--white:#FFFFFF;--coral:#FF7A6B;--coral2:#FFE6E1;--coral-ink:#C9412F;--mint:#3DBB8E;--mint2:#DDF4EA;--mint-ink:#1F7A55;--sky2:#E2EFFC;--sky-ink:#2F6FB0;--lilac2:#EEE8FD;--lilac-ink:#6A4CC0;--stage:#EFE6D2;--frame:#2F241B;--f-display:"Jua","Noto Sans KR",system-ui,sans-serif;--f-body:"Noto Sans KR",system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-body);font-size:14px;word-break:keep-all;overflow-wrap:anywhere;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:var(--ink)}button:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-visible{outline:3px solid var(--yolk);outline-offset:2px}.jua{font-family:var(--f-display);font-weight:400}.shell{height:100vh;height:100dvh;display:flex;justify-content:center}.app{position:relative;width:100%;max-width:480px;height:100%;overflow:hidden;background:var(--cream);display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.app:not(:has(.tabbar)) .scr{padding-bottom:env(safe-area-inset-bottom,0px)}@media (min-width:520px){body{background:var(--stage)}.app{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 0 40px -20px #5a3c0a59}}.scr{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:none}.scr::-webkit-scrollbar{display:none}.pad{padding:4px 16px 24px;display:flex;flex-direction:column;gap:12px}.hdr{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--cream);min-height:52px}.hdr .t{flex:1;font-size:17px;font-weight:800}.hdr .t.c{text-align:center}.icb{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;position:relative}.icb:hover{background:var(--cream2)}.dot{position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--coral)}.logo{font-family:var(--f-display);font-size:24px;display:flex;align-items:center;gap:4px;flex:1}.tabbar{height:calc(66px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)!important;flex:none;background:var(--white);border-top:1px solid var(--line);display:flex;justify-content:space-around;align-items:flex-start;padding:8px 6px 0}.tab{width:56px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;color:var(--ink3);font-weight:700}.tab.on{color:var(--ink);font-weight:800}.plus{width:46px;height:40px;border-radius:15px;background:var(--butter);display:grid;place-items:center;color:var(--ink);box-shadow:0 6px 12px -5px #e89a00b3}.card{background:var(--white);border-radius:18px;padding:14px;border:1px solid #F4EAD4;box-shadow:0 6px 18px -12px #78501459}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column}.sp{flex:1;min-width:0}.muted{color:var(--ink3)}.b{font-weight:800}.chip{display:inline-flex;align-items:center;gap:4px;padding:7px 12px;border-radius:99px;background:var(--white);border:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--ink2);white-space:nowrap}.chip.on{background:var(--ink);color:var(--white);border-color:var(--ink)}.chip.y{background:var(--butter);border-color:var(--butter);color:var(--ink)}.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}.chips::-webkit-scrollbar{display:none}.tag{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:7px;font-size:11px;font-weight:800;white-space:nowrap}.t-yel{background:var(--butter3);color:#8a6200}.t-cor{background:var(--coral2);color:var(--coral-ink)}.t-mint{background:var(--mint2);color:var(--mint-ink)}.t-sky{background:var(--sky2);color:var(--sky-ink)}.t-lil{background:var(--lilac2);color:var(--lilac-ink)}.t-ink{background:var(--ink);color:var(--white)}.t-gray{background:#f1ebdf;color:var(--ink2)}.btn{background:var(--butter);border-radius:15px;min-height:48px;padding:0 18px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;color:var(--ink);box-shadow:0 6px 14px -7px #e89a00bf;width:100%}.btn:active{transform:translateY(1px)}.btn.dark{background:var(--ink);color:var(--white);box-shadow:none}.btn.ghost{background:var(--white);border:1.5px solid var(--line);box-shadow:none}.btn.sm{min-height:36px;font-size:13px;border-radius:11px;width:auto}.btn[disabled]{opacity:.45;cursor:default}.food{display:grid;place-items:center;flex:none;overflow:hidden;position:relative}.food img{width:100%;height:100%;object-fit:cover}.av{display:inline-grid;place-items:center;border-radius:50%;overflow:hidden;flex:none}.lv{display:inline-block;font-size:10px;font-weight:900;padding:1px 6px;border-radius:6px;vertical-align:1px}.lv1{background:#f3ede2;color:#8e7b63}.lv2{background:#fff2c2;color:#a57500}.lv3{background:#ffe07a;color:#7a5300}.lv4{background:#ffd0a8;color:#a3520d}.lv5{background:linear-gradient(90deg,#ffcf4a,#ff9c5b);color:#fff}.st{font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px}.st small{font-size:12px;color:var(--ink3);font-weight:600}.bar{height:8px;border-radius:9px;background:#f3e9d3;overflow:hidden}.bar>i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--butter),var(--yolk))}.hs{display:flex;gap:10px;overflow-x:auto;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}.hs::-webkit-scrollbar{display:none}.seg{display:flex;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:3px}.seg button{flex:1;padding:8px 0;border-radius:11px;font-size:13px;font-weight:800;color:var(--ink3)}.seg button.on{background:var(--ink);color:var(--white)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-size:12.5px;font-weight:800;color:var(--ink2)}.inp{width:100%;background:var(--white);border:1.5px solid var(--line);border-radius:13px;padding:11px 13px;font-size:14px;outline:none}.inp:focus{border-color:var(--yolk)}textarea.inp{resize:none;min-height:80px;line-height:1.5}.list>*+*{border-top:1px solid var(--line)}.empty{text-align:center;color:var(--ink3);padding:28px 10px;font-size:13px;line-height:1.6}.demo{font-size:11px;font-weight:800;color:var(--lilac-ink);background:var(--lilac2);border-radius:8px;padding:3px 8px;align-self:flex-start}.dim{position:absolute;inset:0;background:#281c0f6b;z-index:40;display:flex;align-items:flex-end;animation:fade .18s}.sheet{background:var(--cream);width:100%;max-height:88%;overflow-y:auto;border-radius:24px 24px 0 0;padding:10px 16px 22px;animation:up .22s ease-out}.grab{width:40px;height:5px;border-radius:5px;background:var(--line2);margin:0 auto 10px}.toast{position:absolute;left:16px;right:16px;bottom:80px;z-index:90;background:var(--ink);color:var(--white);border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center;font-size:13px;line-height:1.45;animation:up .22s ease-out;box-shadow:0 12px 24px -10px #00000073}.toast b{color:var(--butter)}@keyframes up{0%{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}.pop{animation:pop .35s}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tile{border-radius:14px;border:1.5px solid var(--line);background:var(--white);min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11.5px;font-weight:700;position:relative;padding:6px 2px;text-align:center}.tile .e{font-size:22px}.tile.on{background:var(--butter3);border-color:var(--yolk)}.tile.lock{opacity:.5}.kitchen{position:relative;height:250px;border-radius:22px;overflow:hidden;border:1px solid var(--line)}.wall{position:absolute;inset:0 0 34%}.w-lemon{background:radial-gradient(circle at 6px 6px,rgba(255,200,40,.5) 2.4px,transparent 3px) 0 0/18px 18px,#fff3d2}.w-mint{background:linear-gradient(90deg,rgba(61,187,142,.14) 50%,transparent 50%) 0 0/24px 24px,linear-gradient(rgba(61,187,142,.14) 50%,transparent 50%) 0 0/24px 24px,#eefaf4}.w-pink{background:repeating-linear-gradient(90deg,#ffe9ec 0 12px,#fff6f7 12px 24px)}.floor{position:absolute;inset:66% 0 0;background:repeating-conic-gradient(#f9e6c4 0 25%,#f1d3a2 0 50%) 0 0/28px 28px;border-top:5px solid #E7C58C}.win{position:absolute;left:18px;top:22px;width:84px;height:68px;border-radius:10px;background:linear-gradient(#cde7ff,#e9f4ff);border:5px solid #fff;box-shadow:0 2px #ead6b0}.win:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;margin-left:-2px;background:#fff}.win:after{content:"";position:absolute;top:50%;left:0;right:0;height:4px;margin-top:-2px;background:#fff}.fridge{position:absolute;right:16px;top:44px;width:62px;height:132px;border-radius:13px;background:#bfebd8;border:2px solid #94D6BA;cursor:pointer}.fridge:before{content:"";position:absolute;left:0;right:0;top:46px;border-top:2px solid #94D6BA}.fridge:after{content:"";position:absolute;left:8px;top:14px;width:4px;height:20px;border-radius:3px;background:#7ccba8;box-shadow:0 46px #7ccba8}.fridge .lbl{position:absolute;left:50%;bottom:-24px;transform:translate(-50%);white-space:nowrap}.counter{position:absolute;right:92px;top:110px;width:96px;height:58px;border-radius:7px;background:#fff;border:2px solid #EAD6B0}.counter:before{content:"";position:absolute;left:-5px;right:-5px;top:-10px;height:10px;border-radius:4px;background:#e2b987}.deco{position:absolute;font-size:30px;line-height:1;filter:drop-shadow(0 3px 3px rgba(0,0,0,.12))}.cal{display:grid;grid-template-columns:repeat(7,1fr);row-gap:4px;text-align:center}.cal .h{font-size:11px;font-weight:800;color:var(--ink3)}.cal .d{height:36px;display:grid;place-items:center;font-size:12.5px;color:var(--ink3);font-weight:600}.msg{background:var(--white);border:1px solid var(--line);border-radius:4px 14px 14px;padding:8px 11px;font-size:13px;line-height:1.45;max-width:240px}.msg.me{background:var(--butter3);border-color:var(--butter2);border-radius:14px 4px 14px 14px}.lnk{color:var(--yolk-d);font-weight:800;font-size:12.5px}.still,.still .sheet,.toast.still{animation:none!important}.app.big .scr{zoom:1.1}.setcard>:last-child{border-bottom:0!important}