:root{--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, "Roboto Mono", monospace;--bg:#0f1317;--surface:#171d24;--surface-2:#202932;--line:#2b343e;--text:#e8edf2;--muted:#8b97a4;--accent:#4c8dff;--accent-ink:#07111f;--danger:#ff7070;--danger-bar:#e04a4a;--danger-bg:#3a1a1d;--danger-chip:#ff707029;--warn:#f0a03c;--tap:44px;--row:56px;--hole:var(--surface)}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}.app{flex-direction:column;height:100dvh;display:flex}.appbar{background:var(--surface);padding:12px 16px 14px;padding-top:calc(10px + env(safe-area-inset-top));flex:none}.brand{letter-spacing:.16em;color:var(--muted);font-size:12px}.total{align-items:baseline;gap:6px;margin-top:4px;display:flex}.total-num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:34px;font-weight:700;line-height:1.05}.total-num.neg{color:var(--danger)}.total-unit,.total-meta{color:var(--muted);font-size:13px}.content{-webkit-overflow-scrolling:touch;flex:auto;padding:12px 12px 28px;overflow-y:auto}.tabbar{background:var(--surface);padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom));flex:none;gap:4px;display:flex}.tabbar button{min-height:48px;color:var(--muted);font:600 16px/1 var(--font);background:0 0;border:0;border-radius:12px;flex:1}.tabbar button[aria-current=true]{background:var(--surface-2);color:var(--text)}.panel{background:var(--surface);border-radius:14px;margin-bottom:12px;padding:14px}.panel-title{margin-bottom:10px;font-size:14px;font-weight:600}.hint{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}textarea,input{width:100%;font-size:16px;font-family:var(--font);color:var(--text);background:var(--surface-2);border:1px solid #0000;border-radius:10px;padding:12px}textarea{font-family:var(--mono);resize:vertical;line-height:1.6;display:block}input{min-height:var(--tap)}input:focus,textarea:focus{border-color:var(--accent);outline:none}::placeholder{color:#5d6a77}.btn{min-height:var(--tap);border:1px solid var(--line);color:var(--text);font:600 15px/1 var(--font);background:0 0;border-radius:10px;padding:0 16px}.btn.solid{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.text{color:var(--muted);border-color:#0000;padding:0 10px}.btn:disabled{opacity:.35}.actions{gap:8px;margin-top:12px;display:flex}.actions>.btn{flex:1}.actions>.btn.narrow{flex:none}.swatch{border-radius:50%;flex:0 0 18px;width:18px;height:18px;position:relative;box-shadow:inset 0 0 0 1px #ffffff4d}.swatch:after{content:"";background:var(--hole);border-radius:50%;position:absolute;inset:5px}.swatch.unknown{box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}.swatch.unknown:after{display:none}.n-fill{background:var(--danger-chip);color:var(--danger);border-radius:7px;padding:3px 7px;font-weight:700;display:inline-block}.n-short{color:var(--danger);font-weight:700}.n-muted{color:var(--muted)}.summary{background:var(--surface);font-variant-numeric:tabular-nums;border-radius:14px;margin-bottom:12px;padding:12px 14px;font-size:15px}.summary-short{color:var(--danger);font-weight:700}.check-table{border-collapse:separate;border-spacing:0 6px;width:100%}.check-table th{letter-spacing:.06em;color:var(--muted);text-align:right;padding:0 10px 2px;font-size:11px;font-weight:600}.check-table th:first-child{text-align:left;padding-left:14px}.check-table td{height:var(--row);background:var(--surface);text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;padding:0 10px;font-size:16px}.check-table td:first-child{text-align:left;font-family:var(--font);border-left:4px solid #0000;border-radius:12px 0 0 12px;padding-left:10px}.check-table td:last-child{border-radius:0 12px 12px 0;padding-right:14px}.check-table col.c-num{width:66px}.check-table tr.neg{--hole:var(--danger-bg)}.check-table tr.neg td{background:var(--danger-bg)}.check-table tr.neg td:first-child{border-left-color:var(--danger-bar)}.cell-code{overflow-wrap:anywhere;align-items:center;gap:9px;display:flex}.inv-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.inv-row{min-height:var(--row);background:var(--surface);border-left:4px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:8px 8px 8px 10px;display:flex}.inv-row.neg{background:var(--danger-bg);border-left-color:var(--danger-bar);--hole:var(--danger-bg)}.inv-code{overflow-wrap:anywhere;flex:auto;min-width:0;font-size:16px}.inv-row input.inv-qty{text-align:right;width:88px;font-family:var(--mono);font-variant-numeric:tabular-nums;flex:0 0 88px;padding:10px;font-size:16px}.inv-row.neg input.inv-qty{background:var(--danger-chip);color:var(--danger);font-weight:700}.icon-btn{flex:0 0 var(--tap);width:var(--tap);min-height:var(--tap);color:var(--muted);background:0 0;border:0;border-radius:10px;padding:0;font-size:17px}.list-foot{text-align:center;color:var(--muted);margin:12px 0 0;font-size:13px}.notice{background:var(--surface);border-radius:14px;margin-bottom:12px;padding:14px}.notice.bad{background:var(--danger-bg);--hole:var(--danger-bg)}.notice-list{margin:8px 0 0;padding:0;font-size:14px;list-style:none}.notice-list li{flex-wrap:wrap;align-items:baseline;gap:6px;padding:8px 0 0;display:flex}.notice-list .line-no{color:var(--muted);flex:none;font-size:12px}.notice-list code{font-family:var(--mono);overflow-wrap:anywhere;background:#00000047;border-radius:6px;padding:2px 6px}.notice-list .reason{color:var(--danger);flex:100%;font-size:13px}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{font-family:var(--mono);font-variant-numeric:tabular-nums;background:var(--surface-2);--hole:var(--surface-2);border-radius:9px;align-items:center;gap:7px;padding:6px 10px;font-size:14px;display:flex}.restock-list{flex-direction:column;gap:4px;margin:0 0 12px;padding:0;list-style:none;display:flex}.restock-row{background:var(--surface-2);--hole:var(--surface-2);border-radius:10px;align-items:center;gap:9px;min-height:40px;padding:4px 12px;display:flex}.restock-row .code{overflow-wrap:anywhere;flex:auto}.restock-row .qty{font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:700}.copybox textarea{min-height:150px;font-size:15px}.copy-status{margin:10px 0 0;font-size:13px;line-height:1.6}.copy-status.ok{color:var(--accent)}.copy-status.fail{color:var(--danger)}.toast{background:var(--surface-2);flex:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.toast-text{font-variant-numeric:tabular-nums;flex:auto;font-size:14px}.toast .btn{flex:none;min-height:40px}.empty{background:var(--surface);color:var(--muted);text-align:center;border-radius:14px;padding:30px 22px;font-size:14px;line-height:1.75}.empty strong{color:var(--text);font-weight:600}.seg{background:var(--surface-2);border-radius:12px;gap:4px;margin-top:10px;padding:4px;display:flex}.seg button{min-height:var(--tap);color:var(--muted);font:600 14px/1 var(--font);background:0 0;border:0;border-radius:9px;flex:1;padding:0 4px}.seg button.on{background:var(--surface);color:var(--text)}.section-title{margin:24px 0 10px;font-size:15px;font-weight:700}.line-setting{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.line-label{color:var(--muted);font-size:14px}input.line-input{text-align:right;width:96px;font-family:var(--mono);font-variant-numeric:tabular-nums;flex:0 0 96px}.restock-head{letter-spacing:.06em;color:var(--muted);grid-template-columns:18px minmax(0,1fr) 66px 74px;gap:9px;padding:0 12px 6px 14px;font-size:11px;display:grid}.ta-r{text-align:right}.tier-group{margin-bottom:14px}.tier-title{flex-wrap:wrap;align-items:baseline;gap:8px;margin:0 0 6px 2px;font-size:13px;font-weight:700;display:flex}.tier-title.tier-debt{color:var(--danger)}.tier-title.tier-urgent{color:var(--warn)}.tier-title.tier-low{color:var(--accent)}.tier-note{color:var(--muted);font-size:12px;font-weight:400}.restock-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.restock-item{min-height:var(--row);background:var(--surface);border-left:4px solid #0000;border-radius:12px;grid-template-columns:18px minmax(0,1fr) 66px 74px;align-items:center;gap:9px;padding:8px 12px 8px 10px;display:grid}.restock-item.tier-debt{background:var(--danger-bg);border-left-color:var(--danger-bar);--hole:var(--danger-bg)}.restock-item.tier-urgent{border-left-color:var(--warn)}.restock-item.tier-low{border-left-color:var(--accent)}.ri-code{overflow-wrap:anywhere;font-size:16px}.ri-have,.ri-suggest{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;font-size:16px}.ri-have{color:var(--muted)}.ri-have.n-fill{color:var(--danger)}.ri-suggest{font-weight:700}.top-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.top-item{min-height:var(--row);background:var(--surface);border-radius:12px;grid-template-columns:18px minmax(0,1fr) 88px;grid-template-areas:"dot code total""dot meta total";align-items:center;gap:2px 9px;padding:10px 12px;display:grid}.top-item .swatch{grid-area:dot}.ti-code{overflow-wrap:anywhere;flex-wrap:wrap;grid-area:code;align-items:center;gap:8px;font-size:16px;display:flex}.ti-total{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;grid-area:total;font-size:19px;font-weight:700}.ti-meta{color:var(--muted);font-variant-numeric:tabular-nums;grid-area:meta;font-size:12px}.badge{color:var(--warn);border:1px solid var(--warn);border-radius:5px;padding:1px 6px;font-size:11px;font-weight:700}