*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--pea: #6ba539;--pea-deep: #4a7c2a;--herb: #2f5d2e;--cream: #fbfaf5;--cream-soft: #f3f1e7;--ink: #2a2c26;--ink-soft: #5e6157;--line: #e7e4d6;--accent: #cfe3a8;--bowl-rim: #e9e5d6;--bowl-inner: #f5f2e6;--bowl-base: #fbfaf3;--leaf-1: #b7d98a;--leaf-2: #a6cf76;--pea-1: #6ba539;--pea-2: #84bd4c;--pea-3: #57902b;--pea-shine: rgba(255, 255, 255, .55);--lemon: #ecc94b;--lemon-flesh: #f6e08a;--mint: #4f9b4a;--mint-2: #6cb35f;--bg: var(--cream);--surface: #ffffff;--text: var(--ink);--text-soft: var(--ink-soft)}@media(prefers-color-scheme:dark){:root{--cream: #14160f;--cream-soft: #1c1f16;--line: #2c2f23;--accent: #3a4a23;--bg: #101209;--surface: #1a1d13;--text: #ecefe2;--text-soft: #aab09b;--pea: #9ccc5f;--pea-deep: #7fb143;--herb: #bcd99a;--bowl-rim: #2a2e1f;--bowl-inner: #20241a;--bowl-base: #191c12;--leaf-1: #4a6b2c;--leaf-2: #557b32}}*{box-sizing:border-box}body{min-height:100dvh;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}#app{max-width:none;margin:0;padding:0}.site{min-height:100dvh}.salad{--content: 760px;width:100%}.section{width:min(var(--content),calc(100% - 3rem));margin-inline:auto;padding-block:clamp(2.5rem,6vw,4.5rem);border-top:1px solid var(--line)}.section-head{margin-bottom:1.75rem}.eyebrow{margin:0 0 .4rem;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--pea-deep);font-weight:600}h1,h2{margin:0;letter-spacing:-.015em;color:var(--text)}h2{font-size:clamp(1.6rem,4vw,2.1rem);font-weight:650}.hero{display:grid;gap:clamp(1.5rem,4vw,3rem);align-items:center;width:min(1100px,calc(100% - 3rem));margin-inline:auto;padding-block:clamp(2.5rem,6vw,4.5rem)}@media(min-width:760px){.hero{grid-template-columns:1fr 1fr}}.hero-art-wrap{display:flex;justify-content:center;background:radial-gradient(circle at 50% 42%,var(--accent) 0%,var(--cream-soft) 62%,transparent 100%);border-radius:50%;padding:clamp(.5rem,3vw,1.5rem)}.hero-art{width:100%;max-width:420px;height:auto;filter:drop-shadow(0 18px 30px rgba(58,74,35,.18))}.hero-copy h1{font-size:clamp(2.4rem,7vw,3.6rem);font-weight:700;line-height:1.05;margin-bottom:1rem}.tagline{font-size:clamp(1.05rem,2.4vw,1.25rem);color:var(--text-soft);margin:0 0 1.4rem;max-width:38ch}.charm{display:inline-block;margin:0;font-style:italic;font-size:1.05rem;color:var(--pea-deep);padding:.45rem .9rem;background:var(--cream-soft);border-radius:999px}.ingredients{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.ingredient{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.7rem .9rem;border-radius:12px;transition:background-color .25s ease,transform .25s ease}.ingredient:hover{background:var(--cream-soft);transform:translate(3px)}.ingredient-name{font-weight:500}.ingredient.is-hero{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 55%,transparent),transparent)}.ingredient.is-hero .ingredient-name{font-weight:650;color:var(--herb)}.key-tag{display:inline-block;margin-left:.6rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--surface);background:var(--pea);padding:.18rem .5rem;border-radius:999px;vertical-align:middle}.ingredient-amount{color:var(--text-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.steps{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem;counter-reset:step}.step{display:grid;grid-template-columns:auto 1fr;gap:1.1rem;align-items:start}.step p{margin:0;color:var(--text);padding-top:.3rem}.step-number{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--surface);border:2px solid var(--pea);color:var(--pea-deep);font-weight:700;font-variant-numeric:tabular-nums}.prose{margin:0;font-size:1.05rem;color:var(--text);max-width:62ch}.notes{background:var(--cream-soft);border-radius:18px;border-top:1px solid var(--line);padding-inline:clamp(1.25rem,4vw,2.25rem);margin-block:1rem}.tips{margin:0;padding-left:1.1rem;display:grid;gap:.7rem;color:var(--text)}.tips li{padding-left:.3rem}.tips li::marker{color:var(--pea)}.salad-footer{text-align:center;padding:2.5rem 1.5rem 3.5rem;color:var(--text-soft);font-size:.9rem;letter-spacing:.02em}.empty-state{min-height:100dvh;display:grid;place-content:center;justify-items:center;text-align:center;gap:.6rem;padding:2rem}.empty-state h1{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:700}.empty-state p{margin:0;color:var(--text-soft);max-width:36ch}.empty-link{margin-top:1rem;color:var(--pea-deep);font-weight:600;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px;transition:border-color .25s ease,color .25s ease}.empty-link:hover{color:var(--pea);border-color:var(--pea)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}