@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Schoolbell&display=swap";:root{--color-primary:#690507;--color-on-primary:#faf8f5;--color-text-strong:#3d331a;--color-text-weak:#7a7059;--color-stroke-strong:#a69a80;--color-stroke-weak:#f0ece4;--color-fill:#faf8f5;--color-background:#fff;--color-pill:#3d331a;--shadow-raised:0 2px 8px #00000012;--shadow-raised-x2:2px 2px 8px #00000012;--shadow-overlay:0 8px 24px #0000001f;--font:"DM Sans", system-ui, sans-serif;--font-heading-1:"Schoolbell", var(--font)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font);color:var(--color-text-strong);background:var(--color-stroke-weak);margin:0;font-size:16px;line-height:24px}#root{min-height:100dvh}h1,h2,h3{margin:0;font-weight:700}h1{font-size:40px;line-height:48px}.heading-1-schoolbell{font-family:var(--font-heading-1);letter-spacing:.2px;font-weight:400}h2{font-size:32px;line-height:40px}h3{font-size:20px;line-height:28px}.text-tiny{color:var(--color-text-weak);font-size:14px;line-height:20px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-canvas{background:var(--color-stroke-weak);max-width:430px;min-height:100dvh;margin:0 auto;position:relative}.card{background:var(--color-background);box-shadow:var(--shadow-raised);border-radius:16px}a.card.recipe-card-link{cursor:pointer}a.card.recipe-card-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tab-row{scrollbar-width:thin;align-items:center;gap:8px;padding-bottom:14px;display:flex;overflow-x:auto}.tab-row::-webkit-scrollbar{height:6px}.sticky-top-nav{padding-top:env(safe-area-inset-top);background:0 0;position:static}.sticky-top-nav-inner{padding:12px 0 0}@supports not (background:color-mix(in srgb, white 50%, transparent)){.sticky-top-nav{background:0 0}}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.macro-preset-row{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;margin-bottom:16px;padding-bottom:14px;display:flex;overflow-x:auto}.macro-preset-row::-webkit-scrollbar{height:6px}.macro-preset-row>*{flex-shrink:0}.input-kcal-no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-kcal-no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-kcal-no-spin{appearance:textfield}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tab-panel-enter{animation:.15s ease-out fadeUp}@keyframes pulse-shimmer{0%,to{opacity:1}50%{opacity:.72}}.generate-loading{animation:1.2s ease-in-out infinite pulse-shimmer}@keyframes stagger-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.recipe-card-animate{animation:.35s ease-out both stagger-in}@keyframes crossfade{0%{opacity:0}to{opacity:1}}.ingredient-swap-in{animation:.2s ease-out crossfade}.macro-range-wrap{--macro-fill:0%;--macro-track-fill:var(--color-primary)}.macro-range{appearance:none;width:100%;height:28px;accent-color:var(--color-primary);background:0 0;margin:0}.macro-range:focus{outline:none}.macro-range:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.macro-range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--macro-track-fill) 0%, var(--macro-track-fill) var(--macro-fill), var(--color-fill) var(--macro-fill), var(--color-fill) 100%);border-radius:999px;height:8px}.macro-range::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;background:var(--color-background);border:2px solid var(--macro-track-fill);width:18px;height:18px;box-shadow:var(--shadow-raised);border-radius:50%;margin-top:-5px}.macro-range:focus::-webkit-slider-thumb{border-color:var(--color-primary)}.macro-range:focus-visible::-webkit-slider-thumb{border-color:var(--color-primary)}.macro-range:active::-webkit-slider-thumb{border-color:var(--color-primary)}.macro-range::-moz-range-track{background:linear-gradient(to right, var(--macro-track-fill) 0%, var(--macro-track-fill) var(--macro-fill), var(--color-fill) var(--macro-fill), var(--color-fill) 100%);border-radius:999px;height:8px}.macro-range::-moz-range-thumb{box-sizing:border-box;background:var(--color-background);border:2px solid var(--macro-track-fill);width:18px;height:18px;box-shadow:var(--shadow-raised);border-radius:50%}.macro-range:focus::-moz-range-thumb{border-color:var(--color-primary)}.macro-range:focus-visible::-moz-range-thumb{border-color:var(--color-primary)}.macro-range:active::-moz-range-thumb{border-color:var(--color-primary)}