:root{--bg:#fbf8f3;--card:#fff;--ink:#22201c;--muted:#6f6a61;--line:#e8e1d6;--brand:#2f5a1c;--brand2:#6f8f25;--chip:#eef0e2;--r:14px}
@media (prefers-color-scheme:dark){.btn,.hero-search button,.steps li::before{color:#16210f!important}:root{--bg:#181715;--card:#22211e;--ink:#f1ede6;--muted:#a59f94;--line:#35322d;--brand:#9cc46a;--brand2:#b5cf6a;--chip:#2a2d22}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif}
a{color:var(--brand)}img{max-width:100%;display:block}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
h1,h2,h3{line-height:1.25;font-family:Georgia,"Noto Serif",serif}h1{font-size:2rem;margin:.6em 0 .3em}h2{margin:1.6em 0 .6em}
.muted{color:var(--muted)}.small{font-size:.85rem}
.top{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.top-in{display:flex;align-items:center;gap:16px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}
.logo{display:flex;align-items:center;text-decoration:none}.logo img{height:58px;width:auto}
.hero-logo{width:min(200px,55vw);height:auto;margin:0 auto}.hero h1{line-height:0}.foot-logo{height:64px;width:auto}
@media (prefers-color-scheme:dark){.logo img,.hero-logo,.foot-logo{background:#fbf8f3;border-radius:12px;padding:4px 8px}}
@media (max-width:760px){.logo img{height:46px}}
.search{flex:1;min-width:180px}.search input,.hero-search input{width:100%;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--ink);font:inherit}
.top-nav{display:flex;gap:14px;align-items:center}.top-nav a{text-decoration:none;color:var(--ink);font-size:.95rem}.top-nav .lang{border:1px solid var(--line);padding:2px 9px;border-radius:8px;font-weight:600}
.cats{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.cats a{white-space:nowrap;text-decoration:none;color:var(--ink);background:var(--chip);padding:4px 11px;border-radius:999px;font-size:.88rem}
.hero{text-align:center;padding:18px 0 4px}.hero h1{font-size:2.4rem;margin:0}.hero p{color:var(--muted)}
.hero-search{display:flex;gap:8px;max-width:560px;margin:14px auto}.hero-search button,.btn{background:var(--brand);color:#fff;border:0;border-radius:999px;padding:9px 20px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}
.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--brand)}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.cat-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:2px}.cat-tile .ic{font-size:1.7rem}.cat-tile small{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .15s}.card:hover{transform:translateY(-2px)}
.card-img{aspect-ratio:16/10;background:var(--chip);display:grid;place-items:center;overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover}.card-img span{font-size:3.4rem}
.ph{background:linear-gradient(135deg,#f6e7d3,#e9d4b8)}@media (prefers-color-scheme:dark){.ph{background:linear-gradient(135deg,#3a3127,#2b251e)}}
.ph-salads,.ph-vegetables{background:linear-gradient(135deg,#dff0d6,#bfe0b0)}.ph-fish-seafood,.ph-drinks{background:linear-gradient(135deg,#d6ebf0,#b3d7e0)}.ph-desserts,.ph-cakes{background:linear-gradient(135deg,#f6dbe3,#ecc1cf)}
.card-body{padding:12px 14px 14px}.card-body h3{font-size:1.08rem;margin:0 0 6px}.card-body p{margin:0 0 8px;color:var(--muted);font-size:.9rem}
.meta{display:flex;gap:12px;font-size:.82rem;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.chip{background:var(--chip);padding:4px 12px;border-radius:999px;text-decoration:none;color:var(--ink);font-size:.9rem}.chip small{color:var(--muted)}
.tag-group{padding-bottom:10px;border-bottom:1px solid var(--line)}
.more{text-align:center;margin:20px 0}.pager{display:flex;justify-content:center;gap:18px;margin:26px 0;align-items:center}
.recipe{max-width:900px;margin:0 auto}.crumbs{font-size:.88rem;color:var(--muted);margin-top:14px}.lead{font-size:1.15rem;color:var(--muted)}
.hero-img img{border-radius:var(--r);width:100%;max-height:520px;object-fit:cover}.hero-img{margin:0 0 16px}
.facts{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:16px 0}.facts li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 14px;display:flex;flex-direction:column;font-weight:600}.facts small{font-weight:400;color:var(--muted);font-size:.78rem}
.recipe-cols{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px;margin-top:10px}
@media (max-width:760px){.recipe-cols{grid-template-columns:1fr}h1{font-size:1.65rem}.top-nav{width:100%;justify-content:flex-end}}
.ingredients{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:4px 18px 14px;align-self:start}
.ing-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ing-head h2{margin:.7em 0 .4em}
.unit-switch select{padding:5px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;font-size:.85rem;max-width:100%}
.scaler{display:flex;align-items:center;gap:8px;margin:4px 0 8px;font-size:.92rem}.scaler button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:1.1rem;cursor:pointer}.scaler output{min-width:24px;text-align:center;font-weight:700}
.ing-list{list-style:none;padding:0;margin:0}.ing-list li{padding:7px 0;border-bottom:1px dashed var(--line)}.ing-list label{display:flex;gap:6px;flex-wrap:wrap;cursor:pointer}
.ing-list input:checked~span{text-decoration:line-through;opacity:.55}.amt{font-weight:700;color:var(--brand2)}.note{color:var(--muted)}.ing-group{font-size:1rem;margin:14px 0 2px}
.steps{padding-left:0;list-style:none;counter-reset:s}.steps li{counter-increment:s;position:relative;padding:0 0 16px 46px}.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.9rem}
.tips{background:var(--chip);border-radius:var(--r);padding:4px 18px}.ok{background:#d9f0dc;color:#174d22;padding:10px 14px;border-radius:10px}
.settings-form fieldset{border:1px solid var(--line);border-radius:var(--r);margin:0 0 16px;padding:12px 18px;background:var(--card)}.radio{display:block;padding:5px 0}
.msg{text-align:center;padding:60px 0}
.foot{border-top:1px solid var(--line);margin-top:50px;padding:18px 0;font-size:.9rem;background:var(--card)}
@media print{.top,.foot,.unit-switch,.scaler,.actions,.chips,.grid,.crumbs,h2+.grid{display:none!important}.recipe-cols{grid-template-columns:1fr 1.4fr}body{background:#fff;color:#000}}