:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#faf7f2;--surface:#fff;--text:#2b2622;--muted:#6f665e;--border:#e6dfd5;--accent:#b5532a;--accent-text:#fff}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#1c1917;--surface:#27231f;--text:#f3eee8;--muted:#b3a99e;--border:#3b352f;--accent:#e08a5c;--accent-text:#1c1917}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{margin:0 0 .75rem;font-size:1.5rem}a{color:inherit;text-decoration:none}button{font:inherit;background:var(--accent);min-height:44px;color:var(--accent-text);cursor:pointer;border:0;border-radius:10px;padding:.5rem 1rem}button:disabled{opacity:.6}button.link{color:var(--muted);background:0 0}.status{text-align:center;color:var(--muted);padding:2rem 1rem}.login{place-items:center;min-height:100dvh;padding:1rem;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:.75rem;width:100%;max-width:360px;padding:1.5rem;display:grid}.login-card input{font:inherit;border:1px solid var(--border);background:var(--bg);min-height:44px;color:var(--text);border-radius:10px;padding:.5rem .75rem}.login-card [role=alert]{color:var(--accent);margin:0}.shell{min-height:100dvh}.sidebar{display:none}.content{padding:1rem 1rem calc(5rem + env(safe-area-inset-bottom));max-width:720px;margin:0 auto}.tabbar{padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.tabbar a{min-height:56px;color:var(--muted);place-items:center;font-size:.8rem;display:grid}.tabbar a.active{color:var(--accent);font-weight:600}.more{margin:0 0 1rem;padding:0;list-style:none}.more a{border-bottom:1px solid var(--border);padding:.75rem 0;display:block}@media (width>=768px){.shell{grid-template-columns:260px 1fr;display:grid}.tabbar{display:none}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:.25rem;height:100dvh;padding:1rem;display:flex;position:sticky;top:0}.sidebar .brand{margin:0 0 .75rem;font-weight:700}.sidebar a{color:var(--muted);border-radius:8px;padding:.5rem .75rem}.sidebar a.active{background:var(--bg);color:var(--accent);font-weight:600}.sidebar .link{margin-top:auto}.content{margin:0;padding:2rem}}h2{margin:0 0 .5rem;font-size:1.1rem}section{margin-top:1.25rem}.muted,small{color:var(--muted)}.prewrap{white-space:pre-wrap}.button{background:var(--accent);min-height:44px;color:var(--accent-text);border-radius:10px;place-items:center;padding:.5rem 1rem;display:inline-grid}button.secondary,.button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.page-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.page-head h1,.page-head h2{margin:0}.actions{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.segmented{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr 1fr;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:grid}.segmented a{text-align:center;color:var(--muted);border-radius:8px;padding:.5rem}.segmented a.active{background:var(--accent);color:var(--accent-text)}.cards{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;gap:.25rem;padding:.75rem 1rem;display:grid}.notice{border:1px solid var(--accent);border-radius:12px;gap:.25rem;margin:.75rem 0;padding:.75rem 1rem;display:grid}.stepper{align-items:center;gap:.5rem;display:flex}.form{gap:.75rem;display:grid}.form label{gap:.25rem;display:grid}.form input,.form select,.form textarea{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:10px;padding:.5rem .75rem}fieldset{border:1px solid var(--border);border-radius:12px;gap:.5rem;margin:0;padding:.75rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);align-items:end;gap:.5rem;display:grid}.ingredient-row{grid-template-columns:4.5rem 5rem 1fr;gap:.5rem;display:grid}.spec-row{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.spec-row select{grid-column:1/-1}.specs{gap:.25rem;margin:.25rem 0 0;display:grid}.specs div{justify-content:space-between;gap:1rem;display:flex}.specs dt{max-width:45%;color:var(--muted);flex:none}.specs dd{text-align:right;margin:0}.cook{min-height:100dvh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;max-width:720px;margin:0 auto;display:flex}.cook header{color:var(--muted);justify-content:space-between;align-items:center;display:flex}.cook-step{flex:1;margin:0;font-size:1.5rem;line-height:1.4}.cook-ingredients{flex:1;font-size:1.15rem}.cook footer{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.check{flex:1;align-items:center;gap:.5rem;min-width:0;min-height:44px;display:flex}.check input{flex:none;width:22px;height:22px}.plan-fields{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.plan-fields label{gap:.25rem;min-width:0;display:grid}.plan-fields input,.plan-fields select,.add-row select,.shopping-form input,.shopping-form select{font:inherit;border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--text);border-radius:10px;padding:.5rem}.plan-fields label:last-child{grid-column:1/-1}.add-row{grid-template-columns:1fr auto;gap:.5rem;display:grid}.shopping-form{grid-template-columns:4.5rem 5rem 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.shopping-form select{grid-column:1/3}.shopping{margin:0;padding:0;list-style:none}.shopping li{border-bottom:1px solid var(--border);align-items:center;gap:.25rem;display:flex}.shopping li.done span{color:var(--muted);text-decoration:line-through}.shopping button.link{padding:.5rem}h3{margin:1rem 0 .5rem;font-size:1rem}.page-head .button+.button{margin-left:.25rem}progress{width:100%;accent-color:var(--accent)}.add-row input{font:inherit;border:1px solid var(--border);background:var(--surface);min-width:0;min-height:44px;color:var(--text);border-radius:10px;padding:.5rem}
