:root{--ink:#171812;--paper:#f4efe4;--cream:#fffaf0;--red:#ba4e2d;--olive:#666b51;--line:#d5ccbb;--shadow:0 16px 45px rgba(40,30,15,.09)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{margin:0;min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}header{height:72px;padding:0 max(22px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(244,239,228,.94);backdrop-filter:blur(14px);z-index:10}.wordmark{border:0;background:none;font-family:Georgia,serif;font-size:1.15rem;letter-spacing:.16em}.identity{text-align:right;font-size:.75rem;color:var(--olive);display:flex;gap:14px}main{max-width:1120px;margin:auto;padding:32px 22px 110px}.view{display:none}.view.active{display:block}.intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:12px 0 30px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--red);font-weight:750;font-size:.75rem;margin:0 0 9px}h1,h2,h3{font-family:Georgia,serif;font-weight:500}h1{font-size:clamp(2.25rem,7vw,4.9rem);line-height:.96;margin:0}h2{font-size:clamp(2rem,5vw,3.3rem);margin:.1em 0 .7em}.primary{background:var(--red);color:white;border:0;border-radius:999px;padding:14px 20px;font-weight:700;box-shadow:0 5px 18px rgba(186,78,45,.18)}.toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 2fr;gap:14px;margin-bottom:22px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:12px;background:rgba(255,250,240,.8);padding:14px;font-size:1rem}textarea{min-height:120px;resize:vertical}.chips{display:flex;gap:8px;overflow:auto}.chip{border:1px solid var(--line);background:transparent;padding:10px 14px;border-radius:999px;white-space:nowrap}.chip.active{background:var(--ink);color:var(--paper)}.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{grid-column:span 4;background:var(--cream);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);min-height:230px;display:flex;flex-direction:column;transition:transform .18s}.card:hover{transform:translateY(-2px)}.card.hero{grid-column:span 8;display:grid;grid-template-columns:1.15fr 1fr}.card img{width:100%;height:100%;min-height:220px;object-fit:cover}.card-copy{padding:18px;display:flex;flex-direction:column;flex:1}.meta{display:flex;justify-content:space-between;color:var(--red);font-weight:750;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}.card h3{font-size:1.55rem;margin:14px 0 8px}.card p{color:#555244;line-height:1.5;margin:0}.tagline{margin-top:auto;padding-top:18px;color:var(--olive);font-size:.78rem}.back{border:0;background:none;padding:10px 0;color:var(--olive)}form{max-width:760px;margin:10px auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}form>input,form>textarea{margin:0 0 12px}.field-label{display:block;margin:18px 0 8px;font-weight:700}.field-label small{font-weight:400;color:var(--olive)}.ingredients{font-family:ui-monospace,monospace}.detail-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px}.detail-photo{width:100%;border-radius:20px;max-height:500px;object-fit:cover}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.secondary{border:1px solid var(--line);background:transparent;border-radius:999px;padding:12px 16px}.ingredient-row{display:grid;grid-template-columns:1fr 110px 100px;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);align-items:center}.ingredient-row output{font-family:ui-monospace,monospace}.test{border-left:3px solid var(--red);padding:4px 0 4px 14px;margin:14px 0}.muted{color:var(--olive)}nav{display:none}dialog{border:0;border-radius:20px;background:var(--paper);max-width:520px;width:calc(100% - 32px);box-shadow:0 30px 90px #0005}dialog::backdrop{background:#171812aa}.check{display:flex;gap:10px;align-items:center}.check input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}#toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%,30px);background:var(--ink);color:white;padding:12px 18px;border-radius:999px;opacity:0;transition:.2s;z-index:20}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:760px){header{height:62px}.identity #user{display:none}main{padding:24px 14px 100px}.intro{align-items:start}.intro .primary{display:none}h1{font-size:2.65rem}.toolbar{grid-template-columns:1fr}.card,.card.hero{grid-column:span 12;display:flex;min-height:0}.card.hero{display:grid;grid-template-columns:1fr 1.2fr}.card.hero img{min-height:250px}.two,.detail-grid{grid-template-columns:1fr}.ingredient-row{grid-template-columns:1fr 85px 74px}nav{display:flex;position:fixed;bottom:0;left:0;right:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--ink);z-index:12;justify-content:space-around}nav button{color:var(--paper);background:none;border:0;padding:9px}nav .capture{background:var(--red);border-radius:999px;padding:9px 17px}.detail-photo{max-height:330px}.card h3{font-size:1.3rem}}