:root{--bg:#f3ebdc;--bg-soft:#ede3d1;--ink:#4c3f34;--ink-2:#6f6152;--muted:#a1968a;--card:#fffdfa;--tint:#f0e7d6;--hair:#e9dfce;--mint:#7fc6af;--mint-strong:#2f8d74;--mint-tint:#eaf6f1;--brown:#c79a6b;--brown-tint:#f4ead9;--coral:#e79274;--coral-tint:#fbe9e1;--amber:#e0a557;--amber-tint:#f9efdb;--soft:0 14px 34px -22px rgba(150,122,92,0.22),0 3px 8px -6px rgba(150,122,92,0.08);--soft-sm:0 8px 20px -16px rgba(150,122,92,0.2);--btn:0 12px 24px -12px rgba(90,165,140,0.5);color-scheme:light;--font-display:"Comfortaa","Nunito",system-ui,sans-serif;--font-body:"Nunito",system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-soft);color:var(--ink);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3,h4{font-family:var(--font-display);margin:0;letter-spacing:-.01em}a{color:inherit}button{font-family:inherit}svg.i{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.shell{max-width:440px;margin-inline:auto;min-height:100dvh;background:var(--bg);position:relative;padding:10px 16px 108px}@media (min-width:480px){.shell{box-shadow:0 0 80px -30px rgba(120,92,62,.35)}}.status{height:30px;display:flex;align-items:center;justify-content:space-between;font-size:.76rem;font-weight:800;color:var(--ink-2);padding:0 6px}.status .batt{width:16px;height:9px;border:1.6px solid;border-radius:3px;opacity:.55;display:inline-block}.top{display:flex;align-items:center;gap:10px;margin:6px 0 16px}.top .who{flex:1 1;min-width:0}.top .who span{font-size:.8rem;color:var(--muted);font-weight:700}.top .who h1{font-size:1.5rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.top .who h1 svg{width:17px;height:17px;color:var(--muted)}.round{width:44px;height:44px;border-radius:16px;background:var(--card);box-shadow:var(--soft-sm);display:grid;place-items:center;color:var(--ink-2);position:relative;flex:none;border:0;cursor:pointer}.round svg{width:21px;height:21px}.round .dot{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--coral);color:#fff;font-size:.6rem;font-weight:800;display:grid;place-items:center;border:2.5px solid var(--bg)}.hello{display:flex;align-items:center;gap:4px;padding:14px 8px 14px 18px;border-radius:26px;background:linear-gradient(135deg,var(--mint-tint),var(--card));box-shadow:var(--soft);margin-bottom:16px}.hello .t{flex:1 1}.hello .t b{font-family:var(--font-display);font-weight:700;font-size:1.08rem;color:var(--ink);display:block}.hello .t span{font-size:.85rem;color:var(--ink-2);font-weight:600}.hello img{width:104px;height:104px;object-fit:contain;flex:none;margin:-10px -6px -20px 0}.carousel{display:flex;gap:12px;overflow-x:auto;margin:0 -16px 18px;padding:2px 16px 6px;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.panel{flex:0 0 auto;width:132px;padding:16px;border-radius:24px;background:var(--card);box-shadow:var(--soft)}.panel b{font-family:var(--font-display);font-size:1.8rem;font-weight:700;display:block;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel span{font-size:.74rem;color:var(--muted);font-weight:800}.panel.low b{color:var(--coral)}.panel.exp b{color:var(--amber)}.panel.buy b{color:var(--mint-strong)}.blockhead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.blockhead h2{font-size:1.15rem;font-weight:700;color:var(--ink)}.blockhead a{font-size:.82rem;font-weight:800;color:var(--mint-strong);text-decoration:none}.rooms{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.room{padding:16px;border-radius:26px;background:var(--card);box-shadow:var(--soft);display:flex;flex-direction:column;gap:9px;text-decoration:none;color:inherit;border:0;text-align:left;cursor:pointer}.room b{font-family:var(--font-display);font-weight:700;font-size:1.02rem;color:var(--ink)}.room span{font-size:.77rem;color:var(--muted);font-weight:700}.tile{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;flex:none}.tile.mint{background:var(--mint-tint);color:var(--mint-strong)}.tile.brown{background:var(--brown-tint);color:var(--brown)}.tile.amber{background:var(--amber-tint);color:var(--amber)}.tile.coral{background:var(--coral-tint);color:var(--coral)}.list{flex-direction:column;gap:10px}.item,.list{display:flex}.item{align-items:center;gap:14px;padding:14px 15px;border-radius:24px;background:var(--card);box-shadow:var(--soft)}.item .m{flex:1 1;min-width:0}.item .m b{font-size:.95rem;font-weight:700;color:var(--ink);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .m span{font-size:.78rem;color:var(--muted);font-weight:600}.qty{font-weight:800;font-size:.9rem;color:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill,.qty{white-space:nowrap}.pill{font-size:.7rem;font-weight:800;padding:5px 11px;border-radius:999px}.pill.low{background:var(--coral-tint);color:var(--coral)}.pill.exp{background:var(--amber-tint);color:var(--amber)}.pill.ok{background:var(--mint-tint);color:var(--mint-strong)}.section+.section{margin-top:22px}.bottomnav{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;width:min(408px,calc(100% - 32px));height:70px;border-radius:30px;background:var(--card);box-shadow:var(--soft);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:40}.bottomnav a:not(.scan){display:flex;flex-direction:column;align-items:center;gap:3px;font-size:.62rem;font-weight:800;color:var(--muted);text-decoration:none;width:48px}.bottomnav a.on{color:var(--mint-strong)}.bottomnav a:not(.scan) svg{width:23px;height:23px}.scan{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;color:#12463a;background:linear-gradient(160deg,#a6e3cf,var(--mint));box-shadow:var(--btn),inset 0 1px 0 rgba(255,255,255,.6);border:5px solid var(--card);transform:translateY(-16px);flex:none;text-decoration:none}.scan svg{width:31px;height:31px;stroke-width:2}.scan-lbl{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;font-size:.6rem;font-weight:800;color:var(--mint-strong)}.fab{position:fixed;right:max(20px,calc(50% - 200px));bottom:96px;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;color:#12463a;background:linear-gradient(160deg,#a6e3cf,var(--mint));box-shadow:var(--btn);z-index:41;border:0;cursor:pointer}.fab svg{width:27px;height:27px;stroke-width:2.1}.crumb{display:flex;align-items:center;gap:5px;font-size:.78rem;color:var(--muted);font-weight:800;margin-bottom:12px}.crumb svg{width:13px;height:13px;opacity:.6}.crumb .here{color:var(--mint-strong)}.slider{display:flex;gap:12px;overflow-x:auto;margin:0 -16px 8px;padding:2px 16px 8px;scrollbar-width:none}.slider::-webkit-scrollbar{display:none}.shelf{flex:0 0 auto;width:158px;height:108px;border-radius:24px;box-shadow:var(--soft);display:flex;flex-direction:column;justify-content:flex-end;padding:14px;color:#143f33;border:0;cursor:pointer;text-align:left}.shelf.on{outline:3px solid var(--mint);outline-offset:-3px}.shelf b{font-family:var(--font-display);font-weight:700;font-size:1rem}.shelf span{font-size:.72rem;font-weight:800;opacity:.82}.dots{display:flex;gap:6px;justify-content:center;margin-bottom:16px}.dots i{width:7px;height:7px;border-radius:50%;background:var(--hair)}.dots i.on{background:var(--mint);width:20px;border-radius:4px}.searchbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:20px;background:var(--card);box-shadow:var(--soft);color:var(--muted);margin-bottom:16px}.searchbar input{border:0;background:transparent;font:inherit;font-weight:700;color:var(--ink);width:100%;outline:none}.hint{font-size:.78rem;color:var(--muted);font-weight:600;margin:-6px 4px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:800;font-size:.98rem;padding:15px 22px;border-radius:20px;border:0;cursor:pointer;text-decoration:none}.btn.block{width:100%}.btn.primary{background:var(--mint);color:#12463a;box-shadow:var(--btn)}.btn.softbtn{background:var(--card);color:var(--ink);box-shadow:var(--soft-sm)}.btn.ghost{background:transparent;color:var(--ink-2)}.btn svg{width:20px;height:20px}.field{width:100%;padding:15px 16px;border-radius:18px;border:0;background:var(--card);box-shadow:var(--soft-sm);font:inherit;font-weight:700;color:var(--ink);outline:none}.field::placeholder{color:var(--muted);font-weight:600}.label{font-size:.78rem;font-weight:800;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 4px 8px}.segtabs{display:flex;gap:6px;padding:6px;border-radius:20px;background:var(--card);box-shadow:var(--soft-sm);margin-bottom:16px}.segtabs button{flex:1 1;border:0;font:inherit;font-weight:800;font-size:.86rem;padding:10px;border-radius:15px;color:var(--muted);background:transparent;cursor:pointer}.segtabs button[aria-selected=true]{background:var(--mint);color:#12463a}.stepper{display:inline-flex;align-items:center;gap:14px;padding:8px;border-radius:20px;background:var(--card);box-shadow:var(--soft-sm)}.stepper button{width:44px;height:44px;border-radius:15px;border:0;background:var(--mint-tint);color:var(--mint-strong);display:grid;place-items:center;cursor:pointer}.stepper button svg{width:22px;height:22px}.stepper .val{font-family:var(--font-display);font-weight:700;font-size:1.5rem;min-width:56px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.hero-item{display:flex;align-items:center;gap:16px;padding:18px;border-radius:28px;background:var(--card);box-shadow:var(--soft);margin-bottom:16px}.hero-item .big-tile{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;flex:none}.hero-item .big-tile svg{width:34px;height:34px}.hero-item h1{font-size:1.35rem;font-weight:700;color:var(--ink)}.hero-item p{margin:3px 0 0;color:var(--muted);font-size:.85rem;font-weight:600}.card{background:var(--card);border-radius:26px;box-shadow:var(--soft);padding:18px}.card+.card{margin-top:14px}.card h3{font-size:1rem;font-weight:700;color:var(--ink);margin-bottom:12px}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.place{display:flex;align-items:center;gap:12px;padding:10px 0}.place+.place{border-top:1px solid var(--hair)}.place .m{flex:1 1}.place .m b{font-weight:700;color:var(--ink);font-size:.92rem}.place .m span{display:block;font-size:.76rem;color:var(--muted);font-weight:600}.tags{display:flex;flex-wrap:wrap;gap:8px}.tagchip{font-size:.8rem;font-weight:700;padding:8px 14px;border-radius:999px;background:var(--mint-tint);color:var(--mint-strong)}.tagchip.add{background:var(--tint);color:var(--muted)}.profile{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:28px;background:var(--card);box-shadow:var(--soft);margin-bottom:16px}.avatar{width:58px;height:58px;border-radius:50%;overflow:hidden;background:var(--mint-tint);flex:none;display:block}.avatar img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.profile .pm{flex:1 1;min-width:0}.profile .pm b{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--ink);display:block}.profile .pm .tagcopy{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.82rem;font-weight:800;color:var(--mint-strong);background:var(--mint-tint);padding:4px 10px;border-radius:999px;cursor:pointer}.menu{border-radius:26px;background:var(--card);box-shadow:var(--soft);overflow:hidden}.menu a,.menu button{display:flex;align-items:center;gap:14px;padding:15px 18px;color:var(--ink);text-decoration:none;font-weight:700;font-size:.95rem;border:0;background:transparent;width:100%;cursor:pointer;font-family:inherit}.menu a+a,.menu a+button,.menu button+a{border-top:1px solid var(--hair)}.menu .mt{flex:1 1}.menu .chev{color:var(--muted)}.menu .danger{color:var(--coral)}.house{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:22px;background:var(--card);box-shadow:var(--soft)}.house.on{outline:2px solid var(--mint);outline-offset:-2px}.house .m{flex:1 1}.house .m b{font-weight:700;color:var(--ink)}.house .m span{display:block;font-size:.76rem;color:var(--muted);font-weight:600}.check{width:26px;height:26px;border-radius:9px;border:2px solid var(--hair);display:grid;place-items:center;flex:none;cursor:pointer;color:transparent}.check.done{background:var(--mint);border-color:var(--mint);color:#12463a}.check svg{width:16px;height:16px;stroke-width:3}.item.done .m b{text-decoration:line-through;color:var(--muted)}.noti{display:flex;gap:13px;padding:15px 16px;border-radius:22px;background:var(--card);box-shadow:var(--soft)}.noti .m{flex:1 1}.noti .m b{font-weight:700;color:var(--ink);font-size:.92rem}.noti .m span{display:block;font-size:.78rem;color:var(--muted);font-weight:600;margin-top:2px}.noti .when{font-size:.72rem;color:var(--muted);font-weight:700;white-space:nowrap}.noti.unread{background:var(--mint-tint)}.onb{min-height:calc(100dvh - 40px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding-bottom:20px}.onb img.hero{width:210px;height:210px;object-fit:contain;margin-bottom:4px}.onb h1{font-size:2.2rem;font-weight:700;color:var(--ink)}.onb h1 b{color:var(--mint-strong)}.onb p{color:var(--ink-2);max-width:30ch;margin:0 0 18px}.onb .btns{flex-direction:column}.gbtn,.onb .btns{width:100%;display:flex;gap:10px}.gbtn{align-items:center;justify-content:center;padding:15px;border-radius:18px;background:#fff;color:#3c4043;font-weight:800;border:1px solid var(--hair);box-shadow:var(--soft-sm);cursor:pointer;font-family:inherit;font-size:.98rem}.gbtn svg{width:20px;height:20px}.cambox{border-radius:32px;background:linear-gradient(160deg,#2b241d,#1c1712);display:grid;place-items:center;margin:6px 0 14px;overflow:hidden}.cambox,.cambox .frame{aspect-ratio:1;position:relative}.cambox .frame{width:62%;border-radius:24px}.cambox .frame span{position:absolute;width:30px;height:30px;border:4px solid var(--mint)}.cambox .frame span:first-child{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:14px}.cambox .frame span:nth-child(2){top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:14px}.cambox .frame span:nth-child(3){bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:14px}.cambox .frame span:nth-child(4){bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:14px}.cambox .scanline{position:absolute;left:19%;right:19%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,var(--mint),transparent);animation:scanmove 2.4s ease-in-out infinite}@keyframes scanmove{0%,to{top:22%}50%{top:74%}}@media (prefers-reduced-motion:reduce){.cambox .scanline{animation:none}}.empty{text-align:center;padding:20px 10px}.empty img{width:150px;height:150px;object-fit:contain}.empty b{display:block;font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--ink);margin-top:4px}.empty span{color:var(--muted);font-weight:600;font-size:.88rem}.sheet-backdrop{position:fixed;inset:0;background:rgba(60,46,34,.34);z-index:60;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(440px,100%);background:var(--bg);border-radius:32px 32px 0 0;padding:10px 18px calc(20px + env(safe-area-inset-bottom));box-shadow:0 -20px 50px -20px rgba(0,0,0,.3);max-height:86dvh;overflow-y:auto}.sheet .grip{width:44px;height:5px;border-radius:3px;background:var(--hair);margin:4px auto 14px}.sheet h2{font-size:1.25rem;font-weight:700;margin-bottom:14px}.stack{flex-direction:column}.row-2,.stack{display:flex;gap:12px}.row-2>*{flex:1 1}.fld{display:flex;flex-direction:column;gap:8px}.fld-lbl{font-size:.82rem;font-weight:800;color:var(--ink-2);padding-left:4px}.fld-hint{color:var(--muted);font-weight:600}.pick{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:inherit;font-size:.85rem;font-weight:700;padding:9px 15px;border-radius:999px;border:1.5px solid var(--hair);background:var(--card);color:var(--ink-2);cursor:pointer;transition:transform .1s ease,background .12s ease,color .12s ease,border-color .12s ease}.chip:active{transform:scale(.95)}.chip.on{background:var(--mint);border-color:var(--mint);color:#12463a}.invite-link{padding:14px 16px;border-radius:16px;font-size:.82rem;font-weight:700;word-break:break-all;line-height:1.4}.invite-link,.rolebadge{background:var(--tint);color:var(--ink-2)}.rolebadge{font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:999px;white-space:nowrap}.rolebadge.owner{background:var(--mint-tint);color:var(--mint-strong)}.rolebadge.guest{background:var(--amber-tint);color:var(--amber)}.autocomplete{position:relative}.ac-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;background:var(--card);border-radius:18px;box-shadow:var(--soft);padding:6px;display:flex;flex-direction:column;max-height:232px;overflow-y:auto}.ac-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:0;background:transparent;border-radius:12px;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;text-align:left}.ac-item:focus-visible,.ac-item:hover{background:var(--mint-tint);color:var(--mint-strong)}.ac-item svg{width:18px;height:18px;color:var(--mint-strong);flex:none}.switch{display:flex;align-items:center;gap:12px;padding:4px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.sw-track{width:46px;height:28px;border-radius:999px;background:var(--hair);flex:none;position:relative;transition:background .16s ease}.sw-dot{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--card);box-shadow:var(--soft-sm);transition:transform .16s ease}.switch input:checked+.sw-track{background:var(--mint)}.switch input:checked+.sw-track .sw-dot{transform:translateX(18px)}.switch input:focus-visible+.sw-track{outline:2.5px solid var(--mint-strong);outline-offset:2px}.sw-copy{display:flex;flex-direction:column;line-height:1.25}.sw-copy b{font-weight:700;color:var(--ink);font-size:.95rem}.sw-copy span{font-size:.78rem;color:var(--muted);font-weight:600}.row-with-unit{display:flex;align-items:center;gap:10px}.row-with-unit .field{flex:1 1}.unit-tail{font-weight:800;color:var(--muted);min-width:24px}a.item{color:inherit;text-decoration:none}.hello,.house,.item,.noti,.panel,.room,.shelf{transition:transform .13s ease,box-shadow .13s ease}.house:active,.panel:active,.room:active,.shelf:active,a.item:active{transform:scale(.98)}.btn,.check,.fab,.gbtn,.round,.scan,.segtabs button,.stepper button,.tagcopy{transition:transform .1s ease,filter .1s ease}.btn:active,.check:active,.fab:active,.gbtn:active,.round:active,.scan:active,.stepper button:active,.tagcopy:active{transform:scale(.95)}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2.5px solid var(--mint-strong);outline-offset:2px;border-radius:4px}.sk{position:relative;overflow:hidden;background:var(--tint);border-radius:14px}.sk:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,253,250,.7),transparent);animation:shimmer 1.35s ease-in-out infinite}@keyframes shimmer{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.sk:after{animation:none}}.sk.card,.sk.hello,.sk.item,.sk.panel,.sk.room{box-shadow:var(--soft);background:var(--tint)}.sk-line{height:12px;border-radius:7px;background:rgba(161,150,138,.22)}@media (prefers-reduced-motion:no-preference){.shell{animation:page-in .34s cubic-bezier(.22,.61,.36,1) both}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.card,.carousel,.hello,.hero-item,.list>*,.menu,.profile,.rooms>*,.segtabs{animation:gum-rise linear both;animation-timeline:view();animation-range:entry 0 cover 14%}@keyframes gum-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}}}