@property --accent{syntax:"<color>";inherits:true;initial-value:#0000}:root{font-synthesis:none;font-family:Iosevka,ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.35}*{box-sizing:border-box}body{background:#121212;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}[hidden]{display:none!important}.app,.oops-overlay{--canvas:#0e0e0e;--surface:#ffffff0f;--panel-surface:#ffffff08;--separator:#2e2e2e;--text:#fff;--body:#fffc;--muted:#ffffff80;--input:#00000014;--input-active:color-mix(in srgb, var(--input) 76%, black 24%);--input-border:#ffffff3d;--input-border-focus:#ffffffb8;--tab-selection:#ffffff14;--slide-duration:.6s;--slide-easing:cubic-bezier(.048, 1, .3, 1);--track:#000;--halloween-accent:#f97316;--accent:#0bb765;--adjusted:var(--accent);--baseline:var(--accent);--changed:#fff;--error:#ff8b78;--focus:var(--accent);transition:--accent .25s ease-in-out}.app[data-halloween=true],.oops-overlay[data-halloween=true]{--accent:var(--halloween-accent)}.surface-stack{isolation:isolate;width:100%;max-width:960px;margin:0 auto}.halloween-switch{width:44px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:4px;justify-content:flex-end;align-items:center;margin:23px 32px 0 auto;padding:0;display:flex}.halloween-switch:focus-visible{outline-color:var(--halloween-accent)}.halloween-hover-target{flex:0 0 26px;width:26px;height:26px;display:block}.halloween-pumpkin{pointer-events:none;color:var(--text);opacity:.48;transform-box:fill-box;transform-origin:50%;transition:color var(--slide-duration) var(--slide-easing), opacity .25s ease;flex:0 0 26px;display:block}.halloween-switch[aria-checked=true] .halloween-pumpkin{color:var(--halloween-accent)}@media (hover:hover){.halloween-hover-target:hover .halloween-pumpkin{opacity:1;animation:.25s ease-in-out pumpkin-shake}}@keyframes pumpkin-shake{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-10deg)}40%,80%{transform:rotate(10deg)}}@media (prefers-reduced-motion:reduce){.app,.oops-overlay,.halloween-pumpkin{transition:none}.halloween-hover-target:hover .halloween-pumpkin{animation:none}}.app{isolation:isolate;background-color:var(--canvas);width:100%;min-height:100vh;color:var(--text);padding:32px 24px;position:relative;overflow-x:hidden}.app:before{content:"";z-index:-1;pointer-events:none;opacity:.025;background:url(/assets/canvas-grain-base-IrP9wRoy.png) 0 0/64px 64px;position:fixed;inset:0}.surface{z-index:1;border:1px solid var(--separator);background:var(--canvas);border-radius:8px;width:100%;max-width:960px;margin:0 auto;padding:32px;animation:.8s cubic-bezier(.12,1,.8,1) both surface-enter-motion,.8s cubic-bezier(.12,1,.8,1) both surface-enter-focus,.8s cubic-bezier(.6,1,.8,1) both surface-enter-opacity;position:relative;box-shadow:0 4px 8px #000000b8}@keyframes surface-enter-motion{0%{transform:translateY(25px)}to{transform:translateY(0)}}@keyframes surface-enter-opacity{0%{opacity:0}to{opacity:1}}@keyframes surface-enter-focus{0%{filter:blur(8px)}to{filter:blur()}}.controls{align-items:center;gap:12px;width:100%;min-height:44px;margin-bottom:48px;display:flex}.brand{white-space:nowrap;flex:1 0 auto;align-items:center;gap:13.3338px;font-size:20px;font-weight:700;line-height:normal;display:flex}.brand-mark{background:var(--accent);flex:none;width:25.0745px;height:30px;display:block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.brand-wordmark{opacity:.9;font-size:18px;font-weight:500}.recipe-picker-controls{flex:0 200px;align-items:center;gap:12px;min-width:0;display:flex}.reset{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:4px;flex:0 0 44px;place-items:center;padding:0;display:grid}.reset-icon{transform-origin:50%;opacity:.48;width:16px;height:16px;transition:opacity .25s;display:block}.reset-icon--spinning{animation:.4s cubic-bezier(.24,1,.9,1) reset-spin}@keyframes reset-spin{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.reset-icon--spinning{animation:none}}.recipe-select-wrap{flex:0 200px;min-width:0;max-width:240px;position:relative}.recipe-select{appearance:none;border:1px solid var(--input-border);background:var(--input);width:100%;min-width:0;min-height:44px;color:var(--text);text-align:left;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:8px 24px 8px 16px;font-size:12px;overflow:hidden}.recipe-options{z-index:10;border:1px solid var(--input-border);background:var(--canvas);border-radius:4px;max-height:min(280px,40vh);margin:4px 0 0;padding:4px;list-style:none;animation:.4s ease-out both recipe-menu-enter;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0009}@keyframes recipe-menu-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.recipe-indicator-shell{display:contents}.recipe-option-indicator{background:color-mix(in srgb, var(--accent) 48%, transparent);pointer-events:none;transition:transform var(--slide-duration) var(--slide-easing), width var(--slide-duration) var(--slide-easing), height var(--slide-duration) var(--slide-easing);border-radius:4px;position:absolute;top:0;left:0}.recipe-option{min-height:44px;color:var(--muted);overflow-wrap:anywhere;cursor:pointer;border-radius:4px;align-items:center;padding:8px 12px;font-size:12px;display:flex;position:relative}.recipe-option[data-active=true]{color:var(--text)}.icon{display:block}.recipe-caret{color:var(--text);opacity:.72;pointer-events:none;transition:transform .25s ease-in-out;position:absolute;top:50%;right:8px;transform:translateY(-50%)rotate(0)}.recipe-select-wrap[data-open=true] .recipe-caret{transform:translateY(-50%)rotate(180deg)}@media (prefers-reduced-motion:reduce){.recipe-caret{transition:none}}.intro{grid-template-columns:72px minmax(0,1fr);align-items:start;gap:24px;margin-bottom:24px;display:grid}.intro-card{min-width:0}.section-label{color:var(--text);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:400;line-height:1.35;display:block}.yield-control{align-items:center;min-width:0;margin-top:8px;display:flex}.yield-input-wrap{flex:0 0 72px;width:72px;position:relative}.yield-number{appearance:textfield;border:1px solid var(--input-border);background:var(--input);width:100%;min-height:44px;color:var(--text);text-align:center;border-radius:4px;padding:8px 30px 8px 8px;font-size:12px;line-height:1.35}.yield-number--rolling{color:#0000}.yield-odometer{pointer-events:none;justify-content:center;align-items:center;font-size:12px;line-height:1.35;display:flex;position:absolute;inset:0 31px 0 9px}.yield-digit{white-space:pre;flex:0 0 1ch;height:1.35em;display:block;position:relative;overflow:hidden}.yield-digit-in,.yield-digit-out{animation-duration:var(--slide-duration);animation-timing-function:var(--slide-easing);animation-fill-mode:both;position:absolute;inset:0}.yield-digit-in{animation-name:yield-digit-in-up}.yield-digit-out{animation-name:yield-digit-out-up}.yield-odometer[data-direction=down] .yield-digit-in{animation-name:yield-digit-in-down}.yield-odometer[data-direction=down] .yield-digit-out{animation-name:yield-digit-out-down}@keyframes yield-digit-in-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes yield-digit-out-up{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes yield-digit-in-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes yield-digit-out-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.yield-odometer{display:none}.yield-number--rolling{color:var(--text)}}.yield-number::-webkit-inner-spin-button{appearance:none;margin:0}.yield-number::-webkit-outer-spin-button{appearance:none;margin:0}.value::-webkit-inner-spin-button{appearance:none;margin:0}.value::-webkit-outer-spin-button{appearance:none;margin:0}.yield-steppers-hit-area{cursor:pointer;width:16px;height:32px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.yield-steppers{color:var(--text);pointer-events:none;display:block}.yield-step{opacity:.48;pointer-events:all;transition:opacity .25s}@media (hover:hover){.yield-step:hover{opacity:1}.value:hover{background:var(--input-active)}}.value:focus{background:var(--input-active)}.yield-copy{display:none}.directions{min-width:0;max-width:640px}.directions p{color:#ffffffb3;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.35}.workspace{grid-template-columns:minmax(0,430px) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.workspace-primary{flex-direction:column;gap:24px;min-width:0;display:flex}.panel{background:var(--panel-surface);border-radius:4px;min-width:0;padding:12px}.recipe-actions{flex:none;align-items:center;gap:0;margin-left:auto;display:flex}.copy-button .icon{opacity:.48;transition:opacity .25s}.panel-heading{align-items:center;gap:12px;min-height:36px;padding:0 4px;display:flex}.panel-heading .section-label{flex:1}.recipe-panel{min-width:0}.copy-button{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:4px;flex:0 0 44px;place-items:center;padding:0;display:grid}.reset,.copy-button{transition:color .25s}@media (hover:hover){.reset:hover,.copy-button:hover{color:var(--accent)}.reset:hover .reset-icon,.copy-button:hover .icon{opacity:1}}@media (prefers-reduced-motion:reduce){.reset,.reset-icon,.copy-button,.copy-button .icon{transition:none}}.recipe-grid{flex-direction:column;gap:12px;min-width:0;margin-top:12px;display:flex}.recipe-header-row,.ingredient-row{grid-template-columns:minmax(0,1fr) minmax(70px,.55fr) minmax(64px,.5fr);align-items:center;gap:12px;display:grid}.recipe-header-row{margin-bottom:0}.column-label{min-width:0;color:var(--body);padding:8px;font-size:12px;line-height:1.35}.numeric-heading{text-align:right;white-space:nowrap}.ingredient-row{min-height:40px}.ingredient-label{min-width:0;color:var(--body);overflow-wrap:anywhere;padding:8px;font-size:12px;line-height:1.35}.input-wrap{min-width:0;position:relative}.value{appearance:textfield;border:1px solid var(--input-border);background:var(--input);width:100%;min-width:0;height:36px;color:var(--text);text-align:right;border-radius:4px;padding:8px;font-size:12px;line-height:1.35;transition:background-color .25s}.percent{min-width:0;color:var(--muted);text-align:right;padding:8px;font-size:12px;line-height:1.35}.field-error{z-index:1;background:var(--canvas);width:max-content;max-width:180px;color:var(--error);border-radius:2px;padding:3px 5px;font-size:11px;line-height:1.35;position:absolute;top:calc(100% + 1px);left:0}.status{color:var(--body);flex-direction:column;gap:8px;margin-top:12px;font-size:12px;line-height:1.35;display:flex}.copy-fallback{resize:vertical;border:1px solid var(--separator);background:var(--input);width:100%;min-height:96px;color:var(--text);border-radius:4px;padding:8px;font-size:12px;line-height:1.35}.details-panel{flex-direction:column;gap:24px;min-height:100%;display:flex}.trait-list{flex-direction:column;flex:1;justify-content:flex-start;gap:60px;padding:8px 0;display:flex}.trait{min-width:0}.trait-name{color:var(--text);padding:8px;font-size:12px;line-height:1.35}.trait-track{height:22px;margin:0;position:relative}.trait-track-inner{background:var(--track);border-radius:2px;height:6px;position:absolute;top:8px;left:8px;right:8px}.trait-fill{z-index:1;pointer-events:none;border-radius:2px;height:6px;position:absolute;top:0;left:0}.baseline-fill{background:var(--accent);opacity:.48;transition:width .3s ease-in-out}.delta-fill{opacity:0;background:#ffffff7a;transition:left .3s ease-in-out,width .3s ease-in-out,opacity .3s ease-in-out}.trait-marker{z-index:3;pointer-events:none;border-radius:50%;width:12px;height:12px;transition:left .3s ease-in-out,opacity .3s ease-in-out;position:absolute;top:50%;transform:translate(-50%,-50%)}.baseline-marker{background:var(--baseline)}.changed-marker{background:var(--changed);opacity:0}.trait-list[data-entrance=running] .trait-marker{animation:.8s cubic-bezier(.12,1,.8,1) both trait-marker-enter}.trait-list[data-entrance=running] .baseline-fill{animation:.8s cubic-bezier(.12,1,.8,1) both trait-fill-enter}.trait-list[data-entrance=running] .delta-fill{animation:.8s cubic-bezier(.12,1,.8,1) both trait-delta-enter}.trait-list .trait{--trait-enter-delay:0s}.trait-list .trait:nth-child(2){--trait-enter-delay:.12s}.trait-list .trait:nth-child(3){--trait-enter-delay:.24s}.trait-list .trait:nth-child(4){--trait-enter-delay:.36s}.trait-list[data-entrance=running] .trait-marker,.trait-list[data-entrance=running] .trait-fill{animation-delay:var(--trait-enter-delay)}@keyframes trait-marker-enter{0%{left:0%}}@keyframes trait-fill-enter{0%{width:0%}}@keyframes trait-delta-enter{0%{width:0%;left:0%}}.trait-ends{color:var(--muted);justify-content:space-between;padding:4px 8px 0;font-size:12px;line-height:1.35;display:flex}.warnings{border-color:var(--error);color:var(--error);background:#ff8b781a;flex-direction:column;gap:4px;margin:0;padding:10px 14px;list-style:none;display:flex}.macros-panel{min-width:0}.macro-scope{border:0;border-radius:4px;align-items:center;gap:4px;padding:4px;display:flex;position:relative}.sliding-indicator{z-index:0;pointer-events:none;transition:transform var(--slide-duration) var(--slide-easing), width var(--slide-duration) var(--slide-easing);position:absolute;left:0}.macro-scope-indicator{background:var(--tab-selection);border-radius:4px;top:4px;bottom:4px}.macro-scope button{z-index:1;min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:4px 16px;font-size:12px;line-height:1.35;position:relative}.macro-scope button[aria-pressed=true]{color:var(--text)}.macro-table{grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:6px 24px;margin-top:12px;display:grid}.macro-row{grid-template-columns:minmax(0,1fr) minmax(48px,auto);align-items:center;gap:8px;min-width:0;display:grid}.macro-cell{min-width:0;padding:8px;font-size:12px;line-height:1.35}.macro-label{color:var(--body)}.macro-value{color:var(--muted);text-align:right}.mobile-panel-header{display:none}.toast-surface{border:1px solid;border-radius:4px;font-size:12px;line-height:1.35;box-shadow:0 4px 14px #0006}.copy-action-wrap{flex:0 0 44px;width:44px;height:44px;display:flex;position:relative}.copy-toast{z-index:5;pointer-events:none;border-color:var(--adjusted);width:max-content;max-width:min(360px,100vw - 112px);color:var(--text);background:#202020;padding:10px 14px;animation:.5s cubic-bezier(.22,1,.36,1) both copy-toast-in;position:absolute;top:50%;right:calc(100% + 8px);transform:translateY(-50%)}@keyframes copy-toast-in{0%{opacity:0;transform:translateY(calc(16px - 50%))}to{opacity:1;transform:translateY(-50%)}}@keyframes copy-toast-out{0%{opacity:1}to{opacity:0}}.copy-toast--exiting{animation:.25s ease-out both copy-toast-out}.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}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}:is(.yield-number,.value,.copy-fallback,.oops-field input,.oops-bowl-row>input){transition:background-color .25s,border-color .25s}:is(.yield-number,.value,.copy-fallback,.oops-field input,.oops-bowl-row>input):focus{border-color:var(--input-border-focus);outline:none}@media (prefers-reduced-motion:reduce){:is(.yield-number,.value,.copy-fallback,.oops-field input,.oops-bowl-row>input){transition:none}*{scroll-behavior:auto!important}}@media (width<=810px){.app{padding:32px}.surface{padding:24px}.controls{gap:8px;margin-bottom:48px}.recipe-picker-controls{flex-basis:145px}.recipe-select-wrap{flex-basis:145px;max-width:170px}.intro{grid-template-columns:72px minmax(0,1fr);gap:24px;margin-bottom:24px}.workspace{background:var(--panel-surface);border-radius:4px;flex-direction:column;gap:0;padding:8px 12px 12px;display:flex}.mobile-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.panel-tabs{flex:none;align-items:center;gap:10px;min-width:0;display:flex;position:relative}.panel-tab-indicator{background:var(--tab-selection);border-radius:4px;width:0;top:7px;bottom:7px}.panel-tab{z-index:1;min-width:0;min-height:44px;color:var(--body);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:4px;flex:none;padding:8px 16px;font-size:12px;line-height:1.35;position:relative}.panel-tab[aria-selected=true]{color:var(--text)}.copy-button{flex-basis:44px}.workspace-primary{display:contents}.workspace .panel{background:0 0;border-radius:0;width:100%;padding:8px 0 0}.workspace .panel-heading{min-height:36px}.recipe-grid{margin-top:12px}.recipe-header-row,.ingredient-row{grid-template-columns:minmax(0,1fr) minmax(64px,.75fr) minmax(58px,.65fr);gap:6px}.column-label,.ingredient-label,.percent{padding:6px 4px}.value{height:44px;padding:6px}.details-panel{gap:16px}.trait-name{padding:8px 4px 4px}.trait-ends{padding-left:4px;padding-right:4px}.macros-panel .panel-heading{justify-content:flex-end}.macro-scope-indicator{top:11px;bottom:11px}.macro-table{gap:4px 12px}.macro-row{grid-template-columns:minmax(0,1fr) minmax(42px,auto);gap:4px}.macro-cell{padding:8px 4px}}@media (width<=360px){.app{padding-left:24px;padding-right:24px}.surface{padding:24px}.intro{grid-template-columns:minmax(0,1fr);gap:24px}.yield-control{margin-top:4px}.yield-input-wrap{flex-basis:72px;width:72px}.directions p{margin-top:4px}.workspace{padding-left:8px;padding-right:8px}.panel-tab{padding-left:4px;padding-right:4px;font-size:11px}}@media (width>=361px) and (width<=420px){.panel-tab{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.surface,.copy-toast,.sliding-indicator,.trait-fill,.trait-marker{transition:none!important;animation:none!important}}.controls{flex-wrap:wrap}.oops-launch{min-height:44px;color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;padding:8px 12px;font-size:12px}.oops-entry-error{color:var(--error);font-size:12px}.oops-overlay{z-index:100;color:var(--text);background:#00000080;justify-content:center;align-items:center;padding:12px 16px;font-size:12px;line-height:1.35;animation:.4s ease-in-out both oops-backdrop-enter;display:flex;position:fixed;left:0;right:0}@keyframes oops-backdrop-enter{0%{background-color:#0000}to{background-color:#00000080}}.oops-dialog{width:100%;max-width:500px;min-height:0;max-height:100%;box-shadow:inset 0 0 0 .5px var(--separator);background:var(--canvas);border:0;border-radius:8px;flex-direction:column;gap:24px;padding:24px;animation:.4s cubic-bezier(.12,1,.8,1) both surface-enter-motion,.4s cubic-bezier(.12,1,.8,1) both surface-enter-focus,.4s cubic-bezier(.6,1,.8,1) both surface-enter-opacity;display:flex}.oops-header{flex:none;align-items:center;gap:12px;padding:0;display:flex}.oops-header h2{letter-spacing:normal;text-transform:none;overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:12px;line-height:1.35}.oops-content{overscroll-behavior:contain;min-height:0;padding:0;overflow-y:auto}.oops-content>*{margin-top:0;margin-bottom:24px}.oops-content>:last-child{margin-bottom:0}.oops-content h3{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:400}.oops-dialog button{border:1px solid var(--separator);background:var(--surface);min-width:44px;min-height:44px;color:var(--text);border-radius:4px;padding:8px 12px;font-size:12px}.oops-dialog button:disabled{opacity:.5;cursor:default}.oops-dialog .oops-primary{background:#ffffff29;border-color:#ffffff7a}.oops-actions{flex-wrap:wrap;flex:none;gap:8px;padding:0;display:flex}.oops-mistakes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.oops-mistakes button{text-align:left;width:100%}.oops-amount-form{gap:24px;display:grid}.oops-amount-form>p{margin:0}.oops-field{gap:8px;min-width:0;display:grid}.oops-field input{border:1px solid var(--input-border);background:var(--input);width:100%;min-width:0;min-height:44px;color:var(--text);text-align:right;border-radius:4px;padding:8px;font-size:12px}.oops-field input[aria-invalid=true]{border-color:var(--error)}.oops-error{color:var(--error);overflow-wrap:anywhere;display:block}.oops-muted{color:var(--body)}.oops-dialog[data-phase=preview]{border:1px solid var(--separator);box-shadow:none;gap:32px}.oops-dialog[data-phase=preview] .oops-close{margin:-14px}.oops-dialog[data-phase=preview] .oops-subtitle{opacity:.72}.oops-dialog[data-phase=preview] .oops-content>*{margin-bottom:32px}.oops-dialog[data-phase=preview] .oops-content>:last-child{margin-bottom:0}.oops-dialog[data-phase=preview] .oops-muted{color:var(--text);opacity:.72}.oops-dialog[data-phase=preview] .oops-actions{gap:24px}.oops-dialog[data-phase=preview] .oops-actions button{padding:10px}.oops-preview{min-width:0}.oops-recipe-name{overflow-wrap:anywhere;margin:0 0 12px}.oops-preview-grid{grid-template-columns:minmax(0,225fr) minmax(0,201fr);gap:24px;display:grid}.oops-amount-list{background:var(--surface);border-radius:4px;align-content:start;margin:0;padding:6px 12px 12px;display:grid}.oops-amount-list>div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:38px;padding:8px 12px;display:grid}.oops-amount-list>div:nth-child(2n){background:color-mix(in srgb, var(--canvas) 48%, transparent);border-radius:2px}.oops-amount-list dt{overflow-wrap:anywhere;min-width:0}.oops-amount-list dd{color:var(--accent);text-align:right;overflow-wrap:anywhere;margin:0}.oops-amount-list>div[data-zero] dt,.oops-amount-list>div[data-zero] dd{color:var(--text);opacity:.48}.oops-summary{align-content:start;gap:24px;min-width:0;margin:0;display:grid}.oops-summary>div{background:var(--surface);text-align:center;border-radius:4px;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.oops-summary dt{opacity:.72;overflow-wrap:anywhere;order:1}.oops-summary dd{overflow-wrap:anywhere;max-width:100%;margin:0}.oops-portion-count{color:var(--text);font-weight:700}.oops-portion-count[data-increased]{color:var(--accent)}.oops-count-value{position:relative}.oops-original-count{opacity:.48;white-space:nowrap;font-size:8px;font-weight:400;position:absolute;top:2.5px;right:calc(100% + 8px)}@media (width<=810px){.oops-dialog[data-phase=preview]{gap:24px}.oops-dialog[data-phase=preview] .oops-content>*{margin-bottom:24px}.oops-dialog[data-phase=preview] .oops-content>:last-child{margin-bottom:0}.oops-preview-grid{grid-template-columns:minmax(0,1fr);gap:12px}.oops-amount-list>div{min-height:32px;padding:8px}.oops-summary{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}.oops-summary>div{padding:12px}.oops-count-value[data-long]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:100%;display:inline-flex}.oops-count-value[data-long] .oops-original-count{position:static}.oops-launch-wrap{order:1}.recipe-picker-controls{order:2}}@media (width<=380px){.recipe-picker-controls{flex:1 0 100%}.recipe-select-wrap{flex:auto;max-width:none}}@media (height<=420px){.oops-dialog{overflow-y:auto}.oops-content{flex-shrink:0;overflow-y:visible}}.oops-filter{pointer-events:none;width:0;height:0;position:absolute}.oops-header h2{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.oops-subtitle{opacity:.5;font-weight:400}.oops-instructions{opacity:.7}.oops-dialog button{transition:background-color .4s ease-in-out,transform .12s ease-in-out}.oops-launch{transition:border-color .25s,transform .12s ease-in-out}.oops-dialog button:enabled:active,.oops-launch:active{transform:scale(.97)}@media (hover:hover){.oops-dialog button:enabled:hover{background-color:#ffffff1a}.oops-dialog .oops-primary:enabled:hover{background-color:#fff3}.oops-mistakes button:enabled:hover{background-color:var(--accent)}.oops-launch:hover{border-color:var(--separator)}}.oops-dialog .oops-close{background:0 0;border:0;flex:0 0 44px;place-items:center;padding:0;display:grid}.oops-launch-wrap{position:relative}.oops-launch-wrap [role=tooltip]{text-align:center;filter:drop-shadow(0 4px 8px #0009);z-index:2;border:.5px solid var(--separator);background:var(--canvas);opacity:0;visibility:hidden;pointer-events:none;border-radius:4px;width:max-content;max-width:min(260px,100vw - 40px);padding:8px 12px;font-size:12px;transition:opacity .2s ease-in-out,visibility .2s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.oops-launch-wrap [role=tooltip]:before{content:"";border-left:.5px solid var(--separator);border-top:.5px solid var(--separator);background:var(--canvas);width:10px;height:10px;position:absolute;top:-5.5px;left:50%;transform:translate(-50%)rotate(45deg)}.oops-launch-wrap [role=tooltip]>span{white-space:nowrap;display:block}@media (width<=380px){.oops-launch-wrap [role=tooltip]{left:auto;right:0;transform:none}.oops-launch-wrap [role=tooltip]:before{left:auto;right:24px;transform:rotate(45deg)}}@media (hover:hover){.oops-launch-wrap:hover [role=tooltip]{opacity:1;visibility:visible;transition-delay:.25s}}.oops-launch-wrap:focus-within [role=tooltip]{opacity:1;visibility:visible;transition-delay:0s}.oops-bowl-list{gap:12px;display:grid}.oops-bowl-row{grid-template-columns:minmax(0,1fr) minmax(70px,100px) auto;align-items:center;gap:8px;display:grid}.oops-checkbox{cursor:pointer;align-items:center;gap:8px;min-width:0;min-height:44px;display:flex;position:relative}.oops-checkbox>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.oops-checkbox>span:last-child{overflow-wrap:anywhere;min-width:0}.oops-checkbox-mark{border:.5px solid var(--separator);background:var(--surface);width:20px;height:20px;color:var(--accent);border-radius:4px;flex:0 0 20px;place-items:center;display:grid}.oops-checkbox-mark svg{opacity:0}.oops-checkbox input:checked+.oops-checkbox-mark svg{opacity:1}.oops-checkbox input:focus-visible+.oops-checkbox-mark{outline:2px solid var(--focus);outline-offset:2px}.oops-bowl-row>input{border:1px solid var(--input-border);background:var(--input);width:100%;min-width:0;min-height:44px;color:var(--text);text-align:right;border-radius:4px;padding:8px}.oops-bowl-row>input[aria-invalid=true]{border-color:var(--error)}.oops-bowl-row .oops-error{grid-column:1/-1}@media (prefers-reduced-motion:reduce){.oops-dialog,.oops-overlay{animation:none}.oops-dialog button,.oops-launch{transition:none}.oops-dialog button:enabled:active,.oops-launch:active{transform:none}}.oops-launch-wrap:has([data-tooltip-suppressed]) [role=tooltip]{opacity:0;visibility:hidden;transition:none}.oops-dialog[data-closing]{pointer-events:none}@media (prefers-reduced-motion:reduce){.yield-step,.value,.recipe-option-indicator{transition:none}.recipe-options{animation:none}.oops-launch-wrap [role=tooltip]{transition-duration:0s}}