:root{--color-brand-primary:#c03e2f;--color-brand-primaryHover:#a7362a;--color-brand-primaryPressed:#862b22;--color-brand-primaryLight:#e4b0a8;--color-role-background:#f1ecda;--color-role-surface:#fff;--color-role-surfaceAlt:#fff9f1;--color-role-border:#d5d7da;--color-role-borderAlt:#e6e0cf;--color-role-disabled:#f2f4f5;--color-role-shadow:rgba(0,0,0,.08);--color-text-primary:#222221;--color-text-secondary:#5e5a54;--color-text-muted:#8f949b;--color-text-inverse:#f9fafa;--color-text-placeholder:#d5d7da;--color-text-disabled:#e5e7e9;--color-accent-bloodLight:#8c6060;--color-accent-lemonZest:#f6c431;--color-accent-olive:#6f7b53;--color-accent-success:#6b9e63;--color-accent-warning:#e8a03a;--color-accent-error:#c84c4c;--color-accent-info:#5b7ea6;--color-neutrals-gray50:#f9fafa;--color-neutrals-gray100:#f2f4f5;--color-neutrals-gray150:#eceeef;--color-neutrals-gray200:#e5e7e9;--color-neutrals-gray300:#d5d7da;--color-neutrals-gray400:#c4c7cb;--color-neutrals-gray500:#a9adb3;--color-neutrals-gray600:#8f949b;--color-neutrals-gray700:#737980;--color-neutrals-gray800:#52575e;--color-neutrals-gray900:#32363b;--color-neutrals-gray950:#181a1d;--size-padding-P25:4px;--size-padding-P50:8px;--size-padding-P100:16px;--size-padding-P150:24px;--size-padding-P200:32px;--size-padding-P400:64px;--size-radius-R25:4px;--size-radius-R50:8px;--size-radius-R100:16px;--size-radius-R150:24px;--size-radius-R200:32px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:20px;color-scheme:light;background:var(--color-role-background);color:var(--color-text-primary);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body,html{height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;position:fixed;width:100%}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available;height:-webkit-fill-available}}*{box-sizing:border-box}.calculator-app{position:relative;height:100dvh;max-width:600px;margin:0 auto;background:var(--color-accent-blood-light,#8c6060);overflow:hidden;overscroll-behavior:none;touch-action:pan-y pinch-zoom;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}@supports (-webkit-touch-callout:none){.calculator-app{height:-webkit-fill-available;min-height:-webkit-fill-available}}.header{position:absolute;top:0;left:0;right:0;height:120px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:var(--padding-p150,24px) var(--padding-p100,16px);gap:var(--padding-p50,8px);z-index:10;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:1}.header-background{position:absolute;inset:0;background-image:url(/header-bg.svg);background-size:cover;background-position:50%}.header-overlay{position:absolute;inset:0;background:rgba(140,96,96,.94)}.header-title{position:relative;font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:var(--color-text-inverse,#f9fafa);margin:0;z-index:1}.main-content-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;overflow-y:scroll;overflow-x:visible;z-index:20;padding-top:120px;scrollbar-width:none;-ms-overflow-style:none}.main-content-wrapper::-webkit-scrollbar{display:none}.main-content{background:var(--color-role-surface,#fff);border:2px solid var(--color-role-border,#d5d7da);border-bottom:none;border-radius:var(--radious-r100,16px) var(--radious-r100,16px) 0 0;min-height:calc(100vh - 120px);padding-bottom:170px}.calculator-form,.main-content{display:flex;flex-direction:column}.calculator-form{padding:var(--padding-p200,32px) var(--padding-p100,16px);gap:var(--padding-p100,16px)}.input-group{display:flex;flex-direction:column;gap:var(--padding-p50,8px);width:100%}.input-group label{font-weight:600;font-size:14px}.input-group input,.input-group label,.input-group select{font-family:Inter,sans-serif;color:var(--color-text-primary,#222221)}.input-group input,.input-group select{height:48px;padding:var(--padding-p100,16px);border:2px solid var(--color-role-border,#d5d7da);border-radius:var(--radious-r50,8px);background:var(--color-role-surface,#fff);font-weight:500;font-size:16px}.input-group input:focus,.input-group select:focus{outline:none;border-color:var(--color-brand-primary,#c03e2f)}.cta-area{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;height:170px;padding:var(--padding-p100,16px);padding-bottom:calc(94px + 16px);background:linear-gradient(to top,var(--color-role-surface,#fff) 60px,var(--color-role-surface,#fff) 80px,rgba(248,249,250,.8) 120px,rgba(248,249,250,0) 100%);z-index:100;display:flex;align-items:flex-end;pointer-events:none}.cta-area .back-button,.cta-area .calculate-button{pointer-events:auto}.calculate-button{width:100%;height:60px;background:var(--color-brand-primary,#c03e2f);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#fff;cursor:pointer;transition:all .2s ease}.calculate-button:hover{background:var(--color-brand-primary-hover,#a8362a)}.calculate-button:active{background:var(--color-brand-primary-pressed,#8f2e24)}.menu{position:fixed;bottom:0;left:0;right:0;width:100vw;background:var(--color-role-surface,#fff);border-top:1px solid var(--color-role-border,#d5d7da);display:flex;justify-content:center;padding:0;z-index:1000}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:var(--padding-p100,16px) var(--padding-p100,16px) var(--padding-p200,32px);font-family:Inter,sans-serif;font-weight:600;font-size:10px;color:var(--color-role-border,#d5d7da);cursor:pointer;position:relative}.nav-item.active{color:var(--color-brand-primary,#c03e2f)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:40px;height:7px;background:var(--color-brand-primary,#c03e2f);border-radius:0 0 var(--padding-p25,4px) var(--padding-p25,4px)}.calculator-form .input-field__title{font-family:Inter,sans-serif;font-weight:600;font-size:14px;color:var(--color-text-primary,#222221)}.calculate-button.button{width:100%;height:60px;border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:#fff}.calculate-button.button--default{background:var(--color-brand-primary,#c03e2f)}.calculate-button.button--hover{background:var(--color-brand-primaryHover,#a7362a)}.calculate-button.button--pressed{background:var(--color-brand-primaryPressed,#862b22)}.menu .menu{width:100%;max-width:600px}.recipe-display{display:flex;flex-direction:column;gap:var(--padding-p150,24px);padding:var(--padding-p150,24px)}.recipe-header{text-align:center}.recipe-title{font-family:Inter,sans-serif;font-weight:700;font-size:24px;color:var(--color-text-primary,#222221);margin:0 0 var(--padding-p50,8px) 0}.recipe-subtitle{font-family:Inter,sans-serif;font-weight:400;font-size:16px;color:var(--color-text-secondary,#6b6b6b);margin:0}.recipe-ingredients{background:var(--color-surface-elevated,#fff);border-radius:12px;padding:var(--padding-p150,24px);box-shadow:0 2px 8px rgba(0,0,0,.04)}.ingredient-item{display:flex;justify-content:space-between;align-items:center;padding:var(--padding-p75,12px) 0;border-bottom:1px solid var(--color-border-default,#e5e5e5)}.ingredient-item:last-child{border-bottom:none;padding-bottom:0}.ingredient-item:first-child{padding-top:0}.ingredient-name{font-weight:500;color:var(--color-text-primary,#222221)}.ingredient-amount,.ingredient-name{font-family:Inter,sans-serif;font-size:16px}.ingredient-amount{font-weight:600;color:var(--color-brand-primary,#c03e2f)}.recipe-details{background:var(--color-surface-elevated,#fff);border-radius:12px;padding:var(--padding-p150,24px);box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:var(--padding-p75,12px)}.recipe-info{display:flex;justify-content:space-between;align-items:center}.info-label{font-weight:400;color:var(--color-text-secondary,#6b6b6b)}.info-label,.info-value{font-family:Inter,sans-serif;font-size:14px}.info-value{font-weight:500;color:var(--color-text-primary,#222221)}.back-button{width:100%;height:60px;border:2px solid var(--color-brand-primary,#c03e2f);border-radius:8px;font-family:Inter,sans-serif;font-weight:600;font-size:16px;color:var(--color-brand-primary,#c03e2f);background:transparent;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--color-brand-primary,#c03e2f);color:#fff}.back-button.button--pressed{background:var(--color-brand-primaryPressed,#862b22);border-color:var(--color-brand-primaryPressed,#862b22);color:#fff}