:root{--bg:#f6f5f1;--card:#fff;--text:#1f2421;--muted:#6b736e;--line:#e3e1da;--accent:#2f7d4f;--accent-text:#fff;--accent-soft:#e4f1e8;--warn:#b25a00;--warn-soft:#fbeedb;--danger:#c0392b;--control:#efede7;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#131613;--card:#1d211e;--text:#ecefec;--muted:#9aa39d;--line:#2e342f;--accent:#4fae76;--accent-text:#0c1a11;--accent-soft:#203a2a;--warn:#f0a94a;--warn-soft:#3a2c16;--danger:#ff7b6b;--control:#2a2f2b}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic UI,Meiryo,sans-serif;font-size:16px;line-height:1.5}button,input,select{font:inherit;color:inherit}button{touch-action:manipulation;cursor:pointer}h1,h2,h3,p,ul,dl,dd{margin:0;padding:0}ul{list-style:none}.screen{max-width:560px;min-height:100dvh;padding-bottom:calc(88px + env(safe-area-inset-bottom));margin:0 auto}.header{padding:calc(20px + env(safe-area-inset-top)) 16px 8px}.header h1{font-size:24px;line-height:1.3}.sub{color:var(--muted);margin-top:4px;font-size:14px}.content{gap:12px;padding:8px 16px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.card h2{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;font-size:16px;display:flex}small{color:var(--muted);font-size:12px;font-weight:400}.hint{color:var(--muted);margin-bottom:12px;font-size:13px}.error{color:var(--danger);margin-top:8px;font-size:13px}.bottom-bar{padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar .btn{max-width:400px}.btn{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:14px;min-height:52px;padding:0 20px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);flex:1}.btn.ghost{color:var(--muted)}.btn.small{min-height:48px;padding:0 16px}.btn:disabled{opacity:.45}.btn:active:not(:disabled){transform:scale(.98)}.field{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.field>span{font-weight:600}.field small{margin-left:4px}input[type=text],input[type=date],select{border:1px solid var(--line);background:var(--bg);border-radius:12px;min-width:0;min-height:48px;padding:0 12px}.money{color:var(--muted);align-items:center;gap:8px;display:flex}.money input{text-align:right;font-variant-numeric:tabular-nums;width:140px;color:var(--text);font-size:18px}.add-row{gap:8px;display:flex}.add-row input{flex:1}.chips{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--line);background:var(--control);border-radius:20px;min-height:40px;padding:0 14px}.chip span{color:var(--muted);margin-left:4px}.seg{background:var(--control);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;flex:1}.seg button.on{background:var(--accent);color:var(--accent-text);font-weight:600}.seg.compact{flex:none}.seg.compact button{flex:none;padding:0 11px;font-size:14px}.seg.compact button.on.low{background:var(--warn)}.seg.compact button.on.none{background:var(--card);color:var(--muted);font-weight:400}.rows .row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.rows .row.stack{flex-direction:column;align-items:stretch;gap:6px;padding:10px 0}.row .name{color:var(--muted);min-width:0}.row.in .name{color:var(--text);font-weight:600}.row .name em{color:var(--accent);margin-left:8px;font-size:13px;font-style:normal;font-weight:400}.portions{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.portions button{border:1px solid var(--line);background:var(--control);font-variant-numeric:tabular-nums;border-radius:12px;min-height:46px;font-size:17px}.portions button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:700}.stepper{align-items:center;gap:4px;display:flex}.stepper button{border:1px solid var(--line);background:var(--control);border-radius:12px;width:46px;height:46px;font-size:20px;line-height:1}.stepper button:disabled{opacity:.35}.stepper output{text-align:center;font-variant-numeric:tabular-nums;width:52px;color:var(--muted)}.row.in .stepper output{color:var(--text);font-weight:600}.budget .big{font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;line-height:1.2}.minus{color:var(--danger)}.bar{background:var(--control);border-radius:4px;height:8px;margin:10px 0 12px;overflow:hidden}.bar div{background:var(--accent);border-radius:4px;height:100%}.pairs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pairs dt{color:var(--muted);font-size:12px}.pairs dd{font-variant-numeric:tabular-nums;font-weight:600}.empty{color:var(--muted);text-align:center;padding:20px 0;font-size:14px}.stock-group+.stock-group{margin-top:12px}.stock-group h3{color:var(--muted);margin-bottom:2px;font-size:12px;font-weight:400}.stock-list li{border-top:1px solid var(--line);justify-content:space-between;gap:8px;padding:7px 0;display:flex}.stock-list b{font-variant-numeric:tabular-nums;color:var(--accent);white-space:nowrap;font-weight:600}.stock-list li.low b{color:var(--warn);background:var(--warn-soft);border-radius:8px;padding:0 8px;font-size:14px}.out{border-top:1px solid var(--line);color:var(--muted);margin-top:14px;padding-top:12px;font-size:13px}.out b{margin-bottom:2px;font-size:12px;font-weight:400;display:block}.bottom-bar .btn{padding:0 14px}.seg-note{color:var(--muted);margin-top:8px;font-size:13px}.grow{flex:1;width:100%}.link-btn{color:var(--muted);background:0 0;border:0;min-height:40px;padding:0 8px;font-size:13px;font-weight:400;text-decoration:underline}.add-custom{gap:8px;display:grid}.add-custom select{flex:1}.item{gap:10px;display:grid}.item-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.item .money input{width:110px}.icon-btn{width:44px;height:44px;color:var(--muted);background:0 0;border:0;border-radius:12px;flex:none;font-size:22px;line-height:1}.item-stock{border-top:1px solid var(--line);color:var(--muted);gap:8px;padding-top:10px;font-size:14px;display:grid}.item-stock .stepper output{width:64px;color:var(--text);font-weight:600}.btn.add-item{color:var(--accent);background:0 0;border-style:dashed}.totals{text-align:right;color:var(--muted);padding:0 4px;font-size:14px}.receipt-list li{border-top:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;display:flex}.receipt-list li>div{flex:1;min-width:0;display:grid}.receipt-list b{font-variant-numeric:tabular-nums;white-space:nowrap}.receipt-list li{padding:0}.receipt-row{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:8px;min-height:52px;padding:6px 0;display:flex}.receipt-row>div{flex:1;min-width:0;display:grid}.chev{color:var(--muted);font-size:20px}.btn.danger{color:var(--danger);border-color:var(--line);background:0 0}.pairs.two{grid-template-columns:repeat(2,1fr)}.pairs .mid{font-size:22px}.history{margin-top:12px}.history li{border-top:1px solid var(--line);align-items:baseline;gap:8px;padding:6px 0;display:flex}.history li span{flex:1}.history b{font-variant-numeric:tabular-nums;white-space:nowrap}.plus{color:var(--accent)}.note{color:var(--muted);margin-top:10px;font-size:12px}.rows .row.stack .item-row .name{flex:1}.import-btn{width:100%;color:var(--accent);background:0 0;border-style:dashed;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.check-banner{background:var(--warn-soft);color:var(--warn);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.card.item.check{border:2px solid var(--warn);background:color-mix(in srgb, var(--warn-soft) 55%, var(--card))}.check-note{color:var(--warn);justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.item-row.raw{color:var(--muted);font-size:12px}.totals-card{gap:4px;font-size:14px;display:grid}.totals-card p{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;display:flex}.totals-card p.sum{padding:4px 0;font-size:17px;font-weight:700}.totals-card p.error{display:block}.field.stacked{flex-direction:column;align-items:stretch;gap:4px}.ok{color:var(--accent);margin-top:8px;font-size:13px}.card.pending{border:2px solid var(--accent)}.warn-text{color:var(--warn);font-style:normal;font-weight:600}.tabs{z-index:2;scroll-snap-type:x proximity;scrollbar-width:none;background:var(--card);-webkit-overflow-scrolling:touch;gap:6px;margin:0 -16px 8px;padding:8px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs button{scroll-snap-align:start;border:1px solid var(--line);background:var(--control);min-height:44px;color:var(--text);white-space:nowrap;border-radius:22px;flex:none;align-items:center;gap:6px;padding:0 16px;display:flex}.tabs button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.tab-count{opacity:.7;font-variant-numeric:tabular-nums;font-size:12px}.stock-group h3{color:var(--text);margin-top:4px;font-size:13px;font-weight:600}.stock-list li.none span{color:var(--muted)}.stock-list li.none b{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--card));border-radius:8px;padding:0 8px;font-size:14px}
