:root{--bg:#f2f0ea;--paper:#ffffff;--ink:#2b3038;--ink-soft:#6b7280;--line:#e2ded4;--accent:#2f6e62;--accent-soft:#d9e8e2;--warn:#c0392b;--warn-soft:#fbe4e0;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;padding-bottom:80px;font-family:Hiragino Sans,Noto Sans JP,sans-serif}.wrap{max-width:640px;margin:0 auto;padding:0 14px}header.top{padding:26px 14px 8px;text-align:center}header.top h1{font-size:24px;margin:0 0 4px;font-weight:800}header.top p{margin:0;font-size:12.5px;color:var(--ink-soft)}.alert-bar{background:var(--warn);color:#fff;border-radius:var(--radius);padding:12px 16px;margin:14px 0;font-size:13.5px;font-weight:700}.alert-bar.ok{background:var(--accent)}.alert-bar small{display:block;font-weight:500;opacity:.9;margin-top:2px}.cat{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.cat-head{padding:10px 16px;font-weight:800;font-size:14px;background:var(--accent);color:#fff;display:flex;justify-content:space-between}.cat-head .low{font-size:11px;background:#fff;color:var(--warn);border-radius:999px;padding:1px 8px;font-weight:700;align-self:center}.item{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;border-top:1px dashed var(--line)}.item:first-of-type{border-top:none}.item.low{background:var(--warn-soft)}.item-name{flex:1 1;font-size:15px;font-weight:600}.item-name small{display:block;font-size:10.5px;color:var(--ink-soft);font-weight:400}.item.low .item-name:after{content:"⚠ 残りわずか";color:var(--warn);font-size:10.5px;font-weight:700;margin-left:6px}.stock-ctrl{display:flex;align-items:center;gap:6px}.stock-btn{width:40px;height:40px;border-radius:12px;border:2px solid var(--ink);background:var(--paper);font-size:20px;font-weight:800;color:var(--ink);cursor:pointer;line-height:1}.stock-btn:active{background:var(--accent-soft)}.stock-num{min-width:34px;text-align:center;font-size:19px;font-weight:800}.del-btn{border:none;background:none;color:var(--ink-soft);font-size:15px;cursor:pointer;padding:6px}.add-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:14px}.add-form h2{font-size:13.5px;margin:0 0 10px}.add-row{display:flex;gap:8px;flex-wrap:wrap}.add-row input,.add-row select{padding:10px;border:1.5px solid var(--line);border-radius:10px;font-size:14px;flex:1 1;min-width:120px;font-family:inherit;background:#fff;color:var(--ink)}.add-row button{padding:10px 18px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-weight:800;font-size:14px;cursor:pointer;font-family:inherit}footer{font-size:11px;padding:20px 0}.loading,footer{text-align:center;color:var(--ink-soft)}.loading{padding:40px 0}