:root{--canvas:#f5f3f0;--surface:#fff;--sunken:#f1eee9;--ink:#171512;--ink-muted:#6b6660;--ink-faint:#9a948c;--hairline:#e4e0da;--hairline-dashed:#cfc9c1;--accent:#3b6fe0;--accent-tint:#ebf0fd;--paid:#1f7a4d;--held:#b4690e;--danger:#c2382b;--dark-pane-a:#23201c;--dark-pane-b:#12100e;--on-dark:#fff;--on-dark-muted:#a8a29a;--on-dark-faint:#7e7871;--on-dark-hairline:#ffffff1f;--font-ui:"Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-display:40px;--lh-display:44px;--fs-title:28px;--lh-title:34px;--fs-section:20px;--lh-section:26px;--fs-body-lg:17px;--lh-body-lg:24px;--fs-body:15px;--lh-body:23px;--fs-label:13px;--lh-label:18px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--r-cell:8px;--r-field:14px;--r-pane:22px;--r-pill:999px;--shadow-0:none;--shadow-1:0 6px 20px #1715121a;--shadow-2:0 24px 60px #17151238;--dur-tap:.12s;--dur-sheet:.22s;--ease-out:ease-out;--ease-sheet:cubic-bezier(.2, .8, .2, 1);--toast-dwell:2.5s;--tt-min:48px;--tt-btn:48px;--tt-btn-lg:56px;--tt-input:56px;--tt-rail-item:52px;--add-green:#1e9e57}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-text-size-adjust:100%;overscroll-behavior-y:none;margin:0}input,select,textarea,button{font:inherit;color:inherit}input,textarea,select{font-size:16px}.app{min-height:100%;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:calc(env(safe-area-inset-top) + var(--sp-3)) var(--sp-4) var(--sp-3);background:color-mix(in srgb, var(--canvas) 88%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--hairline);display:flex;position:sticky;top:0}.topbar h1{font-size:var(--fs-section);line-height:var(--lh-section);margin:0}.page{padding:var(--sp-4);gap:var(--sp-4);grid-template-columns:minmax(0,1fr);display:grid}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-pane);min-width:0;padding:var(--sp-4);gap:var(--sp-3);display:grid}.label{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{min-height:var(--tt-min);padding:0 var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);font-size:var(--fs-body-lg);transition:background var(--dur-tap) var(--ease-out);align-items:center;display:inline-flex}.chip[aria-pressed=true]{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}.chip.sm{min-height:40px;padding:0 var(--sp-3);font-size:var(--fs-body)}.field{width:100%;min-height:var(--tt-input);padding:0 var(--sp-4);border:1px solid var(--hairline);border-radius:var(--r-field);background:var(--surface)}.field:focus{outline:2px solid var(--accent);outline-offset:-1px}.money-input{font-family:var(--font-mono);font-size:var(--fs-display);line-height:var(--lh-display);text-align:right;min-height:68px;padding-right:var(--sp-4)}.row{align-items:center;gap:var(--sp-3);display:flex}.grow{flex:1;min-width:0}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.mono{font-family:var(--font-mono);font-size:var(--fs-body-lg)}.photo-tile{border-radius:var(--r-pane);border:2px dashed var(--hairline-dashed);background:var(--sunken);place-items:center;gap:var(--sp-2);width:132px;height:132px;color:var(--ink-muted);flex:none;display:grid;position:relative;overflow:hidden}.photo-tile img{object-fit:cover;width:100%;height:100%}.photo-tile input{opacity:0;position:absolute;inset:0}.photo-tile .hint{text-align:center}.stepper{align-items:center;gap:var(--sp-2);display:flex}.stepper button{width:var(--tt-min);height:var(--tt-min);border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--surface);font-size:22px}.stepper .value{font-family:var(--font-mono);font-size:var(--fs-body-lg);text-align:center;min-width:44px}.btn{min-height:var(--tt-btn-lg);border-radius:var(--r-pill);border:1px solid var(--ink);background:var(--ink);width:100%;color:var(--on-dark);font-size:var(--fs-body-lg);font-weight:600}.btn:disabled{opacity:.4}.btn.ghost{color:var(--ink);border-color:var(--hairline);background:0 0}.btn.danger{color:var(--danger);border-color:var(--hairline);background:0 0}.tabbar{z-index:30;padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--canvas) 92%, transparent);-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-top:1px solid var(--hairline);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{min-height:52px;font-size:var(--fs-label);color:var(--ink-faint);background:0 0;border:0;place-items:center;gap:2px;display:grid}.tabbar button[aria-current=true]{color:var(--ink);font-weight:600}.tabbar .glyph{font-size:20px;line-height:22px}.tabbar button.add .glyph{border-radius:var(--r-pill);background:var(--add-green);color:#fff;place-items:center;width:44px;height:30px;margin-top:-8px;font-size:22px;display:grid}.tabbar button.add[aria-current=true] .glyph{background:var(--add-green)}.tabbar button.add[aria-current=true]{color:var(--add-green)}.stat{gap:2px;display:grid}.stat .big{font-family:var(--font-mono);font-size:var(--fs-display);line-height:var(--lh-display)}.bar-row{gap:var(--sp-1);display:grid}.bar-track{border-radius:var(--r-pill);background:var(--sunken);height:8px;overflow:hidden}.bar-fill{background:var(--ink);border-radius:var(--r-pill);height:100%}.item{gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--hairline);grid-template-columns:56px minmax(0,1fr) auto 40px;align-items:center;display:grid}.item:last-child{border-bottom:0}.item .thumb{border-radius:var(--r-cell);object-fit:cover;background:var(--sunken);width:56px;height:56px}.item .meta{font-size:13px;line-height:18px}.item .amounts{text-align:right;white-space:nowrap}.item .amounts .mono{font-size:var(--fs-body)}.item .amounts .faint{font-size:13px}.item .more{width:40px;height:44px;color:var(--ink-faint);background:0 0;border:0;font-size:20px}.item .more.confirm{color:var(--danger);font-size:13px}.group-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.group-head .mono{font-size:var(--fs-body)}.toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));z-index:40;background:var(--ink);color:var(--on-dark);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-pill);box-shadow:var(--shadow-1);position:fixed;transform:translate(-50%)}.pill-status{font-size:var(--fs-label);border-radius:var(--r-pill);background:var(--sunken);color:var(--ink-muted);padding:4px 10px}.pill-status.warn{color:var(--held);background:#fbf0de}.sheet-backdrop{z-index:50;background:#17151266;align-items:end;display:grid;position:fixed;inset:0}.sheet{background:var(--surface);border-radius:var(--r-pane) var(--r-pane) 0 0;padding:var(--sp-6) var(--sp-4) calc(var(--sp-6) + env(safe-area-inset-bottom));gap:var(--sp-4);display:grid}.b-HARA{--brand:#c2382b;--on-brand:#fff}.b-BANA{--brand:#e8a400;--on-brand:#171512}.b-KOHKURI{--brand:#c9b48d;--on-brand:#171512}.b-ALL{--brand:var(--ink);--on-brand:var(--on-dark)}.chip.brand{gap:var(--sp-2)}.chip.brand:before{content:"";border-radius:var(--r-pill);background:var(--brand);flex:none;width:10px;height:10px}.chip.brand[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.chip.brand[aria-pressed=true]:before{background:var(--on-brand);opacity:.55}.brand-tag{align-items:center;gap:6px;display:inline-flex}.brand-tag:before{content:"";border-radius:var(--r-pill);background:var(--brand);flex:none;width:8px;height:8px}.item .thumb{border-left:6px solid var(--brand);background:color-mix(in srgb, var(--brand) 12%, var(--sunken))}.item .brand-name{font-weight:600}.bar-fill.brand{background:var(--brand)}.total-card .totals{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.total-card .cur{font-size:var(--fs-label);letter-spacing:.08em;color:var(--ink-faint)}.total-card .big{font-family:var(--font-mono);font-size:clamp(20px,7vw,30px);line-height:1.2}.brand-card{border-left:6px solid var(--brand)}.brand-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);display:flex}.brand-head .brand-name{font-size:var(--fs-section);line-height:var(--lh-section);font-weight:700}.brand-head .mono{font-size:var(--fs-body-lg)}.count-grid{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.count-cell{background:color-mix(in srgb, var(--brand) 14%, var(--sunken));border-radius:var(--r-cell);padding:var(--sp-3) var(--sp-2);text-align:center}.count-cell .n{font-family:var(--font-mono);font-size:24px;line-height:28px}.count-cell .faint{font-size:13px;line-height:18px}.summary{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:0 var(--sp-2);color:var(--ink-muted);display:flex}.backup-strip{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);font-size:13px;line-height:18px;display:flex}.backup-strip.ok{color:var(--paid);background:#e8f3ec}.backup-strip.warn{color:var(--held);background:#fbf0de}.backup-strip .chip{color:inherit;background:0 0;border-color:currentColor}.lock{justify-content:center;gap:var(--sp-4);min-height:100dvh;padding:var(--sp-6);flex-direction:column;max-width:420px;margin:0 auto;display:flex}.lock h1{font-size:var(--fs-title);line-height:var(--lh-title);margin-bottom:var(--sp-2)}.item-swipe{position:relative;overflow:hidden}.swipe-behind{padding-right:var(--sp-4);background:var(--danger);color:#fff;justify-content:flex-end;align-items:center;font-size:13px;transition:opacity .12s ease-out;display:flex;position:absolute;inset:0}.item-swipe .item{background:var(--surface);touch-action:pan-y;position:relative}.undo-bar{bottom:var(--sp-2);justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--ink);color:var(--on-dark);border-radius:var(--r-pill);font-size:13px;display:flex;position:sticky}.undo-bar .chip{border-color:var(--on-dark);color:var(--on-dark);background:0 0}.photo-strip{gap:var(--sp-2);padding-bottom:var(--sp-1);-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.photo-thumb{flex:none;width:132px;height:132px;position:relative}.photo-thumb img{object-fit:cover;border-radius:var(--r-pane);background:var(--sunken);width:100%;height:100%}.photo-thumb .remove{border-radius:var(--r-pill);color:#fff;background:#171512b8;border:none;width:30px;height:30px;font-size:18px;line-height:1;position:absolute;top:4px;right:4px}.photo-count{border-radius:var(--r-pill);color:#fff;background:#171512b8;padding:1px 6px;font-size:11px;position:absolute;bottom:4px;left:4px}.thumb-wrap{flex:none;position:relative}.page.add{padding-bottom:120px}.card.tight{padding:var(--sp-3) var(--sp-4);gap:var(--sp-2)}.price-row{align-items:baseline;gap:var(--sp-2);display:flex}.price-row .cur{color:var(--ink-faint);font-size:24px}.price-input{width:100%;min-width:0;padding:var(--sp-2) 0;font-family:var(--font-mono);background:0 0;border:none;flex:1 1 0;font-size:40px;line-height:48px}.price-input:focus{outline:none}.price-row .rm{color:var(--ink-muted);font-size:var(--fs-body);white-space:nowrap}.clear-price{border-radius:var(--r-pill);border:1px solid var(--hairline);background:var(--sunken);width:32px;height:32px;color:var(--ink-muted);flex:none;font-size:18px;line-height:1}.qty-row{align-items:center;gap:var(--sp-3);flex-wrap:wrap;min-width:0;display:flex}.chip-input{max-width:100%;min-height:40px;padding:0 var(--sp-3);border:1px dashed var(--hairline-dashed);border-radius:var(--r-pill);font-size:var(--fs-body);background:0 0;width:110px}.chip.ghost{color:var(--ink-muted);border-style:dashed}.link-btn{padding:var(--sp-2) var(--sp-1);color:var(--accent);font-size:var(--fs-body);text-align:left;background:0 0;border:none}.save-bar{left:0;right:0;bottom:calc(64px + env(safe-area-inset-bottom));align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:color-mix(in srgb, var(--canvas) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--hairline);display:flex;position:fixed}.save-sum{flex-direction:column;line-height:1.3;display:flex}.save-sum .mono{font-size:var(--fs-body-lg)}.save-sum .faint{font-size:12px}.save-bar .btn{flex:1;width:auto;max-width:160px}.field.note{min-height:44px;font-size:var(--fs-body)}.note-line{font-style:italic}.head-counts{gap:var(--sp-2);border-top:1px solid var(--hairline);padding-top:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.head-counts>div{flex-direction:column;display:flex}.head-counts .mono{font-size:22px;line-height:26px}.head-counts .faint{font-size:12px}.brand-grid{gap:var(--sp-2);grid-template-columns:repeat(3,1fr);display:grid}.brand-mini{padding:var(--sp-3);text-align:left;border-left:6px solid var(--brand);flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.brand-mini .brand-name{font-size:13px;font-weight:700}.brand-mini .big-n{font-size:26px;line-height:30px}.brand-mini .faint{font-size:11px}.brand-mini .mono{font-size:13px}.style-row{gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--hairline);align-items:flex-start;min-width:0;display:flex}.style-row:last-child{border-bottom:none}.style-row .thumb{border-radius:var(--r-cell);border-left:6px solid var(--brand);background:color-mix(in srgb, var(--brand) 12%, var(--sunken));object-fit:cover;flex:none;width:56px;height:56px}.style-nums{text-align:right;flex:none}.style-nums .unit{color:var(--ink-muted);font-size:13px}.style-nums .total{font-size:var(--fs-body-lg)}.tappable{cursor:pointer}.sheet-backdrop{z-index:60;background:#17151261;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{gap:var(--sp-3);background:var(--canvas);border-radius:var(--r-pane) var(--r-pane) 0 0;width:100%;max-width:520px;max-height:88dvh;padding:var(--sp-4);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet .row{gap:var(--sp-3);align-items:flex-end;display:flex}.sheet label{min-width:0}.grid-scroll{-webkit-overflow-scrolling:touch;margin:0 calc(var(--sp-2) * -1);padding:0 var(--sp-2);overflow-x:auto}.qty-grid{border-collapse:collapse;width:100%}.qty-grid th,.qty-grid td{text-align:center;padding:4px}.qty-grid thead th{font-size:var(--fs-label);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-weight:400}.qty-grid .corner,.qty-grid .rowhead{text-align:left;background:var(--surface);padding-right:var(--sp-2);white-space:nowrap;font-size:13px;font-weight:600;position:sticky;left:0}.qty-grid .cell{text-align:center;border:1px solid var(--hairline);border-radius:var(--r-cell);background:var(--surface);width:56px;height:44px;font-family:var(--font-mono);font-size:var(--fs-body-lg)}.qty-grid .cell:focus{outline:2px solid var(--accent);outline-offset:-1px}.qty-grid .tot{font-family:var(--font-mono);font-size:var(--fs-body-lg)}.qty-grid tfoot td,.qty-grid tfoot th{border-top:1px solid var(--hairline);color:var(--ink-muted);padding-top:var(--sp-2)}.field.code{font-family:var(--font-mono);letter-spacing:.04em}.code-tag{margin-left:var(--sp-2);border-radius:var(--r-pill);background:var(--sunken);color:var(--ink-muted);padding:1px 6px;font-size:12px}.thumb-btn{background:0 0;border:none;flex:none;padding:0;position:relative}.photo-view{gap:var(--sp-3);background:var(--canvas);border-radius:var(--r-pane) var(--r-pane) 0 0;width:100%;max-width:520px;max-height:90dvh;padding:var(--sp-4);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow-y:auto}.photo-view-strip{gap:var(--sp-2);display:flex;overflow-x:auto}.photo-view-strip img{border-radius:var(--r-cell);background:var(--sunken);object-fit:contain;flex:none;width:100%;max-width:100%}.photo-view-strip img:not(:only-child){width:78%}.chip.static{pointer-events:none}.item.expense .thumb{border-left:6px solid var(--hairline);background:var(--sunken)}.item.expense .cat-thumb{place-items:center;font-size:22px;display:grid}.cat-grid{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.cat-tile{min-height:64px;padding:var(--sp-2) 2px;border:1px solid var(--hairline);border-radius:var(--r-cell);background:var(--surface);color:var(--ink);place-items:center;gap:2px;font-size:12px;line-height:16px;display:grid}.cat-tile[aria-pressed=true]{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}.cat-glyph{font-size:20px;line-height:24px}.cat-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-bottom:1px solid var(--hairline);display:flex}.cat-row:last-child{border-bottom:none}.cat-bar{border-radius:var(--r-pill);background:var(--sunken);height:6px;margin-top:6px;overflow:hidden}.cat-bar>div{background:var(--ink);border-radius:var(--r-pill);height:100%}.total-card.business{border:1px solid var(--ink)}.split-bar{border-radius:var(--r-pill);background:var(--sunken);height:10px;display:flex;overflow:hidden}.split-bar .seg.stock{background:var(--ink)}.split-bar .seg.exp{background:var(--add-green)}.mode-switch{gap:var(--sp-2);margin:var(--sp-3) var(--sp-4) 0;border-radius:var(--r-pill);background:var(--sunken);grid-template-columns:1fr 1fr;padding:4px;display:grid}.mode-switch button{border-radius:var(--r-pill);min-height:40px;color:var(--ink-muted);font-size:var(--fs-body);background:0 0;border:none;font-weight:500}.mode-switch button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px #1715121f}.backup-strip{background:var(--sunken);color:var(--ink-muted)}.total-card.business .head-counts .mono{font-size:16px;line-height:20px}.total-card.business .head-counts>div{justify-content:flex-end}.receive-row{text-align:left;border:none;border-bottom:1px solid var(--hairline);width:100%;padding:var(--sp-3) 0;background:0 0}.receive-row:last-child{border-bottom:none}.receive-row .cat-bar{max-width:180px}.cat-bar>div.full{background:var(--paid)}.style-nums .short-n{font-size:20px;line-height:24px}.style-nums .short-n.bad{color:var(--danger)}.style-nums .ok-tick{color:var(--paid);font-size:22px}.style-nums .faint{font-size:12px}.receive-line{align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;border-bottom:1px solid var(--hairline);display:flex}.receive-line:last-of-type{border-bottom:none}.receive-line .cell{text-align:center;border:1px solid var(--hairline);border-radius:var(--r-cell);background:var(--surface);width:56px;height:44px;font-family:var(--font-mono);font-size:var(--fs-body-lg)}.receive-line .cell:focus{outline:2px solid var(--accent);outline-offset:-1px}.supplier-name{font-size:var(--fs-body-lg);font-weight:700}.mode-switch.flat{margin:0}.sync-state{flex-direction:column;gap:4px;display:flex}.sync-state .muted{font-size:13px;line-height:18px}