:root{font-family:Arial,Helvetica Neue,sans-serif;color:#111214;background:#f8f6ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--paper: #f8f6ee;--ink: #111214;--muted: #5b5b59;--line: #dcd9d0;--accent: #ad4308;--panel: rgba(255, 254, 250, .56)}*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;min-width:320px;background:var(--paper)}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(173,67,8,.4);outline-offset:2px}.site-shell{max-width:1600px;margin:0 auto;padding:0 26px 18px}.hero{min-height:318px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center}.hero-photo{display:block;position:absolute;z-index:-1;top:0;right:-1.6%;width:70%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.24) 11%,#000 29%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.24) 11%,#000 29%)}.hero-photo__image{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 51%}.hero-content{position:relative;z-index:1;width:57%;padding:26px 0 29px 20px}.brand-line{margin:0 0 20px;font-size:clamp(14px,1.35vw,21px);line-height:1.2;font-weight:600;text-transform:uppercase;letter-spacing:.18em}.hero h1{max-width:760px;margin:0;font-size:clamp(68px,7.25vw,112px);line-height:.86;letter-spacing:-.075em;font-weight:900}.hero h1 .headline-second{display:inline-block;transform:scaleX(.78);transform-origin:left center}.hero-subtitle{margin:14px 0 0;max-width:620px;font-size:clamp(17px,1.75vw,26px);line-height:1.28;letter-spacing:-.035em}.desktop-break{display:initial}.workspace{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr);gap:22px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:23px 28px 26px;min-width:0}.panel h2{margin:0 0 19px;font-size:clamp(26px,2.65vw,40px);line-height:1.05;letter-spacing:-.06em;font-weight:900}.panel-heading-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-heading-row h2{margin:0}.input-panel form{display:flex;flex-direction:column}.scale-mode{min-width:0;border:0;padding:0;margin:0}.scale-mode legend{padding:0;margin-bottom:7px;font-size:13px;color:var(--muted);font-weight:600}.mode-switch{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--line);border-radius:8px;background:#f4f1e9}.mode-switch button{min-height:32px;border:0;background:transparent;border-radius:5px;padding:5px 10px;font-size:13px;font-weight:600;color:#555}.mode-switch button[aria-pressed=true]{color:var(--ink);background:#fffefa;box-shadow:0 1px 3px #1c18131a}.input-fields{display:grid;grid-template-columns:1fr;gap:12px}.field label,.field-heading>label{display:block;margin-bottom:5px;font-size:15px;line-height:1.25;font-weight:600}.field:not(.flour-field){display:grid;grid-template-columns:minmax(135px,.8fr) minmax(0,1.2fr);align-items:center;gap:0 12px}.field:not(.flour-field)>label{margin:0}.field:not(.flour-field) .input-wrap,.field-hint,.field-error{grid-column:2}.field-hint,.field-error{margin-top:3px}.flour-field{display:grid;grid-template-columns:minmax(135px,.8fr) minmax(0,1.2fr);align-items:start;gap:0 12px}.flour-field .field-heading{grid-column:1;display:block}.flour-field .flour-list,.flour-field .field-error{grid-column:2}.flour-field .field-heading>label{margin:0}.flour-field .blend-total{display:block;margin-top:4px}.input-wrap{position:relative;display:flex;align-items:center;height:48px;border:1px solid #c8c6c0;border-radius:7px;background:#ffffff8c;transition:border-color .16s ease,box-shadow .16s ease}.input-wrap:focus-within{border-color:#a64c1b;box-shadow:0 0 0 2px #ad43081f}.input-wrap input{width:100%;min-width:0;height:100%;border:0;outline:0;padding:0 44px 0 14px;border-radius:inherit;background:transparent;font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.input-wrap input:focus-visible{outline:none}.input-unit{position:absolute;right:13px;top:50%;transform:translateY(-50%);color:#55565a;font-size:17px;pointer-events:none}.field-hint,.field-error{margin:4px 0 0;font-size:12px;line-height:1.35}.field-hint{color:var(--muted)}.field-error,.form-error,.result-error{color:#a52f19}.field--error .input-wrap,.field--error select{border-color:#b64a30}.field-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.field-heading>label{margin-bottom:6px}.blend-total{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.flour-list{display:grid;gap:7px}.flour-row{display:grid;grid-template-columns:minmax(90px,.68fr) minmax(0,1.32fr);gap:8px}.flour-percent{height:42px}.flour-percent input{font-size:17px;padding-left:12px}.flour-row select{min-width:0;width:100%;border:1px solid #c8c6c0;border-radius:7px;padding:0 30px 0 11px;height:42px;background-color:#ffffff8c;font-size:14px}.calculate-button{width:100%;min-height:62px;margin-top:19px;display:flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:9px;color:#fff;background:var(--accent);font-size:20px;font-weight:700;letter-spacing:-.025em;transition:background .16s ease,transform .16s ease}.calculate-button:hover{background:#923704}.calculate-button:active{transform:translateY(1px)}.button-arrow{font-size:26px;line-height:1}.form-error{margin:10px 0 0;font-size:13px}.results-panel{position:relative;padding-left:30px;padding-right:30px}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric{min-height:164px;padding:20px 22px 15px;border:1px solid #e4dfd3;border-radius:12px;background:#f7f4ebd1}.metric--water{display:none}.metric-label{margin:0;font-size:clamp(15px,1.45vw,21px);line-height:1.25;font-weight:500}.metric-value{margin:6px 0 1px;color:var(--accent);font-size:clamp(55px,6.1vw,88px);line-height:.96;letter-spacing:-.065em;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-note{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.3}.ingredient-section{margin-top:18px;border-top:1px solid var(--line);padding-top:12px}.ingredient-section h3,.full-formula h3{margin:0 0 5px;font-size:23px;line-height:1.2;letter-spacing:-.04em;font-weight:800}.ingredient-section h3 span,.full-formula h3 span{font-size:.68em;font-weight:500;letter-spacing:-.02em}.ingredient-list{margin:0}.ingredient-list>div{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px;border-bottom:1px solid #e2dfd7}.ingredient-list dt{font-size:16px}.ingredient-list dt span{color:var(--muted);font-size:.88em}.ingredient-list dt small{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.2}.ingredient-list dd{margin:0;font-size:23px;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.full-formula{display:none;grid-template-columns:minmax(0,1.2fr) minmax(245px,.8fr);gap:22px;margin-top:20px;padding:16px 0 2px;border-top:1px solid var(--line)}.desktop-only-details{display:flex}.full-formula h3{margin-bottom:8px}.ingredient-list--compact>div{min-height:31px;padding:4px 0;border:0}.ingredient-list--compact dt{font-size:14px}.ingredient-list--compact dd{font-size:16px}.dough-summary{align-self:center;padding:18px 20px 14px;border-radius:12px;background:#efebe1}.dough-summary>p{margin:0;font-size:16px}.dough-summary>strong{display:block;margin:3px 0 9px;font-size:clamp(31px,3vw,44px);line-height:1.04;letter-spacing:-.065em;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}.per-loaf{display:flex;justify-content:space-between;gap:8px;align-items:baseline;border-top:1px solid #c9c2b4;padding-top:9px}.per-loaf span{font-size:15px}.per-loaf strong{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.formula-actions{position:relative;margin-top:18px}.save-button{min-height:56px;width:100%;display:flex;align-items:center;justify-content:center;gap:13px;border:0;border-radius:10px;background:#efebe1;font-size:18px;font-weight:600;transition:background .16s ease}.save-button:hover{background:#e8e1d3}.print-mark{position:relative;display:inline-block;width:24px;height:21px;flex:0 0 24px}.print-mark__top{position:absolute;width:14px;height:8px;top:0;left:5px;border:2px solid currentColor;border-bottom:0}.print-mark__body{position:absolute;left:1px;top:6px;width:22px;height:11px;border:2px solid currentColor;border-radius:3px;background:#efebe1}.print-mark__body span{position:absolute;right:2px;top:2px;width:3px;height:3px;background:currentColor;border-radius:50%}.print-mark__base{position:absolute;z-index:1;bottom:0;left:5px;width:14px;height:8px;border:2px solid currentColor;background:#efebe1}.action-menu{position:absolute;z-index:5;bottom:calc(100% + 8px);left:0;width:100%;padding:6px;border:1px solid var(--line);border-radius:10px;background:#fffefa;box-shadow:0 8px 24px #231c141f}.action-menu button{display:block;width:100%;text-align:left;border:0;border-radius:6px;padding:11px 12px;background:transparent;font-size:14px}.action-menu button:hover:not(:disabled){background:#f4f1e9}.action-menu button:disabled{color:#92908b;cursor:not-allowed}.status-message{margin:9px 0 0;color:#4f5247;text-align:center;font-size:13px}.empty-results{display:grid;place-content:center;min-height:400px;padding:30px;border-radius:12px;background:#f4f1e9;color:var(--muted);text-align:center}.empty-results__title{margin:0 0 8px;color:var(--ink);font-size:23px;font-weight:800}.empty-results p{max-width:480px;margin-left:auto;margin-right:auto}.result-error{margin:8px 0 0;font-size:14px}.page-footer{padding:16px 0 0;color:#77746d;text-align:center;font-size:12px;letter-spacing:.04em}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1320px){.site-shell{padding-left:34px;padding-right:34px}.workspace{grid-template-columns:minmax(500px,.83fr) minmax(0,1.17fr)}.input-fields{gap:14px}}@media(max-width:900px){.site-shell{padding:0 18px 16px}.hero{min-height:clamp(480px,76vw,640px)}.hero-content{width:78%;height:auto;min-height:inherit;display:flex;flex-direction:column;align-items:flex-start;padding:28px 8px}.brand-line{max-width:195px;margin:0 auto 20px 0;font-size:clamp(22px,3vw,28px);line-height:.98;font-weight:800;text-transform:none;letter-spacing:-.035em}.hero h1{margin-top:auto}.hero-subtitle{margin-top:12px}.hero h1{font-size:clamp(62px,11vw,96px)}.hero h1 .headline-second{display:inline;transform:none;letter-spacing:inherit}.hero-photo{top:100px;width:100%;height:180px;right:0;-webkit-mask-image:none;mask-image:none}.hero-photo__image{object-fit:contain;object-position:center center}.workspace{grid-template-columns:1fr;gap:14px}.input-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.field-base-flour,.field-total-dough{grid-column:1;order:1}.field-target-hydration{grid-column:2;order:2}.field-levain-weight{grid-column:1;order:3}.field-levain-hydration{grid-column:2;order:4}.flour-field{grid-column:1 / -1;order:5}.field-salt{grid-column:1;order:6}.field-loaves{grid-column:2;order:7}.panel{padding:19px 18px 20px}.field:not(.flour-field),.flour-field{display:block}.field:not(.flour-field)>label,.flour-field .field-heading>label{margin-bottom:5px}.field-hint,.field-error,.flour-field .field-error{grid-column:auto}.results-panel{padding-left:19px;padding-right:19px}.metric{padding:16px 14px 12px;min-height:145px}.metric-value{font-size:clamp(48px,6.5vw,62px)}.metric-note{font-size:12px}.full-formula{display:grid;grid-template-columns:1fr;gap:10px}.desktop-only-details{display:none!important}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric--water{display:block}.ingredient-section{display:none}.dough-summary{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px}.dough-summary>p{grid-column:1}.dough-summary>strong{grid-column:1;margin-bottom:0}.per-loaf{grid-column:2;grid-row:1 / span 2;display:grid;border-top:0;border-left:1px solid #c9c2b4;padding:0 0 0 13px}}@media(max-width:640px){.site-shell{padding:0 18px 12px}.hero{height:360px;min-height:360px;align-items:stretch}.hero-photo{top:84px;width:140%;height:150px;right:-15%;-webkit-mask-image:none;mask-image:none}.hero-photo__image{object-position:center center}.hero-content{width:100%;height:360px;min-height:360px;display:flex;flex-direction:column;align-items:flex-start;padding:19px 3px 18px}.brand-line{max-width:180px;margin:0 auto 12px 0;font-size:22px;line-height:.95;font-weight:800;text-transform:none;letter-spacing:-.045em}.hero h1{max-width:100%;font-size:clamp(40px,11vw,67px);line-height:.9;letter-spacing:-.06em}.hero h1 .headline-second{display:inline;transform:none;letter-spacing:inherit}.desktop-break{display:none}.hero-subtitle{margin-top:10px;max-width:360px;font-size:17px}.workspace{grid-template-columns:1fr;gap:14px}.panel{border-radius:13px;padding:20px 19px}.panel h2{font-size:32px;margin-bottom:16px}.panel-heading-row{align-items:flex-start;flex-wrap:wrap;gap:11px;margin-bottom:15px}.scale-mode{width:100%}.mode-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}.mode-switch button{padding:5px 6px;font-size:12px}.input-fields{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:12px}.field label,.field-heading>label{min-height:19px;font-size:14px}.flour-field{grid-column:1 / -1}.flour-row{grid-template-columns:minmax(95px,.78fr) minmax(0,1.22fr)}.input-wrap{height:50px}.input-wrap input{padding-left:11px;font-size:19px}.input-unit{right:10px}.calculate-button{margin-top:17px;min-height:58px;font-size:19px}.results-panel{padding:20px 17px}.metrics-grid{gap:8px}.metric{min-width:0;min-height:136px;padding:13px 10px 11px}.metric-label{min-height:38px;font-size:13px;line-height:1.2}.metric-value{font-size:clamp(22px,7vw,34px);letter-spacing:-.07em;white-space:normal}.metric-note{font-size:10px;line-height:1.23}.ingredient-section{margin-top:16px;padding-top:11px}.ingredient-section h3,.full-formula h3{font-size:21px}.ingredient-list>div{min-height:39px;padding-left:3px;padding-right:3px}.ingredient-list dt{font-size:14px}.ingredient-list dd{font-size:20px}.full-formula{margin-top:17px;padding-top:14px}.ingredient-list--compact>div{min-height:29px}.ingredient-list--compact dt{font-size:13px}.ingredient-list--compact dd{font-size:15px}.dough-summary{padding:14px 15px}.dough-summary>p{font-size:14px}.dough-summary>strong{font-size:clamp(29px,8vw,38px)}.per-loaf span{font-size:13px}.per-loaf strong{font-size:17px}.save-button{min-height:55px;font-size:17px}}@media(max-width:380px){.site-shell{padding-left:12px;padding-right:12px}.hero h1{font-size:49px}.panel{padding-left:14px;padding-right:14px}.input-fields{column-gap:8px}.metric{padding-left:7px;padding-right:7px}.metric-value{font-size:33px}.metric-note{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{:root,body{background:#fff;color:#000}.site-shell{max-width:none;padding:0}.hero,.input-panel,.page-footer,.formula-actions,.status-message,.ingredient-section,.desktop-only-details{display:none!important}.full-formula{display:grid}.workspace{display:block}.results-panel{border:0;padding:0;background:#fff}.metrics-grid,.ingredient-section,.full-formula{break-inside:avoid}.metric{background:#fff;border-color:#aaa}.metric-value{color:#000}.dough-summary{background:#f3f3f3}}