:root{--bg:#fff7ed;--fg:#1c1917;--muted:#78716c;--accent:#c2410c;--card:#fff;--border:#e7e5e4}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}button,input,textarea{font:inherit}h1{font-size:1.5rem;line-height:1.25}h2{align-items:center;gap:.5rem;margin:1.5rem 0 .5rem;font-size:1.15rem;display:flex}.topbar{z-index:10;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top));background:var(--accent);color:#fff;justify-content:space-between;align-items:center;gap:.5rem;display:flex;position:sticky;top:0}.topbar a{color:#fff;font-size:1.1rem;font-weight:600;text-decoration:none}.container{max-width:720px;margin:0 auto;padding:1rem 1rem 6rem}.btn{border:1px solid var(--border);background:var(--card);color:var(--fg);cursor:pointer;border-radius:.5rem;padding:.6rem 1rem;text-decoration:none;display:inline-block}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.danger{color:#b91c1c}.btn:disabled{opacity:.6;cursor:default}.input{border:1px solid var(--border);background:var(--card);border-radius:.5rem;width:100%;padding:.7rem .9rem}textarea.input{min-height:8rem}label.field{margin-bottom:1rem;display:block}label.field span{margin-bottom:.3rem;font-weight:600;display:block}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;display:grid}.tile{background:var(--card);border:1px solid var(--border);border-radius:.75rem;text-decoration:none;display:block;overflow:hidden}.tile img,.tile .placeholder{aspect-ratio:1;object-fit:cover;background:#fed7aa;width:100%;display:block}.tile .body{padding:.5rem .6rem .7rem}.tile h3{margin:0 0 .25rem;font-size:.95rem;line-height:1.25}.chips{flex-wrap:wrap;gap:.35rem;display:flex}.chip{color:#9a3412;cursor:pointer;background:#ffedd5;border:0;border-radius:999px;padding:.15rem .5rem;font-size:.75rem}.chip.active{background:var(--accent);color:#fff}.pill{color:#78350f;background:#fde68a;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.fab{right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));background:var(--accent);color:#fff;text-align:center;border-radius:50%;width:3.5rem;height:3.5rem;font-size:2rem;line-height:3.5rem;text-decoration:none;position:fixed;box-shadow:0 4px 12px #0003}.hero{object-fit:cover;border-radius:.75rem;width:100%;max-height:40vh}.macros{color:var(--muted);flex-wrap:wrap;gap:1rem;font-size:.9rem;display:flex}.ingredients{margin:0;padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--border);font-size:1.05rem}.ingredients label{cursor:pointer;align-items:flex-start;gap:.75rem;padding:.6rem 0;display:flex}.ingredients input{flex:none;width:1.4rem;height:1.4rem;margin-top:.15rem}.ingredients li.done{color:var(--muted);text-decoration:line-through}.steps{padding-left:1.5rem;font-size:1.1rem}.steps li{margin-bottom:1rem}.muted{color:var(--muted)}.error{color:#b91c1c}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}pre.caption{white-space:pre-wrap;background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:1rem;font-size:.9rem}