:root{--bg:#f6f7f9;--card:#fff;--fg:#1b2230;--muted:#5d6676;--line:#d5dae3;--accent:#0f8a3c;--error:#c0392b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#12161d;--card:#1a2029;--fg:#e8ebf0;--muted:#9aa3b2;--line:#2e3643;--accent:#5fd08a;--error:#ff7b6b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.6 Hiragino Sans,Yu Gothic,system-ui,sans-serif}main{gap:16px;max-width:720px;margin:0 auto;padding:16px;display:grid}h1{margin:0 0 12px;font-size:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}.bar{justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--muted);font-size:14px}.error{color:var(--error);font-size:14px}form{gap:8px;display:grid}label{color:var(--muted);font-size:14px}input{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);border-radius:8px;padding:12px}button{font:inherit;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:12px 16px;font-weight:700}button:disabled{opacity:.5}button.secondary{color:var(--fg);border:1px solid var(--line);background:0 0;padding:8px 12px;font-weight:400}h2{margin:8px 0;font-size:17px}h3{margin:0;font-size:16px}.group{gap:8px;display:grid}.item{grid-template-columns:96px 1fr;gap:12px;padding:12px;display:grid}.item img,.item .noimg{object-fit:cover;border-radius:8px;width:96px;height:96px}.item .noimg{background:var(--bg);color:var(--muted);border:1px dashed var(--line);place-items:center;font-size:12px;display:grid}.item.dim img{opacity:.55}.price{margin:2px 0 4px;font-weight:700}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px}.tag.warn{border-color:var(--error);color:var(--error)}.options{margin-top:4px;font-size:14px}.options ul{margin:2px 0 0;padding:0;list-style:none}.options li{justify-content:space-between;gap:8px;display:flex}input.code{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}.row{flex-wrap:wrap;gap:8px;display:flex}textarea{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--fg);resize:vertical;border-radius:8px;padding:12px}.desc{color:var(--muted);white-space:pre-wrap;margin:2px 0;font-size:14px}.tabs{gap:8px;display:flex}.tabs button{color:var(--fg);border:1px solid var(--line);background:0 0;flex:1;font-weight:400}.tabs button.on{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.editor{min-width:0}.editor fieldset{border:1px solid var(--line);border-radius:8px;gap:6px;margin:4px 0;padding:8px 12px;display:grid}.editor legend{color:var(--muted);padding:0 4px;font-size:14px}.optprice{color:var(--fg);grid-template-columns:1fr 110px;align-items:center;gap:8px;display:grid}.optprice input{padding:8px}.confirm{gap:8px;display:grid}.confirm ul{margin:0;padding-left:18px}.log ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.log li{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding-bottom:12px}@media (width<=480px){:is(.item:has(.editor),.item:has(.confirm)){grid-template-columns:1fr}.item:has(.editor) img{display:none}.item:has(.editor) .noimg{display:none}.item:has(.confirm) img{display:none}.item:has(.confirm) .noimg{display:none}}.actions{margin-top:8px}button.secondary.warn{border-color:var(--error);color:var(--error)}.filebutton{border:1px solid var(--line);color:var(--fg);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:16px;display:inline-block}.filebutton input{display:none}.filebutton.busy{opacity:.5}.tag.ok{border-color:var(--accent);color:var(--accent)}.overview{gap:6px;padding:12px 16px;display:grid}.check{color:var(--fg);align-items:center;gap:6px;font-size:15px;display:flex}.check input{width:20px;height:20px}.allergens{gap:8px;min-width:0;display:grid}.allergens fieldset{border:1px solid var(--line);border-radius:8px;gap:6px;margin:0;padding:8px 12px;display:grid}.allergens legend{color:var(--muted);padding:0 4px;font-size:14px}.yesno{grid-template-columns:1fr auto auto;align-items:center;gap:6px;display:grid}button.pick{color:var(--fg);border:1px solid var(--line);background:0 0;padding:6px 12px;font-weight:400}button.pick.on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}button.pick.on.contains{background:var(--error);border-color:var(--error)}.grid2{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;display:grid}@media (width<=480px){.item:has(.allergens){grid-template-columns:1fr}.item:has(.allergens) img{display:none}.item:has(.allergens) .noimg{display:none}}.row .full{flex-basis:100%;margin:0}
