*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#f7f3ed;color:#302a25;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid #e6ddd3}.top-inner{max-width:1050px;margin:auto;padding:12px 18px;display:flex;justify-content:space-between;align-items:center}.brand{border:0;background:none;font-family:Georgia,serif;font-size:1.25rem;font-weight:700;color:#4d382a;cursor:pointer}.icon-btn{border:0;background:#f0e8df;border-radius:12px;width:42px;height:38px;font-size:1.3rem;color:#4d382a;cursor:pointer}main{max-width:1050px;margin:auto;padding:22px 18px 60px}.hero{background:#fff;border:1px solid #e7ded5;border-radius:24px;padding:28px 22px;margin-bottom:30px}.hero h1{font:700 clamp(2rem,7vw,3.3rem)/1.05 Georgia,serif;margin:0 0 8px;color:#493326}.hero p{margin:0 0 22px;color:#74695f}.search{display:flex;align-items:center;gap:10px;background:#f7f3ed;border:1px solid #ddd2c7;border-radius:15px;padding:0 14px}.search span{font-size:1.45rem;color:#75675c}.search input{width:100%;border:0;background:transparent;padding:15px 0;font-size:1rem;outline:0}h1,h2{font-family:Georgia,serif}h2{font-size:1.45rem;margin:22px 0 13px}.categories{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category{border:1px solid #dfd5ca;background:#fff;border-radius:17px;padding:19px 16px;text-align:left;font:700 1rem system-ui;color:#352c26;cursor:pointer;min-height:78px}.category small{display:block;color:#8a7c70;font-weight:400;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.card{border:1px solid #e2d9d0;background:#fff;border-radius:15px;padding:16px;text-align:left;cursor:pointer;color:#302a25}.card:hover,.category:hover{box-shadow:0 5px 20px rgba(70,50,35,.08)}.card-title{font-weight:700;font-size:1.02rem}.card-meta{color:#8a7c70;font-size:.86rem;margin-top:4px}.back{border:0;background:none;padding:6px 0;color:#66574b;font-weight:700;font-size:1rem;cursor:pointer}.recipe{background:#fff;border:1px solid #e2d9d0;border-radius:21px;padding:24px}.recipe-cat{color:#8a7c70;font-size:.9rem}.recipe h1{font-size:clamp(2rem,7vw,3rem);margin:5px 0 28px}.columns{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:35px}.recipe h2{border-bottom:1px solid #e6ddd4;padding-bottom:9px}.recipe ul{padding-left:22px}.recipe li{margin:9px 0}.prep{white-space:pre-line;font:1.06rem/1.75 Georgia,serif}.error{margin-top:20px;padding:16px;border-radius:14px;background:#fff;border:1px solid #d7b9b9;color:#793737}.hidden{display:none!important}.empty{padding:20px 0;color:#81756b}@media(max-width:650px){main{padding:16px 12px 45px}.hero{padding:23px 17px;border-radius:19px}.categories,.cards{grid-template-columns:1fr}.recipe{padding:18px 16px;border-radius:17px}.columns{grid-template-columns:1fr;gap:12px}.recipe h1{margin-bottom:20px}.top-inner{padding-left:12px;padding-right:12px}}