:root{--bg: #f7f4ee;--surface: #ffffff;--text: #262220;--text-muted: #726b63;--border: #e4dfd3;--accent: #4b6043;--accent-dark: #384a34;--accent-soft: #e7ede4;--spice: #c15b3c;--spice-soft: #f5e2da;--error: #a3402d;--error-soft: #f6e3de;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit}.app{max-width:760px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.app__header{margin-bottom:2rem}.app__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,5vw,2.75rem);margin:0 0 .4rem;letter-spacing:-.01em}.app__subtitle{color:var(--text-muted);margin:0;font-size:1.05rem;max-width:46ch}.app__result{margin-top:1.75rem}.ingredient-form{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.ingredient-form__label{display:block;font-weight:600;margin-bottom:.5rem}.ingredient-form__textarea{width:100%;resize:vertical;min-height:5.5rem;font-family:inherit;font-size:.98rem;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text)}.ingredient-form__textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ingredient-form__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.75rem;flex-wrap:wrap}.ingredient-form__hint{color:var(--text-muted);font-size:.85rem}.button{border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.button:active{transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.6}.button--primary{background:var(--accent);color:#fff}.button--primary:not(:disabled):hover{background:var(--accent-dark)}.button--secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.button--secondary:not(:disabled):hover{background:var(--bg)}.link-button{background:none;border:none;color:var(--accent-dark);font-size:.85rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline}.status-state{border:1px dashed var(--border);border-radius:10px;padding:2rem 1.5rem;text-align:center;color:var(--text-muted)}.status-state__title{font-family:var(--font-display);font-size:1.2rem;color:var(--text);margin:0 0 .4rem}.status-state--error{border-color:var(--error-soft);background:var(--error-soft);color:var(--error)}.status-state--error .status-state__title{color:var(--error)}.status-state--error .button{margin-top:.75rem}.status-state__spinner{width:28px;height:28px;margin:0 auto .75rem;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@media (prefers-reduced-motion: reduce){.status-state__spinner{animation-duration:2s}}@keyframes spin{to{transform:rotate(360deg)}}.recipe{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.5rem}.recipe__title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);margin:0 0 .4rem}.recipe__description{color:var(--text-muted);margin:0 0 .9rem}.recipe__meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-bottom:1.1rem;border-bottom:1px solid var(--border);margin-bottom:1.25rem}.recipe__meta-item{font-size:.88rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.25rem .75rem}.recipe__body{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 640px){.recipe__body{grid-template-columns:1fr 1.3fr}}.section-heading{font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0 0 .85rem}.servings-scaler{display:flex;align-items:center;gap:.5rem;margin-left:auto}.servings-scaler__label{font-size:.88rem;color:var(--text-muted)}.servings-scaler__control{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.15rem .4rem}.servings-scaler__button{width:24px;height:24px;border-radius:50%;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-size:1rem;line-height:1;display:flex;align-items:center;justify-content:center}.servings-scaler__button:disabled{opacity:.4;cursor:not-allowed}.servings-scaler__value{min-width:1.4rem;text-align:center;font-weight:600}.ingredient-list{list-style:none;margin:0;padding:0}.ingredient-list__item{padding:.55rem 0;border-bottom:1px solid var(--border)}.ingredient-list__item:last-child{border-bottom:none}.ingredient-list__row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.ingredient-list__amount{font-variant-numeric:tabular-nums;font-weight:600;color:var(--accent-dark);min-width:3.5rem}.ingredient-list__name{flex:1}.ingredient-list__swap-toggle{background:none;border:none;color:var(--spice);font-size:.82rem;font-weight:600;cursor:pointer;padding:0}.ingredient-list__swaps{margin-top:.5rem;display:flex;gap:.4rem;flex-wrap:wrap}.chip{background:var(--spice-soft);color:var(--spice);border-radius:999px;padding:.2rem .65rem;font-size:.82rem}.step-checklist__header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.step-checklist__progress{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--text-muted)}.step-checklist__list{list-style:none;margin:0;padding:0;counter-reset:none}.step-checklist__item+.step-checklist__item{margin-top:.6rem}.step-checklist__label{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer;padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg)}.step-checklist__label input{margin-top:.2rem;accent-color:var(--accent);width:1rem;height:1rem;flex-shrink:0}.step-checklist__number{font-weight:600;color:var(--text-muted);min-width:1.2rem}.step-checklist__text{flex:1}.step-checklist__label--done{background:var(--accent-soft);border-color:var(--accent)}.step-checklist__label--done .step-checklist__text{color:var(--text-muted);text-decoration:line-through}