:root{--ivory:#f8f2e8;--paper:#fffaf3;--brown:#4b2c23;--brown2:#6c4032;--gold:#c9a56b;--muted:#8d776d;--ok:#2f6b50;--danger:#9f3b34;--line:#e9dccb}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--ivory);color:var(--brown)}a{color:inherit;text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:0 20px}.nav{position:sticky;top:0;z-index:20;background:rgba(255,250,243,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.navin{height:76px;display:flex;align-items:center;gap:28px}.brand img{height:58px;width:auto}.links{margin-left:auto;display:flex;gap:22px;align-items:center}.btn{display:inline-flex;border:0;border-radius:999px;padding:12px 19px;background:var(--brown);color:white;font-weight:750;cursor:pointer}.btn.alt{background:var(--gold);color:#2e1b16}.btn.ghost{background:white;color:var(--brown);border:1px solid var(--line)}.hero{padding:72px 0 42px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero h1{font-family:Georgia,serif;font-size:clamp(44px,7vw,86px);line-height:.95;margin:0 0 18px}.hero p{font-size:19px;line-height:1.6;color:var(--muted)}.hero-card{background:linear-gradient(145deg,#ead8bf,#fff9ef);border-radius:34px;padding:28px;min-height:420px;display:flex;align-items:center;justify-content:center}.hero-card img{max-width:74%;filter:drop-shadow(0 20px 28px #5b3a2733)}.section{padding:42px 0}.section h2{font-family:Georgia,serif;font-size:42px;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 8px 24px #4b2c2309}.price{font-weight:850;font-size:22px}.pill{display:inline-flex;padding:7px 11px;border-radius:999px;background:#efe2d3;font-size:13px;font-weight:700}.muted{color:var(--muted)}.app{min-height:100vh;background:#f4eee7}.appbar{background:var(--brown);color:white;padding:16px 18px;position:sticky;top:0;z-index:20}.appbarin{max-width:1100px;margin:auto;display:flex;align-items:center;gap:14px}.appbar img{height:40px}.appmain{max-width:1100px;margin:auto;padding:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:white;border-radius:18px;padding:18px}.stat b{font-size:30px;display:block}.table{width:100%;border-collapse:collapse;background:white;border-radius:18px;overflow:hidden}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid #eee}.stockrow{display:grid;grid-template-columns:1fr 120px 110px;gap:10px;align-items:center;padding:12px;background:white;border-radius:16px;margin-bottom:10px}.input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:white}.alert{padding:12px 15px;border-radius:12px;background:#e7f4ec;color:var(--ok);margin-bottom:14px}.danger{color:var(--danger)}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.loginbox{width:min(460px,100%);background:white;border:1px solid var(--line);border-radius:26px;padding:28px}.pwd{position:relative}.pwd button{position:absolute;right:8px;top:8px;border:0;background:transparent;padding:7px;cursor:pointer}.mobile-nav{display:none}.update{border-left:5px solid var(--gold)}
@media(max-width:760px){.links{display:none}.hero{grid-template-columns:1fr;padding-top:38px}.hero-card{min-height:280px}.grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.appmain{padding:14px}.stockrow{grid-template-columns:1fr 88px 92px}.tablewrap{overflow:auto}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);padding:8px 10px;justify-content:space-around;z-index:30}.mobile-nav a{font-size:12px;font-weight:700;padding:8px}.appmain{padding-bottom:80px}}
.recipe-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.recipe-head h1{font-family:Georgia,serif;font-size:42px;margin:6px 0}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recipe-card{display:block;background:white;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 8px 24px #4b2c2309}.recipe-card:hover{transform:translateY(-2px)}.recipe-card-top,.recipe-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.recipe-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:850;letter-spacing:.02em}.recipe-status.draft{background:#fff1cf;color:#75520d}.recipe-status.validated{background:#e4f4e9;color:#285d42}.recipe-scale{margin-bottom:18px}.scale-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recipe-two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.ingredient-row{display:grid;grid-template-columns:1fr auto;gap:4px 14px;padding:10px 0;border-bottom:1px solid #eee}.ingredient-row small{grid-column:1/-1}.steps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.step-card{position:relative;background:white;border:1px solid var(--line);border-radius:20px;padding:18px 18px 18px 72px;min-height:150px}.step-illustration{position:absolute;left:16px;top:18px;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f4e7d7;font-size:24px}.step-number{position:absolute;right:14px;top:12px;font-size:12px;font-weight:900;color:var(--gold)}.step-card h3{margin-top:0}.recipe-editor{margin-top:28px}.recipe-editor summary{cursor:pointer}.recipe-editor form{margin-top:18px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.form-grid label,.recipe-editor>form>label{display:grid;gap:6px;font-weight:700}.recipe-editor textarea{min-height:84px}.edit-row{display:grid;grid-template-columns:2fr 110px 80px 2fr;gap:8px;margin-bottom:8px}.step-edit{display:grid;grid-template-columns:1fr 2fr 130px 90px 90px;gap:8px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}
@media(max-width:900px){.recipe-grid{grid-template-columns:repeat(2,1fr)}.recipe-two-col{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.step-edit{grid-template-columns:1fr 1fr}.edit-row{grid-template-columns:1fr 100px 75px}}
@media(max-width:760px){.recipe-grid,.steps-grid{grid-template-columns:1fr}.recipe-head h1{font-size:34px}.form-grid{grid-template-columns:1fr}.edit-row,.step-edit{grid-template-columns:1fr}.step-card{padding-left:68px}.recipe-two-col{display:block}.recipe-two-col .card{margin-bottom:12px}}