:root{color-scheme:dark;font-family:ui-rounded,Avenir Next,Avenir,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--cue-host-badge-width: 130px;--cue-host-badge-height: 48px;--cue-host-badge-gutter: 12px;--cue-host-badge-clearance: calc( var(--cue-host-badge-height) + var(--cue-host-badge-gutter) * 2 )}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:Canvas}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:Canvas}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button:active:not(:disabled){filter:brightness(1.2)}#root{min-height:100vh;min-height:100dvh}.bench-app{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;overflow-x:hidden;color:var(--color-text);background:var(--color-background);padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) calc(var(--cue-host-badge-clearance) + max(24px,env(safe-area-inset-bottom))) max(18px,env(safe-area-inset-left))}.bench-app:before{position:absolute;z-index:-2;inset:0;content:"";background:radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--color-flour) 22%,transparent) 0 1px,transparent 2px 100%),radial-gradient(circle at 90% 42%,color-mix(in srgb,var(--color-flour) 16%,transparent) 0 1px,transparent 2px 100%),repeating-linear-gradient(4deg,transparent 0 11px,color-mix(in srgb,var(--color-brass-dark) 12%,transparent) 12px,transparent 13px 28px);background-size:31px 29px,41px 37px,auto;opacity:.68}.bench-app:after{position:absolute;z-index:-1;top:110px;left:-120px;width:380px;height:210px;content:"";border:2px solid color-mix(in srgb,var(--color-flour) 12%,transparent);border-right-color:transparent;border-radius:50%;transform:rotate(-12deg)}.bench-header,.preset-rail,.bench-body,footer{width:min(100%,980px);margin-inline:auto}.bench-header{display:flex;align-items:center;gap:12px;min-height:52px;padding-right:104px}.brand-mark{flex:0 0 auto;width:44px;height:38px;color:var(--color-brass-bright)}.brand-mark svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:currentColor;stroke:none}.bench-header h1{margin:0;color:var(--color-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,7vw,38px);font-style:italic;font-weight:700;letter-spacing:-.025em;line-height:1.2}.preset-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:18px;padding-bottom:7px}.preset-button,.source-button,.unit-switch button{min-width:0;min-height:48px;border:1px solid var(--color-brass-dark);border-radius:3px;color:var(--color-text-secondary);background:var(--color-background-raised);cursor:pointer}.preset-button{padding:10px 6px;font-size:13px;font-weight:650;line-height:18px}.preset-button.selected,.source-button.selected,.unit-switch button.selected{border-color:var(--color-brass-bright);color:var(--color-background-deep);background:var(--color-brass-bright)}.bench-body{display:grid;gap:28px;margin-top:10px}.instrument-side,.formula-side{min-width:0}.scale-figure{position:relative;margin:0}.bench-scale{display:block;width:min(100%,430px);height:auto;margin:-8px auto -4px;overflow:visible}.flour-marks{fill:var(--color-flour);stroke:var(--color-flour-quiet);stroke-width:3;stroke-linecap:round;stroke-dasharray:2 12;opacity:.48}.scale-foot,.scale-housing,.scale-neck{fill:var(--color-brass-dark);stroke:var(--color-brass);stroke-width:1;stroke-linejoin:round}.scale-face{fill:var(--color-background-raised);stroke:var(--color-brass);stroke-width:1.4}.dial-arc,.dial-tick{fill:none;stroke:var(--color-brass-bright);stroke-linecap:round}.dial-arc{stroke-width:1.4}.dial-tick{stroke-width:1.1}.scale-needle{fill:var(--color-warning);transform-box:fill-box;transform-origin:50% 100%;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.needle-pin{fill:var(--color-brass-bright);stroke:var(--color-background-deep);stroke-width:1.5}.scale-pan{fill:var(--color-brass);stroke:var(--color-brass-bright);stroke-width:1.3;stroke-linejoin:round}.pan-lip{fill:none;stroke:var(--color-brass-bright);stroke-width:2;stroke-linecap:round}.dough-mass{transform-box:view-box;transform-origin:180px 111px;transition:transform .42s cubic-bezier(.2,.8,.2,1)}.dough-body{fill:var(--color-dough);stroke:var(--color-dough-light);stroke-width:1.4}.dough-fold{fill:none;stroke:var(--color-dough-dark);stroke-width:3.2;stroke-linecap:round;opacity:.62}.dough-score{fill:none;stroke:var(--color-dough-light);stroke-width:2;stroke-linecap:round;opacity:.68}.scale-figure figcaption{position:absolute;left:50%;bottom:28px;display:grid;min-width:132px;text-align:center;transform:translate(-50%);pointer-events:none}.scale-reading{color:var(--color-brass-bright);font-size:17px;font-variant-numeric:tabular-nums;font-weight:750;line-height:24px}.scale-figure figcaption span:last-child{color:var(--color-text-quiet);font-size:11px;line-height:16px}fieldset{min-width:0;margin:0;padding:0;border:0}.source-bench{margin-top:-4px}.source-bench legend{margin-bottom:9px;color:var(--color-text-secondary);font-size:13px;font-weight:700;line-height:19px}.source-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.source-button{padding:10px 8px;font-size:14px;font-weight:700}.mass-input-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(132px,.75fr);align-items:center;gap:16px;min-height:64px;margin-top:10px;color:var(--color-text-secondary);font-size:14px;line-height:20px}.mass-input-wrap,.ratio-number{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;border-bottom:2px solid var(--color-brass);background:var(--color-background-input)}.mass-input-wrap input,.ratio-number input{width:100%;min-width:0;height:52px;padding:9px 6px 9px 12px;border:0;border-radius:0;color:var(--color-text);background:var(--color-background-input);font-variant-numeric:tabular-nums;font-weight:700;appearance:textfield;-moz-appearance:textfield}.mass-input-wrap input::-webkit-inner-spin-button,.ratio-number input::-webkit-inner-spin-button{appearance:none;margin:0}.mass-input-wrap b,.ratio-number b{padding-right:11px;color:var(--color-brass-bright);font-size:13px;line-height:18px}.source-bench>p{margin:4px 0 0;color:var(--color-text-quiet);font-size:12px;line-height:18px}.formula-side{display:grid;gap:18px}.unit-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.unit-switch button{padding:10px;font-size:14px;font-weight:700}.hydration-control{min-width:0}.control-heading{display:grid;grid-template-columns:minmax(0,1fr) 118px;align-items:center;gap:14px}.control-heading>label{color:var(--color-flour);font-family:Georgia,Times New Roman,serif;font-size:25px;font-style:italic;line-height:32px}.ratio-number input{text-align:right}.hydration-range{width:100%;height:48px;margin:8px 0 0;padding:0;border:0;background:linear-gradient(to right,var(--color-brass) 0 var(--hydration-fill),var(--color-background-input) var(--hydration-fill) 100%) center / 100% 8px no-repeat;appearance:none;-webkit-appearance:none;cursor:pointer}.hydration-range::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:transparent}.hydration-range::-moz-range-track{height:8px;border-radius:4px;background:transparent}.hydration-range::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px;border:3px solid var(--color-background-deep);border-radius:50%;background:var(--color-brass-bright);appearance:none;-webkit-appearance:none}.hydration-range::-moz-range-thumb{width:24px;height:24px;border:3px solid var(--color-background-deep);border-radius:50%;background:var(--color-brass-bright)}.range-scale{display:flex;justify-content:space-between;margin-top:-5px;color:var(--color-text-quiet);font-size:11px;line-height:16px}.additions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.additions label{display:grid;gap:6px;min-width:0}.additions label>span:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;color:var(--color-text-secondary);font-size:14px;font-weight:700;line-height:20px}.additions small{color:var(--color-text-quiet);font-size:10px;font-weight:500;line-height:15px}.formula-error{margin:0;padding:10px 12px;border-left:4px solid var(--color-warning);color:var(--color-text);background:var(--color-background-raised);font-size:13px;line-height:19px}.ingredient-ledger{display:grid;gap:3px;margin:0}.ingredient-row{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);align-items:end;gap:16px;min-height:55px;padding:6px 0}.ingredient-copy{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.ingredient-copy dt{color:var(--color-text);font-size:16px;font-weight:700;line-height:22px}.ingredient-copy span{color:var(--color-text-quiet);font-size:11px;line-height:16px}.ingredient-row dd{display:grid;gap:5px;min-width:0;margin:0}.ingredient-row output{color:var(--color-flour);font-size:18px;font-variant-numeric:tabular-nums;font-weight:700;line-height:24px;text-align:right}.ingredient-rule{display:block;width:100%;height:3px;overflow:hidden;border-radius:3px;background:var(--color-background-input)}.ingredient-rule span{display:block;height:100%;border-radius:inherit;background:var(--color-brass);transition:width .36s cubic-bezier(.2,.8,.2,1)}.equation{margin:0;color:var(--color-text-quiet);font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;line-height:21px}.share-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,.8fr);align-items:center;gap:14px;padding-top:4px}.share-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:52px;padding:10px 15px;border:1px solid var(--color-brass-bright);border-radius:3px;color:var(--color-background-deep);background:var(--color-brass-bright);font-size:14px;font-weight:800;cursor:pointer}.share-button svg{width:26px;height:26px;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.share-button:disabled{border-color:var(--color-brass-dark);color:var(--color-text-quiet);background:var(--color-background-input);cursor:not-allowed}.share-status{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:18px}footer{margin-top:32px;color:var(--color-text-quiet);font-size:11px;line-height:17px}@media(min-width:760px){.bench-app{padding-inline:30px}.bench-body{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;align-items:start;margin-top:22px}.instrument-side{position:sticky;top:18px}.preset-rail{max-width:520px;margin-left:max(0px,calc((100% - 980px)/2))}}@media(max-width:390px){.bench-app{padding-inline:14px;padding-bottom:calc(var(--cue-host-badge-clearance) + max(100px,env(safe-area-inset-bottom)))}.bench-header{padding-right:90px}.preset-button{font-size:12px}.bench-scale{width:min(100%,320px);margin-top:-14px}.source-bench{margin-top:-14px}.additions{margin-top:84px}.mass-input-row{grid-template-columns:minmax(0,1fr) 138px}.share-row{grid-template-columns:minmax(0,1fr)}}@media(min-width:640px)and (max-height:500px)and (min-aspect-ratio:4 / 3){.bench-app{padding-top:12px;padding-bottom:calc(var(--cue-host-badge-clearance) + 16px)}.bench-header{min-height:40px}.bench-header h1{font-size:24px}.preset-rail{margin-top:8px}.bench-body{grid-template-columns:minmax(310px,.9fr) minmax(380px,1.1fr);gap:28px;margin-top:4px}.bench-scale{max-width:320px;margin-top:-26px}.source-bench{margin-top:-34px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}