:root{--bg:#f7f1e7;--card:#fffdf9;--green:#174f3d;--green2:#246b52;--muted:#68766f;--line:#e5ddd0;--orange:#f39a2e;--soft:#e7f1eb;--shadow:0 12px 32px rgba(30,70,53,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#254b3d}.wrap{width:min(1160px,calc(100% - 28px));margin:auto}header{position:sticky;top:0;z-index:20;background:rgba(247,241,231,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav{height:72px;display:flex;align-items:center;gap:8px}.brand{font-weight:850;color:var(--green);font-size:19px;margin-right:auto;border:0;background:transparent;cursor:pointer}.brand span{color:#82948b;font-weight:550}.navbtn,.icon{border:0;background:transparent;color:#5f7169;padding:10px 12px;border-radius:10px}.navbtn:hover,.icon:hover{background:#ede7dc}.hero{position:relative;isolation:isolate;overflow:hidden;border-radius:28px;margin-top:28px;padding:72px 46px 42px;min-height:560px;box-shadow:var(--shadow);background:#244e3f}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{z-index:-3;background-position:center;background-size:cover;opacity:0;transition:opacity 1.4s ease}.hero-shade{z-index:-2;background:linear-gradient(90deg,rgba(14,49,38,.88) 0%,rgba(14,49,38,.72) 45%,rgba(14,49,38,.32) 100%)}.hero-content{position:relative;z-index:1}.eyebrow{display:inline-block;padding:8px 12px;border-radius:999px;background:rgba(238,246,240,.94);color:var(--green);font-weight:750;font-size:13px}.hero h1{font-family:Georgia,serif;font-size:72px;line-height:.94;letter-spacing:-3px;color:#fff;margin:24px 0 18px;text-shadow:0 2px 20px rgba(0,0,0,.18)}.hero>p,.hero-content>p{max-width:660px;font-size:18px;line-height:1.65;color:rgba(255,255,255,.9)}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.action,.panel,.card,.result{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.hero .action{background:rgba(255,253,249,.95);backdrop-filter:blur(5px)}.action{padding:24px}.action .emoji{font-size:30px}.action h3{color:var(--green);margin:12px 0 8px}.action p{color:var(--muted);line-height:1.55;min-height:50px}.btn{border:0;border-radius:13px;padding:12px 16px;font-weight:750;background:var(--green);color:white;cursor:pointer}.btn:hover{filter:brightness(.96)}.btn.orange{background:var(--orange)}.btn.light{background:white;color:var(--green);border:1px solid var(--line)}.btn:disabled{opacity:.6;cursor:not-allowed}section{margin:34px 0 58px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:12px}.sectionhead h2,.pageh{font-family:Georgia,serif;font-size:40px;color:var(--green);margin:0 0 8px}.sub{color:var(--muted);line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.card{overflow:hidden;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none;color:inherit;display:block}.card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(30,70,53,.1)}.ph{height:190px;display:grid;place-items:center;font-size:58px;background:linear-gradient(135deg,#e3eee7,#f5e9d6);overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover;display:block}.body{padding:17px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:var(--soft);color:var(--green);font-size:11px;font-weight:800}.body h3{margin:10px 0;color:var(--green)}.meta{display:flex;gap:12px;flex-wrap:wrap;color:#74827b;font-size:12px}.panel{padding:24px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}input,textarea,select{width:100%;padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;font:inherit;color:#315447}textarea{min-height:125px;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #dfece4;border-color:#b9d0c2}.searchrow{display:grid;grid-template-columns:1fr 220px;gap:10px}.chips,.categorychips{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.chips{max-height:360px;overflow:auto;padding-right:6px}.chip{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 12px;color:#5e7067;cursor:pointer}.chip.on{background:var(--soft);color:var(--green);border-color:#9fc8b0;font-weight:750}.ingredient-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.ingredient-section>strong{display:block;color:var(--green);margin-bottom:4px}.selected-summary{margin-top:14px;color:var(--muted);font-size:13px}.matchbadge{display:inline-block;margin:8px 0 10px;padding:6px 10px;border-radius:999px;background:#fff4df;color:#81581f;font-size:12px;font-weight:800}.matchbadge.strong{background:#e7f1eb;color:var(--green)}.match-head{margin-top:24px}.match-head h3{margin-bottom:4px;color:var(--green)}.match-result{margin-top:14px}.detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px}.detail>.ph{height:420px;border-radius:20px}.detail h2{font-family:Georgia,serif;font-size:46px;line-height:1;color:var(--green);margin:10px 0}.cols{display:grid;grid-template-columns:1fr 1fr;gap:22px}.list{line-height:1.65;color:#53665e}.list li{margin:8px 0}.ingredient-list{list-style:none;padding:0}.ingredient-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding:8px 0}.nutrition{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.nutrition div{background:#eef6f0;border-radius:14px;padding:13px;text-align:center}.nutrition strong{display:block;color:var(--green);font-size:18px}.nutrition span{font-size:12px;color:var(--muted)}.loading{text-align:center;padding:80px 0;color:var(--muted)}.notice{padding:12px 14px;border:1px solid #d2e4da;background:#eef6f0;border-radius:12px;color:#496459;margin:12px 0}.error{background:#fff2e4;border-color:#f1d0a7;color:#7a5024}.success{text-align:center;padding:50px 24px}.success .check{font-size:54px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:13px;font-weight:750;margin:0 0 7px;color:#456256}.field{margin-bottom:16px}.footer{border-top:1px solid var(--line);padding:28px 0 36px;color:#718079}.hidden{display:none!important}.empty{padding:35px;text-align:center;color:var(--muted)}.count{font-size:13px;color:#7a8a82}.share-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#153f33;color:#fff;padding:11px 16px;border-radius:12px;transition:.2s;z-index:99}.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:850px){.hero{padding:56px 30px 34px;min-height:520px}.hero h1{font-size:56px}.actions,.grid{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.detail>.ph{height:340px}}@media(max-width:620px){.hero{padding:40px 18px 24px;margin-top:16px;border-radius:22px}.hero h1{font-size:48px}.hero-content>p{font-size:16px}.hero-shade{background:linear-gradient(180deg,rgba(14,49,38,.76),rgba(14,49,38,.68))}.actions,.grid,.cols,.formgrid,.nutrition{grid-template-columns:1fr}.navbtn{display:none}.searchrow{grid-template-columns:1fr}.detail>.ph{height:250px}.detail h2{font-size:38px}.sectionhead{align-items:start;flex-direction:column}}
.seo-intro{max-width:860px;margin:56px auto}.seo-intro h2{font-family:Georgia,serif;font-size:34px;color:var(--green);margin:0 0 14px}.seo-intro p{color:var(--muted);font-size:16px;line-height:1.8;margin:10px 0}