:root{--frame:#e9e9e8;--bg:#f4f4f3;--surface:#fff;--surface-2:#fbfbfa;--ink:#1a1a1a;--brand:#111;--muted:#888;--faint:#a0a0a0;--line:#ececeb;--line-2:#efefee;--card-line:#e6e6e6;--ok:#2e7d32;--ok-bg:#e8f5e9;--low:#e65100;--low-bg:#fff8e1;--out:#b71c1c;--out-bg:#ffebee;--wa:#25d366;--tg:#229ed9}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0}body{background:var(--frame);-webkit-font-smoothing:antialiased;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{font-family:inherit}.app button{box-sizing:border-box}::-webkit-scrollbar{width:0;height:0}@keyframes bcpop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes bcfade{0%{opacity:0}to{opacity:1}}@keyframes bcwiggle{0%{opacity:.4;transform:rotate(0)translateY(8px)}30%{opacity:1;transform:rotate(-7deg)translateY(0)}55%{transform:rotate(6deg)}78%{transform:rotate(-4deg)}to{transform:rotate(0)}}@keyframes bcshake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.app-frame{background:var(--frame);justify-content:center;align-items:stretch;min-height:100vh;display:flex}.app{background:var(--bg);width:100%;max-width:480px;height:100dvh;min-height:560px;color:var(--ink);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #e0e0df}.screen{flex-direction:column;height:100%;animation:.18s bcfade;display:flex}.mark{background:var(--brand);color:#fff;flex:none;justify-content:center;align-items:center;display:flex}.mark .b{letter-spacing:-.5px;font-weight:700;line-height:1}.mark .star{align-self:flex-start;line-height:1}.mark-header{border-radius:9px;width:34px;height:34px}.mark-header .b{font-size:18px}.mark-header .star{margin-top:5px;font-size:10px}.mark-stock{border-radius:8px;width:30px;height:30px}.mark-stock .b{font-size:15px}.mark-stock .star{margin-top:5px;font-size:8px}.mark-hero{border-radius:17px;width:62px;height:62px}.mark-hero .b{letter-spacing:-1px;font-size:33px}.mark-hero .star{margin-top:9px;font-size:17px}.mark-banner{background:0 0;width:38px;height:38px}.mark-banner .b{font-size:24px}.mark-banner .star{margin-top:5px;font-size:12px}.hdr{border-bottom:1px solid var(--line);flex:none;align-items:center;display:flex}.hdr-home{gap:11px;padding:15px 16px}.hdr-back{gap:10px;padding:13px 12px 13px 8px}.hdr-title{flex:1;min-width:0}.hdr-title .t{letter-spacing:-.2px;font-size:16px;font-weight:600}.hdr-home .hdr-title .t{font-size:15px}.hdr-title .s{color:var(--muted);font-size:12px}.hdr-actions{flex:none;align-items:center;gap:2px;display:flex}.icon-btn{all:unset;cursor:pointer;color:#9a9a9a;border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.back-btn{all:unset;cursor:pointer;width:40px;height:40px;color:var(--brand);border-radius:10px;justify-content:center;align-items:center;display:flex}.home-scroll{flex:1;padding:20px 16px 92px;overflow-y:auto}.greeting{letter-spacing:-.4px;margin-bottom:3px;font-size:22px;font-weight:600}.greeting-sub{color:var(--muted);margin-bottom:22px;font-size:13.5px}.hero{text-align:center;flex-direction:column;align-items:center;padding:6px 0 24px;display:flex}.hero .mark-hero{margin-bottom:13px}.hero-loc{text-transform:uppercase;letter-spacing:2px;color:#999;font-size:13px;font-weight:700}.tiles{flex-direction:column;gap:11px;display:flex}.tile{all:unset;cursor:pointer;background:var(--surface);border:1px solid var(--card-line);-webkit-tap-highlight-color:transparent;border-radius:16px;align-items:center;gap:15px;padding:17px 18px;display:flex}.tile-icon{background:#f3f3f2;border-radius:13px;flex:none;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.tile-body{flex:1;min-width:0}.tile-title{letter-spacing:-.2px;font-size:17px;font-weight:600}.tile-sub{color:var(--muted);margin-top:1px;font-size:12.5px}.tile-pill{white-space:nowrap;border-radius:999px;flex:none;padding:4px 9px;font-size:11px;font-weight:700}.tile-pill-low{background:var(--low-bg);color:var(--low)}.tile-pill-out{background:var(--out-bg);color:var(--out)}.tile-pill-ok{background:var(--ok-bg);color:var(--ok)}.tile-pill-new{color:#555;background:#eef0ef}.tile-soon{opacity:.7;background:0 0;border:1px dashed #dcdcdc;border-radius:16px;align-items:center;gap:15px;padding:15px 18px;display:flex}.tile-soon .tile-icon{background:#efefee;border-radius:12px;width:42px;height:42px}.tile-soon-title{color:#7a7a7a;font-size:15.5px;font-weight:600}.tile-soon-sub{color:#aaa;font-size:12px}.tile-pill-soon{color:#999;background:#ededec;border-radius:999px;padding:3px 9px;font-size:10.5px;font-weight:700}.stock-meta{border-bottom:1px solid var(--line);background:var(--surface-2);flex:none}.count-row{gap:7px;padding:11px 16px 9px;display:flex}.count-pill{border-radius:999px;align-items:center;gap:6px;padding:5px 11px;display:flex}.count-pill .n{font-size:14px;font-weight:700}.count-pill .l{font-size:11px;font-weight:600}.count-ok{background:var(--ok-bg);color:var(--ok)}.count-low{background:var(--low-bg);color:var(--low)}.count-out{background:var(--out-bg);color:var(--out)}.chips{gap:7px;padding:2px 16px 11px;display:flex;overflow-x:auto}.chip{all:unset;cursor:pointer;color:#555;white-space:nowrap;background:#f0f0ef;border:1px solid #e6e6e5;border-radius:999px;flex:none;padding:6px 12px;font-size:12.5px;font-weight:600}.chip.on{background:var(--brand);color:#fff;border-color:var(--brand)}.scroller{flex:1;padding:0 16px 18px;position:relative;overflow-y:auto}.day-banner{background:var(--low-bg);border:1px solid #ffe7a3;border-radius:12px;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;display:flex}.day-banner .emoji{font-size:18px;line-height:1}.day-banner .txt{color:#7a5a12;flex:1;font-size:12.5px;line-height:1.35}.day-banner .dismiss{all:unset;cursor:pointer;color:#b58a2a;padding:4px 6px;font-size:13px;font-weight:600}.group{padding-top:18px}.group-head{letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);padding-bottom:4px;font-size:11px;font-weight:700}.item-row{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:11px 0;display:flex}.item-name{flex:1;min-width:0;font-size:15.5px;font-weight:500}.seg{background:#f1f1f0;border-radius:11px;flex:none;gap:3px;width:182px;padding:3px;display:flex}.seg-btn{cursor:pointer;color:#bcbcbc;text-align:center;letter-spacing:.2px;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 0;font-size:12.5px;font-weight:600}.seg-btn.on-ok{background:var(--ok-bg);color:var(--ok)}.seg-btn.on-low{background:var(--low-bg);color:var(--low)}.seg-btn.on-out{background:var(--out-bg);color:var(--out)}.submit-bar{border-top:1px solid var(--line);background:var(--surface);flex:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.submit-info{flex:1;min-width:0}.submit-info .t{font-size:13.5px;font-weight:600}.submit-info .s{color:#999;font-size:12px}.submit-btn{all:unset;cursor:pointer;background:var(--brand);color:#fff;-webkit-tap-highlight-color:transparent;border-radius:13px;flex:none;padding:13px 22px;font-size:14.5px;font-weight:600}.report-scroll{flex:1;padding:16px 16px 24px;overflow-y:auto}.report-banner{background:var(--brand);color:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px 18px;display:flex}.report-banner .t{font-size:15px;font-weight:600}.report-banner .s{color:#bbb;font-size:12.5px}.section-head{letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);font-size:11px;font-weight:700}.ex-card{background:var(--surface);border:1px solid var(--card-line);border-radius:14px;overflow:hidden}.ex-row{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.ex-row:last-child{border-bottom:none}.ex-row .nm{font-size:15px;font-weight:500}.ex-pill{border-radius:999px;flex:none;padding:4px 11px;font-size:12px;font-weight:700}.allok-card{background:var(--ok-bg);border:1px solid #c8e6c9;border-radius:14px;align-items:center;gap:10px;padding:16px 15px;display:flex}.allok-card .ic{font-size:18px}.allok-card .tx{color:var(--ok);font-size:14px;font-weight:600}.full-toggle{all:unset;cursor:pointer;color:#666;border-top:1px solid var(--line);justify-content:space-between;align-items:center;width:100%;margin-top:14px;padding:12px 2px;font-size:13.5px;font-weight:600;display:flex}.chev{color:#bbb;font-size:20px;transition:transform .15s;display:inline-block}.chev.open{transform:rotate(90deg)}.full-card{background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;margin-bottom:6px;padding:4px 13px}.full-row{border-bottom:1px solid var(--line-2);justify-content:space-between;align-items:center;padding:9px 0;display:flex}.full-row:last-child{border-bottom:none}.full-row .nm{color:#555;font-size:13.5px}.dot-pill{border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.pill-ok{background:var(--ok-bg);color:var(--ok)}.pill-low{background:var(--low-bg);color:var(--low)}.pill-out{background:var(--out-bg);color:var(--out)}.bubble-wrap{background:#ece5dd;border-radius:14px;margin-bottom:14px;padding:14px}.bubble{white-space:pre-wrap;color:#222;background:#fff;border-radius:10px 10px 10px 3px;max-width:90%;padding:12px 13px;font-size:13px;line-height:1.5;box-shadow:0 1px 1px #0000000f}.bubble-meta{color:#8a8378;text-align:right;margin-top:5px;font-size:10.5px}.sent-card{background:var(--ok-bg);border:1px solid #c8e6c9;border-radius:12px;align-items:center;gap:9px;padding:13px 15px;animation:.25s bcpop;display:flex}.sent-card .ic{font-size:16px}.sent-card .tx{color:var(--ok);font-size:14px;font-weight:600}.share-row{gap:10px;display:flex}.share-btn{all:unset;cursor:pointer;color:#fff;-webkit-tap-highlight-color:transparent;border-radius:13px;flex:1;justify-content:center;align-items:center;gap:9px;padding:14px;font-size:14.5px;font-weight:600;display:flex}.share-wa{background:var(--wa)}.share-tg{background:var(--tg)}.home-link{all:unset;cursor:pointer;text-align:center;width:100%;color:var(--muted);margin-top:12px;padding:6px;font-size:13.5px;font-weight:600;display:block}.done-btn{all:unset;cursor:pointer;text-align:center;background:var(--brand);color:#fff;border-radius:13px;width:100%;margin-top:14px;padding:13px;font-size:14.5px;font-weight:600;display:block}.tasks-prog{border-bottom:1px solid var(--line);flex:none;padding:16px 16px 14px}.prog-head{justify-content:space-between;align-items:baseline;margin-bottom:9px;display:flex}.prog-head .t{color:#555;font-size:13.5px;font-weight:600}.prog-head .p{color:#aaa;font-size:12px}.prog-track{background:#eee;border-radius:999px;height:9px;overflow:hidden}.prog-fill{background:var(--brand);border-radius:999px;height:100%;transition:width .3s}.prog-fill.full{background:var(--ok)}.tasks-scroll{flex:1;padding:8px 16px 20px;overflow-y:auto}.task-group-head{letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);padding:18px 0 2px;font-size:11px;font-weight:700}.task-group-row{justify-content:space-between;align-items:center;display:flex}.task-markall{all:unset;cursor:pointer;color:var(--brand);padding:14px 2px 2px;font-size:12.5px;font-weight:600}.task-row{all:unset;cursor:pointer;border-bottom:1px solid var(--line-2);-webkit-tap-highlight-color:transparent;align-items:center;gap:14px;width:100%;padding:16px 0;display:flex}.task-box{color:#0000;background:0 0;border:2px solid #d2d2d1;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.task-box.done{background:var(--brand);border-color:var(--brand);color:#fff}.task-label{color:var(--ink);font-size:15.5px;font-weight:500}.task-label.done{color:#aaa;text-decoration:line-through}.alldone-card{background:var(--brand);color:#fff;border-radius:14px;align-items:center;gap:11px;margin-top:18px;padding:16px 18px;animation:.3s bcpop;display:flex}.alldone-card .ic{font-size:22px}.alldone-card .t{font-size:15px;font-weight:600}.alldone-card .s{color:#bbb;font-size:12.5px}.modal-backdrop{z-index:30;background:#0000006b;justify-content:center;align-items:center;padding:24px;animation:.15s bcfade;display:flex;position:absolute;inset:0}.modal-card{background:#fff;border-radius:18px;width:100%;max-width:340px;padding:22px;animation:.2s bcpop}.modal-title{letter-spacing:-.2px;color:var(--ink);margin-bottom:7px;font-size:18px;font-weight:600}.modal-msg{color:#777;margin-bottom:18px;font-size:13.5px;line-height:1.5}.modal-input{width:100%;color:var(--ink);-webkit-appearance:none;background:#fff;border:1px solid #d8d8d6;border-radius:12px;margin-bottom:18px;padding:12px 13px;font-size:15px}.modal-actions{gap:10px;display:flex}.modal-btn{all:unset;cursor:pointer;text-align:center;border-radius:12px;flex:1;padding:13px;font-size:14.5px;font-weight:600}.modal-btn-cancel{color:#333;background:#f1f1f0}.modal-btn-primary{background:var(--brand);color:#fff}.modal-btn-danger{background:var(--out);color:#fff}.locpick{flex-direction:column;flex:1;justify-content:center;padding:32px 24px;display:flex}.locpick .mark-hero{margin:0 auto 18px}.locpick h1{letter-spacing:-.3px;text-align:center;margin-bottom:6px;font-size:21px;font-weight:600}.locpick p{color:var(--muted);text-align:center;margin-bottom:24px;font-size:13.5px;line-height:1.45}.locpick-opts{flex-direction:column;gap:11px;display:flex}.locpick-btn{all:unset;cursor:pointer;background:var(--surface);border:1px solid var(--card-line);-webkit-tap-highlight-color:transparent;border-radius:16px;align-items:center;gap:13px;padding:18px;display:flex}.locpick-btn .ic{background:#f3f3f2;border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.locpick-btn .nm{font-size:16.5px;font-weight:600}.locpick-btn .sub{color:var(--muted);margin-top:1px;font-size:12.5px}.admin-overlay{z-index:40;background:var(--bg);position:absolute;inset:0;overflow:hidden}.pinpad-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:330px;padding:22px 20px 20px;animation:.2s bcpop;position:relative}.pinpad-lock{background:var(--brand);border-radius:13px;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 14px;display:flex}.pinpad-title{color:var(--ink);margin-bottom:6px;font-size:17px;font-weight:600}.pinpad-sub{color:var(--muted);margin-bottom:18px;font-size:13px;line-height:1.5}.pin-dots{justify-content:center;gap:12px;margin-bottom:20px;display:flex}.pin-dots.denied{animation:.4s bcshake}.pin-dot{background:0 0;border:2px solid #dcdcdc;border-radius:999px;width:14px;height:14px}.pin-dot.on{background:var(--brand);border-color:var(--brand)}.pin-dot.err{background:var(--out);border-color:var(--out)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.pin-key{all:unset;cursor:pointer;text-align:center;color:var(--ink);-webkit-tap-highlight-color:transparent;background:#f5f5f5;border-radius:14px;padding:15px 0;font-size:21px;font-weight:500}.pin-key-del{color:#888;background:0 0;font-size:19px}.pinpad-cancel{all:unset;cursor:pointer;text-align:center;color:#333;box-sizing:border-box;background:#f1f1f0;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:600;display:block}.nedry{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:calc(100% - 36px);left:0;right:0}.nedry-bubble{background:#fff;border:2px solid #111;border-radius:16px;max-width:280px;padding:13px 17px;animation:.22s bcpop;position:relative;box-shadow:0 6px 22px #00000047}.nedry-t{color:#111;letter-spacing:-.2px;font-size:16px;font-style:italic;font-weight:800;line-height:1.1}.nedry-s{color:#333;margin-top:4px;font-size:13.5px;font-weight:600;line-height:1.35}.nedry-tail-o{border-top:13px solid #111;border-left:11px solid #0000;border-right:11px solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nedry-tail-i{border-top:9px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;margin-top:-3.5px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.nedry-img{object-fit:cover;border:3px solid #111;border-radius:999px;width:88px;height:88px;margin-top:9px;animation:.5s bcwiggle;box-shadow:0 4px 16px #0000004d}.admin-header{border-bottom:1px solid var(--line);background:var(--bg);z-index:10;flex:none;align-items:center;gap:12px;padding:16px;display:flex}.admin-body{flex:1;min-width:0;overflow:hidden auto}.admin-title{color:var(--ink);flex:1;font-size:17px;font-weight:600}.admin-back{all:unset;cursor:pointer;color:var(--brand);padding:4px 2px;font-size:14px;font-weight:600}.admin-section{padding:0 16px}.admin-cat-header{justify-content:space-between;align-items:center;padding:14px 0 6px;display:flex}.admin-cat-name{text-transform:uppercase;letter-spacing:1px;color:var(--faint);font-size:11px;font-weight:700}.add-item-btn{all:unset;cursor:pointer;color:var(--brand);font-size:13px;font-weight:600}.admin-item{border-bottom:1px solid var(--line-2);align-items:center;gap:8px;padding:8px 0;display:flex}.admin-item-input{color:var(--ink);-webkit-appearance:none;background:#fff;border:1px solid #d8d8d6;border-radius:9px;flex:1;padding:9px 11px;font-size:14px}.del-btn{all:unset;cursor:pointer;background:var(--out-bg);color:var(--out);border-radius:8px;padding:6px 10px;font-size:13px}.unit-toggle{gap:4px;display:flex}.ut-btn{all:unset;cursor:pointer;border:1px solid var(--card-line);color:#aaa;border-radius:9px;padding:6px 10px;font-size:12px}.ut-btn.on{background:var(--brand);color:#fff;border-color:var(--brand)}.fixed-label{color:#bbb;flex:1;font-size:13.5px;font-style:italic}.add-cat-zone{border-top:1px solid var(--line);margin-top:14px;padding:18px 16px}.add-cat-label{color:var(--faint);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;font-weight:700}.add-cat-row{gap:8px;display:flex}.add-cat-input{color:var(--ink);-webkit-appearance:none;background:#fff;border:1px solid #d8d8d6;border-radius:11px;flex:1;padding:11px 13px;font-size:14px}.add-cat-btn{all:unset;cursor:pointer;background:var(--brand);color:#fff;border-radius:11px;padding:11px 16px;font-size:14px;font-weight:600}.pin-screen{flex-direction:column;align-items:center;gap:14px;padding:60px 32px;display:flex}.pin-title{color:var(--ink);font-size:17px;font-weight:600}.pin-sub{color:var(--muted);text-align:center;font-size:13px}.pin-input{letter-spacing:10px;text-align:center;width:160px;color:var(--ink);-webkit-appearance:none;background:#fff;border:1px solid #d8d8d6;border-radius:11px;padding:12px;font-size:26px}.pin-btn{all:unset;cursor:pointer;background:var(--brand);color:#fff;border-radius:11px;padding:12px 32px;font-size:15px;font-weight:600}.pin-error{color:var(--out);min-height:18px;font-size:13px}.admin-tabs{flex:none;gap:8px;padding:12px 16px 4px;display:flex}.admin-tab{all:unset;cursor:pointer;color:var(--muted);background:var(--surface-2);border:1px solid var(--card-line);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600}.admin-tab.on{background:var(--brand);color:#fff;border-color:var(--brand)}.rep-filters{gap:7px;padding:8px 0 4px;display:flex;overflow-x:auto}.rep-empty{text-align:center;color:var(--muted);padding:28px 4px;font-size:13.5px}.rep-day{letter-spacing:1.2px;text-transform:uppercase;color:var(--faint);padding:18px 0 2px;font-size:11px;font-weight:700}.rep-loc-head{color:var(--ink);padding:10px 0 2px;font-size:13px;font-weight:600}.rep-card{all:unset;cursor:pointer;background:var(--surface);border:1px solid var(--card-line);border-radius:13px;width:100%;margin-top:10px;padding:13px 14px;display:block}.rep-top{align-items:center;gap:8px;display:flex}.rep-badge{border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.rep-badge-stock{background:var(--low-bg);color:var(--low)}.rep-badge-check{color:#555;background:#eef0ef}.rep-loc{color:var(--ink);font-size:13.5px;font-weight:600}.rep-when{color:var(--faint);margin-left:auto;font-size:11.5px}.rep-by{color:var(--muted);margin-top:5px;font-size:12.5px}.rep-msg{white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--line-2);color:#333;border-radius:10px;margin-top:10px;padding:11px 12px;font-size:12.5px;line-height:1.5}@media (width>=640px) and (pointer:fine){.app-frame{align-items:center;padding:28px}.app{border-radius:30px;height:min(900px,100dvh - 56px);min-height:560px;box-shadow:0 24px 70px #0000002e,0 0 0 1px #0000000a}}