:root{--surface-0: var(--dr-void);--surface-1: var(--dr-ground);--surface-2: var(--dr-raised);--surface-overlay: rgb(0 0 0 / .82);--text-primary: var(--dr-ink);--text-secondary: var(--dr-ink-muted);--text-muted: var(--dr-ink-faint);--text-on-accent: var(--dr-on-safelight);--accent: var(--dr-safelight);--accent-hover: var(--dr-safelight-hover);--accent-subtle: var(--dr-safelight-dim);--success: var(--dr-positive);--warning: var(--dr-warning);--danger: var(--dr-danger);--info: var(--dr-cat-2);--success-subtle: rgb(124 194 155 / .14);--warning-subtle: rgb(232 196 106 / .14);--danger-subtle: var(--dr-safelight-dim);--border-subtle: var(--dr-line);--border-strong: var(--dr-line-strong);--focus-ring: var(--dr-safelight);--shadow-1: none;--shadow-2: none;--text-cook: clamp(1.75rem, 4.5vw, 2.75rem);--weight-regular: 400;--weight-medium: 500;--weight-bold: 600;--bk-space-1: calc(var(--space-unit) * .5);--bk-space-2: var(--space-unit);--bk-space-3: calc(var(--space-unit) * 1.5);--bk-space-4: calc(var(--space-unit) * 2);--bk-space-5: calc(var(--space-unit) * 2.5);--bk-space-6: calc(var(--space-unit) * 3);--bk-space-8: calc(var(--space-unit) * 4);--bk-space-10: calc(var(--space-unit) * 5);--bk-space-12: calc(var(--space-unit) * 6);--bk-space-viewport: 10vh;--touch-min: 44px;--touch-cook: 64px;--rail-width: 15rem;--card-min: 15rem;--card-min-compact: 11rem;--card-strip: 16rem;--focus-photo: 24rem;--sheet-width: 28rem;--border-width: 1px;--border-heavy: 2px;--focus-width: 2px;--focus-offset: 3px;--offscreen: -100px;--app-min-height: 100vh;--control-check: 1.1rem;--textarea-min: 8rem;--textarea-tall: 18rem;--field-min: 10rem;--stepper-input: 4rem;--thumb-list: 5.5rem;--ingredients-min: 16rem;--col-qty: 4.5rem;--col-unit: 6.5rem;--col-timer: 5.5rem;--col-step-num: 2.25rem;--col-step-num-sm: 1.5rem;--measure-wide: 52rem;--modal-width: 36rem;--palette-width: 40rem;--palette-list-max: 60vh;--toast-width: 28rem;--login-width: 24rem;--radius-md: var(--radius);--radius-lg: var(--radius);--radius-pill: var(--radius);--ease-standard: var(--dr-ease);--duration-fast: .12s;--duration-base: var(--dr-dur-frame);--photo-filter: none;--photo-placeholder: var(--dr-ground)}[data-theme=light]{color-scheme:light;--dr-void: #f6f3ee;--dr-ground: #ffffff;--dr-raised: #ece7df;--dr-ink: #141210;--dr-ink-muted: #4f4a43;--dr-ink-faint: #6b665e;--dr-line: rgb(0 0 0 / .14);--dr-line-strong: rgb(0 0 0 / .32);--dr-safelight: #b8410d;--dr-safelight-hover: #9a360a;--dr-safelight-dim: rgb(184 65 13 / .1);--dr-safelight-line: rgb(184 65 13 / .45);--dr-on-safelight: #ffffff;--dr-positive: #1d7a3e;--dr-warning: #8a6100;--surface-overlay: rgb(20 18 16 / .45);--success-subtle: rgb(29 122 62 / .1);--warning-subtle: rgb(138 97 0 / .12)}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-base: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-0);color:var(--text-primary);font:var(--weight-regular) var(--text-base) / var(--leading-normal) var(--font-body);min-height:var(--app-min-height)}img{max-width:100%;display:block}a{color:var(--text-primary);text-decoration-color:var(--accent);text-underline-offset:.2em}a:hover{color:var(--text-primary);text-decoration-color:var(--accent-hover)}h1,h2,h3{font-family:var(--font-display);font-weight:var(--weight-regular);line-height:var(--leading-tight);margin:0 0 var(--bk-space-3)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}p{margin:0 0 var(--bk-space-3)}.sr-only{position:absolute;width:var(--border-width);height:var(--border-width);padding:0;margin:calc(var(--border-width) * -1);overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--text-secondary)}.small{font-size:var(--text-sm)}.row{display:flex;gap:var(--bk-space-2);align-items:center;flex-wrap:wrap}.row-between{display:flex;gap:var(--bk-space-3);align-items:center;justify-content:space-between;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:var(--bk-space-3)}.grow{flex:1}.skip-link{position:absolute;left:var(--bk-space-2);top:var(--offscreen);background:var(--surface-1);color:var(--text-primary);padding:var(--bk-space-2) var(--bk-space-3);border:var(--border-width) solid var(--accent);z-index:100}.skip-link:focus{top:var(--bk-space-2)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--bk-space-3) var(--bk-space-8);flex-wrap:wrap;padding:var(--bk-space-3) clamp(var(--bk-space-4),3vw,var(--bk-space-10));background:var(--surface-0);border-bottom:var(--border-width) solid var(--border-subtle)}.topnav{flex:1}.topbar-end{display:flex;gap:var(--bk-space-2);align-items:center;margin-left:auto}main{max-width:var(--page-max);margin:0 auto;padding:var(--bk-space-8) clamp(var(--bk-space-4),3vw,var(--bk-space-10)) var(--bk-space-12)}.bottomnav{display:none}.site-footer{max-width:var(--page-max);margin:0 auto;padding:var(--bk-space-4) clamp(var(--bk-space-4),3vw,var(--bk-space-10)) var(--bk-space-8);border-top:var(--border-width) solid var(--border-subtle);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.intro{padding:var(--bk-space-2) 0 var(--bk-space-6);border-bottom:var(--border-width) solid var(--border-subtle);margin-bottom:var(--bk-space-6)}.intro .dr-section-title{margin:var(--bk-space-2) 0 var(--bk-space-4)}.intro-text{max-width:var(--measure);font-size:var(--text-lg)}.intro-text p{margin:0 0 var(--bk-space-2)}.intro-text p:last-child{margin-bottom:0}.focus-head{margin-bottom:var(--bk-space-4)}.focus-head .dr-label{margin:0}.focus{display:grid;grid-template-columns:minmax(0,var(--focus-photo)) minmax(0,1fr);gap:var(--bk-space-6);align-items:center;text-decoration:none;color:var(--text-primary)}.focus:hover{color:var(--text-primary)}.focus .detail-cover{aspect-ratio:3 / 2}.focus .stack{max-width:var(--measure)}.focus-title{font-size:var(--text-2xl);line-height:var(--leading-tight);margin:0}.focus:hover .focus-title{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.15em}.focus-cta{color:var(--accent);font-weight:var(--weight-medium)}.focus:hover .focus-cta{color:var(--accent-hover)}.gate{max-width:var(--measure);padding:var(--bk-space-10) 0;display:flex;flex-direction:column;gap:var(--bk-space-4);align-items:flex-start}.gate h1{margin:0}@media(max-width:720px){.topnav,.topbar .kbd{display:none}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface-1);border-top:var(--border-width) solid var(--border-subtle);padding-bottom:env(safe-area-inset-bottom)}.bottomnav a{flex:1;text-align:center;padding:var(--bk-space-3) var(--bk-space-1);min-height:var(--touch-min);color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-top:var(--border-heavy) solid transparent}.bottomnav a[aria-current=page]{color:var(--text-primary);border-top-color:var(--accent)}main{padding:var(--bk-space-6) var(--bk-space-4) var(--bk-space-8)}.site-footer{padding:var(--bk-space-4) var(--bk-space-4) calc(var(--bk-space-12) * 2)}.nutrition th,.nutrition td{padding:var(--bk-space-2) var(--bk-space-1)}.nutrition thead th{white-space:normal}.nutrition tr.sub th{padding-left:var(--bk-space-3)}}.dr-btn.bk-ghost{border-color:transparent;color:var(--text-secondary)}.dr-btn.bk-ghost:hover{color:var(--text-primary);border-color:var(--border-strong)}.dr-btn.bk-ghost[aria-pressed=true]{color:var(--text-primary)}.dr-btn.bk-sm{min-height:var(--touch-min);padding:0 var(--bk-space-3);font-size:var(--text-sm)}.dr-btn.bk-danger{color:var(--danger);border-color:var(--dr-safelight-line)}.dr-btn.bk-danger:hover{border-color:var(--danger)}.dr-btn--icon.bk-sm{width:var(--touch-min);padding:0}.dr-next.bk-next-btn{width:100%;background:transparent;border-left:0;border-right:0;border-bottom:0;font:inherit;text-align:left;cursor:pointer}label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--bk-space-1)}.dr-input{width:100%}textarea.dr-input{min-height:var(--textarea-min);padding:var(--bk-space-2) var(--bk-space-3);resize:vertical;line-height:var(--leading-normal)}select.dr-input{padding-right:var(--bk-space-2)}.dr-input.bk-input-sm{min-height:calc(var(--touch-min) - var(--bk-space-2));padding:0 var(--bk-space-2);font-size:var(--text-sm)}.field{margin-bottom:var(--bk-space-4)}.field-grid{display:grid;gap:var(--bk-space-3);grid-template-columns:repeat(auto-fill,minmax(var(--field-min),1fr))}.checkbox{display:inline-flex;align-items:center;gap:var(--bk-space-2);color:var(--text-secondary);margin:0;min-height:var(--touch-min);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:normal;text-transform:none}.checkbox input{width:var(--control-check);height:var(--control-check);accent-color:var(--text-primary)}input.dr-check{appearance:none;display:inline-grid;place-content:center}input.dr-check:checked:after{content:"✓";color:var(--surface-0);font-size:var(--text-sm)}fieldset{border:var(--border-width) solid var(--border-subtle);margin:0}legend{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);padding:0 var(--bk-space-2)}.error{color:var(--danger);border:var(--border-width) solid var(--dr-safelight-line);background:var(--danger-subtle);padding:var(--bk-space-3) var(--bk-space-4)}.notice{background:var(--surface-1);border:var(--border-width) solid var(--border-subtle);padding:var(--bk-space-4)}.notice-warning{border-color:var(--dr-safelight-line)}.review-bar{margin-bottom:var(--bk-space-4)}.bake-group+.bake-group{margin-top:var(--bk-space-10)}.bake-group-h{font-size:var(--text-2xl);margin:0 0 var(--bk-space-4);padding-bottom:var(--bk-space-2);border-bottom:var(--border-width) solid var(--border-subtle)}.panel{background:var(--surface-1);border:var(--border-width) solid var(--border-subtle);padding:var(--bk-space-5)}code,.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.token-box{word-break:break-all;background:var(--surface-2);padding:var(--bk-space-3);font-family:var(--font-mono)}.chips{display:flex;flex-wrap:wrap;gap:var(--bk-space-2)}button.dr-tag,a.dr-tag{background:transparent;cursor:pointer;min-height:calc(var(--touch-min) - var(--bk-space-3))}.dr-tag:hover{color:var(--text-primary);border-color:var(--text-secondary)}.dr-tag[aria-pressed=true]{background:var(--text-primary);border-color:var(--text-primary);color:var(--surface-0)}.dr-tag .muted{color:inherit;opacity:.7}.dr-tag.bk-archived{opacity:.7}.dr-segmented>button{font-family:var(--font-mono)}.stepper{display:inline-flex;align-items:center;border:var(--border-width) solid var(--border-strong)}.stepper button{width:var(--touch-min);height:var(--touch-min);border:0;background:transparent;color:var(--text-primary);font-size:var(--text-lg);cursor:pointer}.stepper button:hover{background:var(--surface-2)}.stepper input{width:var(--stepper-input);text-align:center;height:var(--touch-min);border:0;border-left:var(--border-width) solid var(--border-subtle);border-right:var(--border-width) solid var(--border-subtle);background:var(--surface-1);color:var(--text-primary);font:inherit}.stars{color:var(--text-primary);letter-spacing:.05em}.stars .muted{color:var(--text-muted)}.star-btn{background:none;border:0;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;min-width:var(--touch-min);min-height:var(--touch-min)}.star-btn[aria-pressed=true]{color:var(--text-primary)}.grid{display:grid;gap:var(--bk-space-6) var(--bk-space-4);grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr))}.grid.compact{grid-template-columns:repeat(auto-fill,minmax(var(--card-min-compact),1fr));gap:var(--bk-space-4) var(--bk-space-3)}.grid.list{grid-template-columns:1fr;gap:0}.card{display:flex;flex-direction:column;color:inherit;text-decoration:none}.card:hover{color:inherit}.card-cover{aspect-ratio:4 / 3;background:var(--photo-placeholder);display:grid;place-items:center;color:var(--text-muted);font-size:var(--text-3xl);border:var(--border-width) solid var(--border-subtle)}.card-cover,.detail-cover{position:relative;overflow:hidden}.card-cover img,.detail-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-cover img{filter:var(--photo-filter)}.card-body{padding:var(--bk-space-3) 0 0;display:flex;flex-direction:column;gap:var(--bk-space-1)}.card-title{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--leading-tight);display:flex;justify-content:space-between;gap:var(--bk-space-2)}.card-summary{color:var(--text-secondary);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid.compact .card-title{font-size:var(--text-lg)}.grid.compact .card-summary{display:none}.grid.list .card{flex-direction:row;align-items:center;gap:var(--bk-space-4);padding:var(--bk-space-3) 0;border-bottom:var(--border-width) solid var(--border-subtle)}.grid.list .card-cover{width:var(--thumb-list);aspect-ratio:1;flex:none;font-size:var(--text-xl)}.grid.list .card-body{padding:0;flex:1;min-width:0}mark{background:var(--surface-2);color:var(--text-primary);border-bottom:var(--border-width) solid var(--text-primary)}.strip{display:grid;grid-auto-flow:column;grid-auto-columns:var(--card-strip);gap:var(--bk-space-4);overflow-x:auto;padding-bottom:var(--bk-space-3);scroll-snap-type:x mandatory}.strip>*{scroll-snap-align:start}.section{margin-bottom:var(--bk-space-12)}.section>.row-between{margin-bottom:var(--bk-space-4)}.empty{text-align:center;padding:var(--bk-space-12) var(--bk-space-4);color:var(--text-secondary);border:var(--border-width) dashed var(--border-strong);display:flex;flex-direction:column;align-items:center;gap:var(--bk-space-4)}.browse{display:grid;grid-template-columns:var(--rail-width) 1fr;gap:var(--bk-space-8);align-items:start}.rail{position:sticky;top:calc(var(--touch-min) + var(--bk-space-8));display:flex;flex-direction:column;gap:var(--bk-space-5)}.rail h3{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--bk-space-2)}@media(max-width:900px){.browse{grid-template-columns:1fr}.rail{position:static}.rail.collapsed .rail-body{display:none}}@media(min-width:901px){.rail-toggle{display:none}}.detail-header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--bk-space-8);margin-bottom:var(--bk-space-8)}.detail-cover{background:var(--photo-placeholder);aspect-ratio:4 / 3;display:grid;place-items:center;color:var(--text-muted);font-size:var(--text-3xl);overflow:hidden}.detail-cover img{filter:var(--photo-filter)}.detail-header h1{font-size:var(--text-4xl);margin:0}.recipe-cols{display:grid;grid-template-columns:minmax(var(--ingredients-min),1fr) minmax(0,1.6fr);gap:var(--bk-space-10);align-items:start}.ingredients{position:sticky;top:calc(var(--touch-min) + var(--bk-space-8))}.ing-list{list-style:none;margin:0 0 var(--bk-space-4);padding:0}.ing-list li{display:flex;gap:var(--bk-space-3);align-items:flex-start;padding:var(--bk-space-2) 0;border-bottom:var(--border-width) solid var(--border-subtle)}.ing-list li.checked .ing-text{text-decoration:line-through;color:var(--text-muted)}.ing-text{flex:1}.not-scaled{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);border:var(--border-width) solid var(--border-strong);padding:0 var(--bk-space-2);margin-left:var(--bk-space-1);white-space:nowrap}.steps{list-style:none;margin:0;padding:0;counter-reset:step}.steps li{counter-increment:step;display:grid;grid-template-columns:var(--col-step-num) 1fr;gap:var(--bk-space-3);margin-bottom:var(--bk-space-6)}.steps li:before{content:counter(step,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-muted);padding-top:.2em}.prose,.nutrition-block{max-width:var(--measure)}.nutrition-wrap{overflow-x:auto;margin-bottom:var(--bk-space-3)}.nutrition{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.nutrition th,.nutrition td{padding:var(--bk-space-2) var(--bk-space-3);border-bottom:var(--border-width) solid var(--border-subtle);text-align:right;white-space:nowrap}.nutrition th:first-child{text-align:left;font-weight:var(--weight-regular)}.nutrition thead th{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-regular);border-bottom-color:var(--border-strong)}.nutrition tr.sub th{padding-left:var(--bk-space-6);color:var(--text-secondary)}.prose table{border-collapse:collapse}.prose td,.prose th{border:var(--border-width) solid var(--border-subtle);padding:var(--bk-space-1) var(--bk-space-3)}.mobile-tabs{display:none;margin-bottom:var(--bk-space-4)}@media(max-width:800px){.detail-header,.focus,.recipe-cols{grid-template-columns:1fr}.ingredients{position:static}.mobile-tabs{display:inline-flex}.recipe-cols[data-tab=method] .ingredients,.recipe-cols[data-tab=ingredients] .method{display:none}}.toolbar{display:flex;flex-wrap:wrap;gap:var(--bk-space-2);margin:var(--bk-space-4) 0}.overlay{position:fixed;inset:0;background:var(--surface-overlay);z-index:50;display:flex}.sheet{margin-left:auto;width:min(var(--sheet-width),100%);height:100%;overflow-y:auto;background:var(--surface-1);border-left:var(--border-width) solid var(--border-strong);padding:var(--bk-space-6);animation:slide-in var(--duration-base) var(--ease-standard)}.modal{margin:auto;width:min(var(--modal-width),calc(100% - var(--bk-space-8)));max-height:calc(100% - var(--bk-space-8));overflow-y:auto;background:var(--surface-1);border:var(--border-width) solid var(--border-strong);padding:var(--bk-space-6)}.modal-wide{width:min(var(--measure-wide),calc(100% - var(--bk-space-8)))}@keyframes slide-in{0%{transform:translate(var(--bk-space-8));opacity:0}to{transform:none;opacity:1}}.toasts{position:fixed;bottom:var(--bk-space-6);left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:var(--bk-space-2);width:min(var(--toast-width),calc(100% - var(--bk-space-8)))}.toast{background:var(--surface-2);border:var(--border-width) solid var(--border-strong);padding:var(--bk-space-3) var(--bk-space-4);font-size:var(--text-sm)}.toast-error{border-color:var(--danger);color:var(--danger)}@media(max-width:720px){.toasts{bottom:calc(var(--touch-min) + var(--bk-space-8))}}.palette{margin:var(--bk-space-viewport) auto auto;width:min(var(--palette-width),calc(100% - var(--bk-space-6)));background:var(--surface-1);border:var(--border-width) solid var(--border-strong);overflow:hidden}.palette .dr-input{border:0;border-bottom:var(--border-width) solid var(--border-subtle);font-size:var(--text-lg);min-height:calc(var(--touch-min) + var(--bk-space-4));padding:0 var(--bk-space-4)}.palette ul{list-style:none;margin:0;padding:var(--bk-space-2);max-height:var(--palette-list-max);overflow-y:auto}.palette li a{display:block;padding:var(--bk-space-3);color:inherit;text-decoration:none;border-left:var(--border-heavy) solid transparent}.palette li a[aria-selected=true],.palette li a:hover{background:var(--surface-2);border-left-color:var(--accent)}.kbd{font-family:var(--font-mono);font-size:var(--text-xs);border:var(--border-width) solid var(--border-strong);padding:0 var(--bk-space-1);color:var(--text-muted)}.ing-table{width:100%;border-collapse:collapse}.ing-table th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-regular);padding:var(--bk-space-1)}.ing-table td{padding:var(--bk-space-1);vertical-align:middle}.ing-table tr.dragging{opacity:.4}.ing-table .drag{cursor:grab;color:var(--text-muted);user-select:none}.col-qty{width:var(--col-qty)}.col-unit{width:var(--col-unit)}.group-box{border:var(--border-width) solid var(--border-subtle);padding:var(--bk-space-3);margin-bottom:var(--bk-space-3);overflow-x:auto}.step-row{display:grid;grid-template-columns:var(--col-step-num) 1fr var(--col-timer) auto;gap:var(--bk-space-2);align-items:start;margin-bottom:var(--bk-space-2)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--bk-space-6)}@media(max-width:800px){.split{grid-template-columns:1fr}.step-row{grid-template-columns:var(--col-step-num-sm) 1fr}}.sticky-actions{position:sticky;bottom:0;background:var(--surface-0);padding:var(--bk-space-3) 0;border-top:var(--border-width) solid var(--border-subtle);display:flex;gap:var(--bk-space-2);flex-wrap:wrap;align-items:center;z-index:5}@media(max-width:720px){.sticky-actions{bottom:calc(var(--touch-min) + var(--bk-space-6))}}.diff{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.diff td,.diff th{padding:var(--bk-space-2);border-bottom:var(--border-width) solid var(--border-subtle);vertical-align:top;text-align:left}.diff th{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted);font-weight:var(--weight-regular)}.diff .before{color:var(--text-secondary);text-decoration:line-through;text-decoration-color:var(--danger);white-space:pre-wrap}.diff .after{color:var(--text-primary);background:var(--success-subtle);white-space:pre-wrap}.rev-list{list-style:none;margin:0;padding:0}.rev-list li button{width:100%;text-align:left;background:none;border:0;border-bottom:var(--border-width) solid var(--border-subtle);border-left:var(--border-heavy) solid transparent;color:inherit;font:inherit;padding:var(--bk-space-3);cursor:pointer}.rev-list li button[aria-current=true]{background:var(--surface-1);border-left-color:var(--accent)}.cook{position:fixed;inset:0;z-index:40;background:var(--surface-0);color:var(--text-primary);display:grid;grid-template-rows:auto 1fr auto}.cook-top{display:flex;align-items:center;gap:var(--bk-space-3);padding:var(--bk-space-3) var(--bk-space-4);border-bottom:var(--border-width) solid var(--border-subtle)}.cook-step{padding:var(--bk-space-8) var(--bk-space-6);overflow-y:auto;max-width:var(--measure-wide);margin:0 auto;width:100%;touch-action:pan-y}.cook-step p{font-size:var(--text-cook);line-height:var(--leading-tight);font-family:var(--font-display)}.cook-ings{list-style:none;padding:0;margin:var(--bk-space-6) 0 0;display:flex;flex-wrap:wrap;gap:var(--bk-space-2)}.cook-ings li{border:var(--border-width) solid var(--border-strong);padding:var(--bk-space-2) var(--bk-space-3);font-size:var(--text-lg)}.cook-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--bk-space-3);padding:var(--bk-space-3) var(--bk-space-4) calc(var(--bk-space-3) + env(safe-area-inset-bottom));border-top:var(--border-width) solid var(--border-subtle);align-items:center}.cook-nav .dr-btn{min-height:var(--touch-cook);font-size:var(--text-lg)}.timers{display:flex;gap:var(--bk-space-2);flex-wrap:wrap}.timer-pill{display:inline-flex;align-items:center;gap:var(--bk-space-2);padding:0 0 0 var(--bk-space-4);border:var(--border-width) solid var(--border-strong);font-family:var(--font-mono);font-size:var(--text-lg);min-height:var(--touch-min);color:var(--text-primary)}.timer-pill.done{border-color:var(--accent);color:var(--accent);animation:pulse 1s infinite}.timer-pill button{background:none;border:0;color:inherit;cursor:pointer;font-size:var(--text-base);min-width:var(--touch-min);min-height:var(--touch-min)}@keyframes pulse{50%{opacity:.6}}.progress{height:var(--border-heavy);background:var(--border-subtle)}.progress>div{height:100%;background:var(--text-primary);transition:width var(--duration-base) var(--ease-standard)}