:root{
  --bg:#16110d;--panel:#211a14;--panel2:#2a2119;--line:#493b2f;--text:#f4eadc;--muted:#bba993;
  --accent:#f29a2e;--accent2:#ffbe62;--good:#9fc77d;--warn:#dfb66d;--bad:#d98576;--shadow:0 12px 35px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at top,#2b2118 0,#16110d 42rem);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:980px;margin:auto;padding:16px 14px 36px}.hero{display:flex;align-items:center;gap:14px;padding:8px 4px 14px}.avatar{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 7px 12px rgba(0,0,0,.35))}.heroText{min-width:0}.hero h1{margin:0;font-size:clamp(2rem,8vw,3.25rem);line-height:.95;letter-spacing:-.04em}.hero p{margin:7px 0 0;color:var(--accent2);font-style:italic}.hero .ghost{margin-left:auto}.card{background:rgba(33,26,20,.92);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);margin:10px 0}.intro{display:flex;flex-direction:column;gap:3px}.intro strong{font-size:1.08rem}.intro span{color:var(--muted)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:flex;flex-direction:column;gap:6px}.field>span,h2{font-size:.92rem;color:var(--accent2);font-weight:650}.field small{color:var(--muted);font-weight:400}textarea,input{width:100%;border:1px solid var(--line);background:#120f0c;color:var(--text);border-radius:12px;padding:12px;font:inherit;outline:none}textarea:focus,input:focus{border-color:var(--accent)}textarea{min-height:150px;resize:vertical}.card input[type=text]{min-height:44px}.row{display:flex;align-items:center;gap:12px}.wrap{flex-wrap:wrap}.basics{margin-top:12px}.basics label,.tools label{display:flex;align-items:center;gap:6px}.muted{color:var(--muted);font-size:.88rem}.card h2{margin:0 0 10px}.tools{display:flex;gap:10px 16px;flex-wrap:wrap}.modebar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.mode,.ghost,.primary,.recipe button{border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--text);padding:11px 13px;font:inherit;font-weight:650;cursor:pointer}.mode.active{background:var(--accent);color:#26170a;border-color:var(--accent)}.primary{background:var(--accent);color:#26170a;border-color:var(--accent);font-weight:800}.ghost{background:transparent}.actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.actions .primary{min-width:180px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.chip{font-size:.82rem;border:1px solid var(--line);background:#261e17;color:#dbc6ab;border-radius:999px;padding:5px 9px}.results{display:grid;gap:12px}.empty{padding:28px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:16px}.sectionTitle{margin:14px 0 0;font-size:1.1rem;color:var(--accent2)}.recipe{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.recipe.experiment{border-style:dashed;border-color:#8d6a3b}.recipeHead{display:flex;align-items:flex-start;gap:10px;justify-content:space-between}.recipe h3{margin:0;font-size:1.12rem}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.badge{font-size:.75rem;padding:4px 7px;border-radius:999px;background:#34291f;color:#decab1}.badge.good{background:#20301d;color:#c9e3b3}.badge.warn{background:#3c2e1a;color:#f1cf90}.badge.exp{background:#3b2819;color:#ffd094}.missing{margin:9px 0 0;color:#efc88a}.used{margin:9px 0 0;color:#c6d9ae}.recipe details{margin-top:10px;border-top:1px solid #3a2f26;padding-top:9px}.recipe summary{cursor:pointer;color:var(--accent2);font-weight:650}.recipe ol{padding-left:1.3rem}.recipe li{margin:.48rem 0;line-height:1.42}.ingredientsLine{color:var(--muted);font-size:.9rem;margin-top:8px}.recipe .share{padding:7px 9px;font-size:.82rem;background:transparent}.safety{color:#968673;font-size:.78rem;line-height:1.45;margin:18px 4px}footer{display:flex;justify-content:flex-end;margin-top:16px}footer a{display:flex;align-items:center;gap:7px;color:#d8c7b2;text-decoration:none;font-weight:650}footer img{width:42px;height:42px;object-fit:contain}.hidden{display:none!important}
@media(max-width:700px){.grid2{grid-template-columns:1fr}.modebar{grid-template-columns:1fr 1fr}.hero{align-items:flex-start}.avatar{width:74px;height:74px}.hero .ghost{position:absolute;right:14px;top:14px;font-size:.8rem;padding:7px 9px}.actions{display:grid;grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1}.recipeHead{gap:6px}.recipe .share{white-space:nowrap}}