:root{--bg:#fff8f0;--surface:#fff;--text:#2b2420;--muted:#7a6c63;--accent:#b5532f;--accent-text:#fff;--border:#e8dccf;--danger:#b3261e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1d1916;--surface:#2a2420;--text:#f2e9e1;--muted:#b3a59a;--accent:#e07a52;--accent-text:#1d1916;--border:#40362f;--danger:#f2867d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}main{max-width:1100px;margin:0 auto;padding:16px}h1,h2{line-height:1.2}a{color:var(--accent)}button,.button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;padding:.5em 1em;text-decoration:none;display:inline-block}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}button.big,.button.big{padding:.7em 1.6em;font-size:1.1rem}button.link{color:var(--accent);background:0 0;border:none}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}.danger-text{color:var(--danger)!important}.topbar{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.brand{margin-right:auto;font-size:1.2rem;font-weight:700;text-decoration:none}.sync{color:var(--muted);background:0 0;border:none;font-size:.85rem}.search,input,textarea{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:.6em .8em}.chips{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.chip{border-radius:999px;min-height:40px;padding:.3em .9em}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;padding:0;list-style:none;display:grid}.card{height:100%;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;text-decoration:none;display:block}.card h2{margin:0 0 4px;font-size:1.15rem}.card p{color:var(--muted);margin:0 0 6px}.card small,.meta{color:var(--muted)}.star{color:var(--accent)}.recipe h1{margin-bottom:4px}.lead{color:var(--muted);margin-top:0;font-size:1.1rem}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.columns{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=800px){.columns{grid-template-columns:2fr 3fr}}.ingredients{padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--border);cursor:pointer;padding:8px 0}.ingredients li:before{content:"○ ";color:var(--accent)}.ingredients li.done{color:var(--muted);text-decoration:line-through}.ingredients li.done:before{content:"● "}.steps li{margin-bottom:12px}.notes{white-space:pre-wrap}.edit{gap:14px;max-width:800px;display:grid}.edit label{gap:4px;font-weight:600;display:grid}.edit label small{color:var(--muted);font-weight:400}.edit .row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.edit .actions{justify-content:flex-start}.center,.empty{text-align:center;padding:48px 16px}.signin h1{color:var(--accent)}.error{color:var(--danger)}.fatal{color:var(--danger);padding:24px}.footer{text-align:center;max-width:1100px;color:var(--muted);border-top:1px solid var(--border);margin:32px auto 0;padding:16px}button.link.muted{color:var(--muted);font-size:.85rem}.drafts{background:var(--surface);border:1px dashed var(--accent);border-radius:14px;margin-bottom:16px;padding:12px 16px}.drafts h2{color:var(--accent);margin:0 0 4px;font-size:1rem}.drafts ul{margin:0;padding-left:1.2em}.drafts li{padding:4px 0}.drafts small{color:var(--muted)}.notice{background:var(--surface);border-left:4px solid var(--accent);border-radius:10px;margin:0;padding:8px 12px}.hint{color:var(--muted);margin:0;font-size:.85rem}button:disabled{opacity:.6;cursor:wait}.batch{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.ingredients li.scaled{font-weight:600}.ingredients li.scaled.done{font-weight:400}.source-link{padding:6px 0;font-weight:600;text-decoration:none;display:inline-block}.household{margin:0 0 8px;font-size:.85rem}.topbar{flex-wrap:wrap;row-gap:4px}.tabs{order:3;gap:4px;width:100%;display:flex}@media (width>=700px){.tabs{order:0;width:auto}}.tab{color:var(--text);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.tab.active{background:var(--accent);color:var(--accent-text)}.count{background:var(--surface);color:var(--accent);border:1px solid var(--border);border-radius:999px;padding:0 7px;font-size:.8rem}.toolbar{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.shopping{max-width:700px;margin:0 auto}.add-item{gap:8px;padding:8px 0;display:flex}.add-item input{flex:1}.aisle h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:18px 0 4px;font-size:.95rem}.aisle ul{margin:0;padding:0;list-style:none}.item{border-bottom:1px solid var(--border);align-items:stretch;gap:10px;display:flex}.item .check{border:2px solid var(--accent);background:var(--surface);height:44px;color:var(--accent-text);border-radius:50%;flex:0 0 44px;margin:6px 0;padding:0;font-size:1.3rem;line-height:1}.item.checked .check{background:var(--accent)}.item .label{text-align:left;background:0 0;border:none;flex-wrap:wrap;flex:1;align-items:baseline;gap:6px;min-height:56px;padding:10px 0;display:flex}.item .label small{color:var(--muted);flex-basis:100%}.item.checked .name{color:var(--muted);text-decoration:line-through}.qty-badge{color:var(--accent);font-weight:700}.item.editing{padding:10px 0;display:block}.item.editing form{gap:8px;display:grid}.item.editing .row{gap:8px;display:flex}.item.editing .qty{flex:0 0 90px}.item.editing select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.5em}.item.editing .actions{justify-content:flex-start}.cart{margin-top:24px}.cart>button,.cart>p{margin-top:12px}.add-to-list{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:12px 16px}.add-to-list ul{margin:8px 0;padding:0;list-style:none}.add-to-list li{padding:6px 0}.add-to-list input{width:auto;margin-right:8px;transform:scale(1.3)}.add-to-list .actions{justify-content:flex-start}.pantry{max-width:760px;margin:0 auto}.stock-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0;display:flex}.stock-row .label{color:inherit;flex-direction:column;flex:180px;justify-content:center;min-height:44px;text-decoration:none;display:flex}.stock-row.stock-out .name{color:var(--muted)}.levels{border:1px solid var(--border);border-radius:999px;display:flex;overflow:hidden}.level{background:var(--surface);border:none;border-radius:0;min-height:40px;padding:.3em .9em}.level+.level{border-left:1px solid var(--border)}.level.on.have{color:#fff;background:#4a7c3a}.level.on.low{color:#fff;background:#c98a1b}.level.on.out{background:var(--danger);color:#fff}.rating-summary{color:var(--muted);font-size:.85rem}.products{padding:0;list-style:none}.product-row{border-bottom:1px solid var(--border);color:inherit;flex-direction:column;gap:2px;padding:10px 0;text-decoration:none;display:flex}.product-row small{color:var(--muted)}.rating-picker{flex-wrap:wrap;gap:8px;display:flex}.rating-block{border:1px solid var(--border);border-radius:14px;padding:10px 14px}.rating-block legend{padding:0 4px;font-weight:600}.edit select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.55em}.checkout{border:1px solid var(--border);background:var(--surface);border-radius:14px;margin-top:12px;padding:12px 16px}.checkout h2{margin-top:0}.checkout .row{flex-wrap:wrap;gap:12px;display:flex}.checkout label{gap:4px;font-weight:600;display:grid}.checkout ul{padding:0;list-style:none}.checkout li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;display:flex}.checkout li input{text-align:right;width:7em}.checkout .actions{justify-content:flex-start}.store-picker{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.55em}span.store-picker{background:0 0;border:none;gap:6px;padding:0;display:inline-flex}.price-hint{color:#4a7c3a!important}@media (prefers-color-scheme:dark){.price-hint{color:#9fcf8c!important}}.price-history table{border-collapse:collapse;width:100%;margin:8px 0}.price-history td{border-bottom:1px solid var(--border);padding:6px 4px}.price-history td.num{text-align:right;white-space:nowrap}.price-history small{color:var(--muted)}.add-price{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.add-price input{flex:8em;width:auto}.add-price .qty{flex:0 0 5em}.add-price select{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:.5em}.link-row{text-align:left;border:none;border-bottom:1px solid var(--border);background:0 0;border-radius:0;width:100%}
