*{box-sizing:border-box}body{margin:0;background:#171713;color:#eee9da;font:16px system-ui,Segoe UI,sans-serif}header,main,nav,footer{max-width:1100px;margin:auto;padding:18px}header{padding-top:34px}h1{font-size:clamp(2rem,7vw,4.5rem);margin:.1em 0}h2{font-size:2rem}h3{margin-top:0;color:#e0c98b}small,.muted{color:#aaa58f}nav{display:flex;gap:8px;position:sticky;top:0;background:#171713;z-index:3;border-bottom:1px solid #3d392d}.tab,button,select,input{font:inherit;border:1px solid #514b38;border-radius:10px;background:#24231d;color:#f3eedf;padding:12px}.tab.active,button{background:#d5b86b;color:#171713;font-weight:700}.panel{display:none}.panel.active{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}article,.result,#recipeList>div,#invList>div,#toolList>div{background:#22211c;border:1px solid #3c392e;border-radius:14px;padding:16px;margin:10px 0}label{display:grid;gap:7px;margin:12px 0}.result{background:#191914;min-height:90px}.callout{border-left:4px solid #d5b86b}input,select{width:100%}form{display:grid;grid-template-columns:1fr 100px auto;gap:8px}@media(max-width:520px){form{grid-template-columns:1fr 80px}form button{grid-column:1/-1}nav{overflow:auto}nav .tab{white-space:nowrap}}footer{color:#777261;text-align:center}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.6rem;align-items:center}.check{display:flex;gap:.4rem;align-items:center}.recipe-card{border:1px solid #4a4140;border-radius:12px;padding:1rem;margin:.7rem 0;background:#171515}.recipe-card.ready{border-color:#8f9f73}.recipe-head{display:flex;justify-content:space-between;gap:1rem}.recipe-head h3{margin:0}.badge{border:1px solid #6f625e;border-radius:999px;padding:.15rem .55rem;height:max-content}.status{font-size:.9rem;opacity:.8}@media(max-width:720px){.filters{grid-template-columns:1fr}.check{padding:.4rem 0}}