:root,[data-theme=light]{color-scheme:light;--color-canvas: #f7faf8;--color-surface: #ffffff;--color-surface-raised: #e8f0ec;--color-text: #16211c;--color-text-muted: #52645b;--color-border: #7a9084;--color-action: #165b4a;--color-on-action: #ffffff;--color-accent: #c34832;--color-on-accent: #ffffff;--color-focus: #165b4a;--color-disabled: #d9e2dd;--color-on-disabled: #52645b}[data-theme=dark]{color-scheme:dark;--color-canvas: #101714;--color-surface: #18231e;--color-surface-raised: #223229;--color-text: #f3f7f4;--color-text-muted: #b6c5bc;--color-border: #60786b;--color-action: #78d6b0;--color-on-action: #0d1b15;--color-accent: #ff967d;--color-on-accent: #101714;--color-focus: #ffd166;--color-disabled: #2d3b34;--color-on-disabled: #b6c5bc}:root{--font-display: "Arial Narrow", "Roboto Condensed", "Aptos Narrow", sans-serif;--font-body: "Aptos", "Segoe UI", system-ui, sans-serif;--font-data: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;--text-xs: .75rem;--text-lg: 1.25rem;--text-xl: clamp(2.5rem, 8vw, 5.5rem);--line-tight: 1.05;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius-control: .375rem;--control-min: 2.75rem;--content-max: 72rem;--focus-ring: 3px solid var(--color-focus);--duration-fast: .14s}*{box-sizing:border-box}html{background:var(--color-canvas)}body{min-height:100vh;margin:0;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-body);line-height:1.5}button,a,input,textarea{font:inherit}button{min-width:var(--control-min);min-height:var(--control-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-weight:700;cursor:pointer}button:hover{background:var(--color-surface-raised)}button:disabled{background:var(--color-disabled);color:var(--color-on-disabled);cursor:not-allowed}.button-link{display:inline-flex;min-height:var(--control-min);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);align-items:center;background:var(--color-surface);color:var(--color-text);font-weight:700;text-decoration:none;cursor:pointer}.primary-button{background:var(--color-action);color:var(--color-on-action)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.skip-link{position:fixed;z-index:20;top:var(--space-2);left:var(--space-2);padding:var(--space-2) var(--space-4);transform:translateY(-200%);background:var(--color-action);color:var(--color-on-action)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.header-inner{display:flex;max-width:var(--content-max);min-height:4rem;margin:auto;padding:var(--space-2) var(--space-4);align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--space-3)}.brand{color:var(--color-text);font-family:var(--font-display);font-size:var(--text-lg);font-weight:900;letter-spacing:.14em;text-decoration:none}.preferences,.theme-button{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);max-width:var(--content-max);min-height:calc(100vh - 8rem);margin:auto;border-inline:1px solid var(--color-border);background:var(--color-surface)}.recipe-panel,.shell-panel{min-width:0;padding:clamp(var(--space-8),6vw,5rem)}.recipe-workspace{grid-template-columns:minmax(0,1fr) clamp(18rem,30vw,24rem)}.recipe-panel{padding-inline:clamp(var(--space-6),6vw,5rem)}.recipe-list{display:grid;gap:var(--space-3)}.recipe-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface)}.recipe-card.is-current{border-left:.35rem solid var(--color-accent)}.recipe-card h3,.recipe-card p{margin-top:0}.card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.recipe-editor,.data-tools{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.manage-recipes{margin-top:var(--space-6);border-top:1px solid var(--color-border)}.manage-recipes>summary{min-height:var(--control-min);padding-block:var(--space-4);font-weight:800;cursor:pointer}.recipe-editor form,.recipe-editor label{display:grid;gap:var(--space-2)}.recipe-editor form{gap:var(--space-4)}input,textarea{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text)}textarea{resize:vertical}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.data-status{min-height:1.5em;color:var(--color-text-muted)}.shell-panel{display:flex;border-left:1px solid var(--color-border);background:var(--color-surface-raised);flex-direction:column;justify-content:space-between}.eyebrow{margin:0 0 var(--space-3);color:var(--color-text-muted);font-family:var(--font-display);font-size:var(--text-xs);font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2{font-family:var(--font-display);line-height:var(--line-tight)}h1{max-width:18ch;margin:0;font-size:var(--text-xl)}h2{margin:0 0 var(--space-4);font-size:1.75rem}.lede{max-width:42rem;margin-top:var(--space-8);color:var(--color-text-muted);font-size:var(--text-lg)}.measure-rule{height:.65rem;margin-top:var(--space-6);overflow:hidden;background:repeating-linear-gradient(90deg,var(--color-border) 0 1px,transparent 1px 8px)}.measure-rule span{display:block;width:42%;height:100%;border-bottom:3px solid var(--color-accent);transition:width var(--duration-fast) ease}.yield-copy{margin:var(--space-3) 0 var(--space-8);color:var(--color-text-muted);font-weight:700}.recipe-tools{display:flex;margin-bottom:var(--space-8);align-items:end;flex-wrap:wrap;gap:var(--space-6)}.serving-control,.unit-control{display:grid;gap:var(--space-2)}.control-label{color:var(--color-text-muted);font-size:.875rem;font-weight:800}.stepper,.segments{display:flex;align-items:center}.stepper output{min-width:4rem;padding-inline:var(--space-2);font-family:var(--font-data);font-size:1.25rem;font-weight:800;text-align:center}.segments button{border-radius:0}.segments button:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control)}.segments button:last-child{margin-left:-1px;border-radius:0 var(--radius-control) var(--radius-control) 0}.segments button[aria-pressed=true]{position:relative;z-index:1;border-color:var(--color-action);background:var(--color-action);color:var(--color-on-action)}.ingredient-list{display:grid;margin:0;padding:0;list-style:none}.ingredient-list li{display:grid;grid-template-columns:minmax(6.5rem,.3fr) minmax(0,1fr);min-height:3.25rem;padding-block:var(--space-3);align-items:baseline;gap:var(--space-4);border-bottom:1px solid var(--color-border)}.ingredient-list .amount{color:var(--color-accent);font-family:var(--font-data);font-size:1.1rem;font-variant-numeric:tabular-nums;font-weight:800}.ingredient-list .unparsed-ingredient{grid-template-columns:minmax(0,1fr) auto}.unparsed-ingredient small{color:var(--color-text-muted)}.recipe-status{min-height:1.5em;margin-top:var(--space-4);color:var(--color-text-muted);font-weight:700}.recipe-actions{display:flex;margin-top:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.shopping-panel{margin-bottom:var(--space-8)}.library-heading{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.shopping-list{display:grid;margin:0 0 var(--space-4);padding:0;list-style:none}.shopping-list li{border-bottom:1px solid var(--color-border)}.shopping-list label{display:grid;min-height:var(--control-min);padding-block:var(--space-2);align-items:center;cursor:pointer;gap:var(--space-3);grid-template-columns:var(--control-min) minmax(0,1fr)}.shopping-list input{width:1.25rem;height:1.25rem;margin:auto;accent-color:var(--color-accent)}.shopping-list .is-checked{color:var(--color-text-muted);text-decoration:line-through}.shopping-empty,.shopping-status{color:var(--color-text-muted)}.shopping-status{min-height:1.5em;font-weight:700}.local-note{padding-top:var(--space-12);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.875rem}.site-footer{min-height:4rem;padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:center}.cook-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--color-canvas);color:var(--color-text)}.cook-dialog::backdrop{background:var(--color-canvas)}.cook-shell{display:grid;grid-template-rows:auto minmax(min-content,1fr) auto;width:min(100%,var(--content-max));min-height:100%;margin:auto;padding:var(--space-4) clamp(var(--space-4),5vw,var(--space-12))}.cook-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-3)}.cook-count{margin:0;font-family:var(--font-data);font-weight:700;white-space:nowrap}.cook-preferences{justify-self:end}.cook-step{display:flex;max-width:55rem;margin:auto;align-self:center;align-items:center;flex-direction:column;text-align:center}.cook-step h2{margin:var(--space-4) 0;font-size:clamp(2rem,7vw,5rem);text-wrap:balance}.wake-status{color:var(--color-text-muted)}.cook-actions{position:sticky;bottom:0;display:flex;padding-block:var(--space-4);justify-content:space-between;gap:var(--space-4);background:var(--color-canvas)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:48rem){.workspace{display:block;border-inline:0}.shell-panel{min-height:18rem;border-top:1px solid var(--color-border);border-left:0}.recipe-panel,.shell-panel{padding:var(--space-8) var(--space-4)}.theme-button span[aria-hidden=true]{display:none}.cook-header{grid-template-columns:auto 1fr auto}.cook-count{justify-self:center}.cook-preferences [data-cook-theme-label]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}}@media(max-width:25rem){.theme-button span[data-theme-label]{max-width:5.5rem}.recipe-tools{align-items:stretch;flex-direction:column}.stepper,.segments{width:100%}.stepper{justify-content:space-between}.segments button{flex:1}.ingredient-list li{grid-template-columns:minmax(5.5rem,.35fr) minmax(0,1fr);gap:var(--space-2)}.cook-shell{padding-inline:var(--space-3)}.cook-header{gap:var(--space-2)}.cook-header button{padding-inline:var(--space-2)}.cook-actions{display:grid}.cook-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}