@font-face{font-family:Archivo;src:url(/fonts/archivo-var.woff2)format("woff2-variations");font-weight:400 700;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/plexmono-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/plexmono-500.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Manjari;src:url(/fonts/Manjari-Regular.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+D00-D7F,U+200C-200D,U+20B9}@font-face{font-family:Manjari;src:url(/fonts/Manjari-Bold.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+D00-D7F,U+200C-200D,U+20B9}:root{--ground:#0a0e14;--panel:#111823;--panel-lit:#16202e;--arc:#3dd6f5;--arc-dim:#1d7f96;--gold:#e8a33d;--alert:#ff4d4d;--engrave:#2a3543;--ink:#e8f1f8;--ink-dim:#7c8fa3;--slate:#55647a;--slate-dim:#3a4657;--go:#4fd68a;--ready:var(--go);--almost:var(--gold);--no:var(--alert);--unknown:var(--slate);--face-data:"Archivo", "Manjari", system-ui, sans-serif;--face-mono:"Plex Mono", ui-monospace, "Roboto Mono", monospace;--t-hero:clamp(3.25rem, 17vw, 5.5rem);--t-major:clamp(1.75rem, 8vw, 2.75rem);--t-readout:clamp(1.375rem, 5.5vw, 1.875rem);--t-body:1rem;--t-label:.8125rem;--t-min:.75rem;--track-label:.16em;--rule:2px;--gap:1rem;--pad:1.25rem;--bracket:1rem;--ease:cubic-bezier(.2, .7, .3, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font-family:var(--face-data);font-size:var(--t-body);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;line-height:1.45}h1,h2,h3{font-weight:600;line-height:1.05}a{color:var(--arc)}button,input,textarea{font:inherit;color:inherit}ul,ol{list-style:none}:focus-visible{outline:var(--rule) solid var(--arc);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.label{font-family:var(--face-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--arc-dim);font-weight:500}.stamp{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;color:var(--ink-dim)}.hero{font-size:var(--t-hero);letter-spacing:-.03em;font-weight:600;line-height:.92}.readout{font-size:var(--t-readout);font-weight:500;line-height:1.05}.instrument,.ingredients,.method,.tray{background:var(--panel);padding:var(--pad);position:relative}.instrument:before,.instrument:after,.ingredients:before,.ingredients:after,.method:before,.method:after,.tray:before,.tray:after{content:"";width:var(--bracket);height:var(--bracket);border:var(--rule) solid var(--engrave);pointer-events:none;position:absolute}.instrument:before,.ingredients:before,.method:before,.tray:before{border-bottom:none;border-right:none;top:0;left:0}.instrument:after,.ingredients:after,.method:after,.tray:after{border-top:none;border-left:none;bottom:0;right:0}.page{max-width:54rem;padding:max(env(safe-area-inset-top), var(--gap)) var(--gap) 120px;gap:var(--gap);flex-direction:column;margin:0 auto;display:flex}.topbar{border-bottom:var(--rule) solid var(--engrave);justify-content:space-between;align-items:center;gap:12px;padding-bottom:.625rem;display:flex}.wordmark{font-family:var(--face-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ink);font-size:1rem;font-weight:500}.pill{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:8px;min-height:44px;text-decoration:none;display:inline-flex}.pill:hover{color:var(--ink)}.pill:disabled{cursor:default}.pill-alert{color:var(--gold)}.pill-dot{background:var(--arc);width:8px;height:8px}.pill-dot-syncing{animation:.9s steps(2,end) infinite blink}.pill-dot-offline{background:var(--slate)}.pill-dot-error{background:var(--gold)}@keyframes blink{50%{opacity:.2}}.tonight{flex-direction:column;gap:.875rem;display:flex}.tonight-top{justify-content:space-between;align-items:flex-end;gap:var(--gap);display:flex}.tonight-hero,.tonight-readout{cursor:pointer;text-align:left;border:0;border-bottom:var(--rule) solid transparent;background:0 0;flex-direction:column;align-items:flex-start;gap:.25rem;padding:.25rem 0 .375rem;display:flex}.tonight-hero .hero{color:var(--ready)}.tonight-side{gap:1.5rem;display:flex}.tonight-readout.filter-almost .readout{color:var(--almost)}.tonight-readout.filter-no .readout{color:var(--no)}.tonight-hero.is-on{border-bottom-color:var(--ready)}.filter-almost.is-on{border-bottom-color:var(--almost)}.filter-no.is-on{border-bottom-color:var(--no)}.tonight-hero:hover .label,.tonight-readout:hover .label{color:var(--arc)}.tonight-foot{border-top:var(--rule) solid var(--engrave);justify-content:space-between;align-items:center;gap:12px;padding-top:.75rem;display:flex}.search input{border:var(--rule) solid var(--engrave);background:var(--panel);width:100%;min-height:48px;padding:.75rem .875rem}.search input::placeholder{color:var(--slate)}.search input:focus{border-color:var(--arc-dim);outline:none}.lid{--c:var(--unknown);width:48px;height:48px;color:var(--c);flex:none;place-items:center;font-size:1.15rem;font-weight:600;display:inline-grid;position:relative}.lid-dial{width:100%;height:100%;position:absolute;inset:0}.lid-tick{stroke:var(--engrave);stroke-width:2px}.lid-tick.major{stroke:var(--c);stroke-width:3px}.lid-ring{fill:none;stroke:var(--c);stroke-width:4px}.lid-mark{place-items:center;display:grid;position:relative}.lid-mark svg{width:20px;height:20px}.lid-ready{--c:var(--ready)}.lid-almost{--c:var(--almost)}.lid-no{--c:var(--no)}.lid-lg{width:84px;height:84px;font-size:2rem}.lid-lg .lid-mark svg{width:34px;height:34px}.lid-flash .lid-ring{animation:.9s steps(3,end) flash}@keyframes flash{33%{stroke:var(--ink)}66%{stroke:var(--c)}}.tray{padding-top:.25rem;padding-bottom:.25rem}.tray li+li{border-top:var(--rule) solid var(--engrave)}.row{min-height:64px;color:inherit;align-items:center;gap:.875rem;padding:.75rem 0;text-decoration:none;display:flex}.row:hover .row-title{color:var(--arc)}.row-body{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.row-title{letter-spacing:-.01em;font-size:1.125rem;font-weight:600;line-height:1.2}.row-why{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.04em;color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.why-almost{color:var(--almost)}.why-no{color:var(--no)}.row-meta{flex-direction:column;flex:none;align-items:flex-end;gap:2px;display:flex}.row-meta,.unsent{font-family:var(--face-mono);font-size:var(--t-min);color:var(--ink-dim)}.unsent{color:var(--gold);text-transform:uppercase;letter-spacing:.08em}.fab{right:max(20px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));background:var(--arc);width:60px;height:60px;color:var(--ground);border-radius:2px;place-items:center;display:grid;position:fixed}.fab svg{width:26px;height:26px}.empty{text-align:center;padding:3rem var(--pad);color:var(--ink-dim);flex-direction:column;align-items:center;gap:.625rem;display:flex}.empty-title{font-family:var(--face-mono);font-size:var(--t-body);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--slate)}.empty .btn{margin-top:.5rem}.btn{border:var(--rule) solid var(--engrave);min-height:48px;color:var(--ink);font-family:var(--face-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;padding:0 1.25rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:hover{background:var(--engrave)}.btn:disabled{opacity:.35;cursor:default}.btn-primary{background:var(--arc);border-color:var(--arc);color:var(--ground)}.btn-primary:hover{background:var(--ink);border-color:var(--ink)}.btn-quiet{color:var(--ink-dim)}.btn-danger{border-color:var(--alert);color:var(--alert)}.btn-add{width:100%;color:var(--arc);border-style:dashed}.link-btn{cursor:pointer;font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--arc);background:0 0;border:0;padding:.25rem 0}.link-btn:hover{color:var(--ink)}.back a{font-family:var(--face-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--ink-dim);text-decoration:none}.back a:before{content:"‹ "}.back a:hover{color:var(--arc)}.recipe-head{flex-direction:column;gap:.625rem;display:flex}.recipe-title{font-size:var(--t-major);letter-spacing:-.03em;text-wrap:balance;line-height:1}.recipe-desc{color:var(--ink-dim);max-width:62ch}.recipe-facts{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);flex-wrap:wrap;gap:.375rem 1rem;display:flex}.tag{color:var(--arc-dim)}.tag:before{content:"#"}.verdict{background:var(--panel);padding:var(--pad);border-left:4px solid var(--unknown);align-items:center;gap:1.25rem;display:flex}.verdict-ready{border-left-color:var(--ready)}.verdict-almost{border-left-color:var(--almost)}.verdict-no{border-left-color:var(--no)}.verdict-lid{flex:none}.verdict-head{margin-top:.25rem;font-size:1.375rem;font-weight:600;line-height:1.15}.verdict-detail{color:var(--ink-dim);margin-top:.25rem}.btn-cook{width:100%;min-height:60px;font-size:1rem}.recipe-cols{gap:1.5rem;display:grid}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:.5rem;display:flex}.ingredients h2,.method h2{font-family:var(--face-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--arc-dim);font-weight:500}.method h2{margin-bottom:.75rem}.method h2:not(:first-child){margin-top:1.5rem}.ing-group h3{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);margin:1rem 0 .25rem;font-weight:400}.stepper{border:var(--rule) solid var(--engrave);align-items:center;display:inline-flex}.stepper button{width:44px;height:40px;color:var(--arc);cursor:pointer;background:0 0;border:0;font-size:1.25rem}.stepper button:hover{background:var(--engrave)}.stepper span{font-family:var(--face-mono);font-size:var(--t-min);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);white-space:nowrap;padding:0 .5rem}.stepper strong{color:var(--ink);font-weight:500}.ing{border-bottom:var(--rule) solid var(--engrave);align-items:center;gap:.625rem;display:flex}.ing:last-child{border-bottom:0}.ing-tick{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:flex-start;gap:.875rem;min-height:46px;padding:.625rem 0;display:flex}.ing-box{border:var(--rule) solid var(--arc-dim);flex:none;width:1.25rem;height:1.25rem;margin-top:.125rem;position:relative}.ing-ticked .ing-box:after{content:"";background:var(--arc);position:absolute;inset:.2rem}.ing-ticked .ing-text{color:var(--ink-dim);text-decoration:line-through;text-decoration-thickness:2px}.ing-qty{margin-right:.375rem;font-weight:600}.ing-main .ing-name{font-weight:600}.ing-note,.ing-optional .ing-name{color:var(--ink-dim)}.flag{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;flex:none}.flag-no{color:var(--no)}.flag-almost{color:var(--almost)}.flag-swap{color:var(--ready)}.flag-quiet{color:var(--slate)}.steps{counter-reset:step}.steps>li{counter-increment:step;padding:0 0 1.25rem 2.75rem;position:relative}.steps>li+li{border-top:var(--rule) solid var(--engrave);padding-top:1rem}.steps>li:before{content:counter(step, decimal-leading-zero);font-family:var(--face-mono);color:var(--arc);font-weight:500;position:absolute;left:0}.steps>li+li:before{top:1rem}.steps p{max-width:64ch}.timer-chip{font-family:var(--face-mono);font-size:var(--t-label);color:var(--gold);margin-top:.5rem;display:inline-block}.timer-chip:before{content:"◷ "}.notes{white-space:pre-wrap;max-width:64ch;color:var(--ink-dim)}.source{font-family:var(--face-mono);font-size:var(--t-min);color:var(--slate);text-transform:uppercase;letter-spacing:.08em;margin-top:1rem}.source a{color:var(--ink-dim)}.recipe-actions{border-top:var(--rule) solid var(--engrave);gap:.625rem;padding-top:.75rem;display:flex}@media (width>=56rem){.page-recipe{max-width:72rem}.page-recipe .btn-cook{align-self:flex-start;width:auto;padding:0 2.5rem}.recipe-cols{grid-template-columns:minmax(18rem,24rem) 1fr}.ingredients{top:var(--gap);align-self:start;position:sticky}}.step-ings{flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;display:flex}.step-ings li{color:var(--ink-dim);align-items:baseline;gap:.375rem;font-size:.9375rem;display:inline-flex}.step-ing-qty{font-family:var(--face-mono);color:var(--arc);font-weight:500}.qty-alt{font-family:var(--face-mono);color:var(--ink-dim);font-weight:400}.cook{gap:var(--gap);min-height:100dvh;padding:max(env(safe-area-inset-top), var(--gap)) var(--gap) max(env(safe-area-inset-bottom), var(--gap));flex-direction:column;max-width:54rem;margin:0 auto;display:flex}.cook-top{border-bottom:var(--rule) solid var(--engrave);justify-content:space-between;align-items:center;gap:12px;padding-bottom:.5rem;display:flex}.cook-close,.cook-ing-toggle{font-family:var(--face-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--arc);cursor:pointer;background:0 0;border:0;min-height:44px;padding:.625rem 0;text-decoration:none}.cook-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);flex:1;overflow:hidden}.cook-progress{gap:4px;display:flex}.cook-progress span{background:var(--engrave);flex:1;height:6px}.cook-progress .done{background:var(--arc-dim)}.cook-progress .now{background:var(--arc)}.cook-step{flex-direction:column;flex:1;justify-content:safe center;gap:1.25rem;padding:1rem 0;display:flex}.cook-count{font-family:var(--face-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--arc-dim)}.cook-text{text-wrap:pretty;max-width:34ch;line-height:1.3}.cook-text-short{font-size:clamp(1.5rem,min(6vw,5vh),2.375rem)}.cook-text-medium{max-width:40ch;font-size:clamp(1.25rem,min(5vw,3.9vh),2rem)}.cook-text-long{max-width:48ch;font-size:clamp(1.125rem,min(4.4vw,3.1vh),1.625rem);line-height:1.38}.step-ings-lg{border-top:var(--rule) solid var(--engrave);flex-flow:column;gap:0;margin:0}.step-ings-lg li{border-bottom:var(--rule) solid var(--engrave);color:var(--ink);grid-template-columns:minmax(7.5rem,max-content) minmax(0,1fr);align-items:baseline;gap:.875rem;padding:.625rem 0;font-size:clamp(1.0625rem,min(4.4vw,2.6vh),1.375rem);display:grid}.step-ings-lg .step-ing-qty{white-space:nowrap}.btn-timer{min-height:56px;color:var(--gold);border-color:var(--gold);align-self:flex-start}.cook-ings{flex:1;padding:.5rem 0;font-size:1.25rem}.cook-ings li{border-bottom:var(--rule) solid var(--engrave);padding:.625rem 0}.timer-tray{flex-wrap:wrap;gap:.625rem;display:flex}.timer{border:var(--rule) solid var(--engrave);background:var(--panel);cursor:pointer;text-align:left;border-radius:2px;grid-template-columns:auto auto;align-items:baseline;gap:0 .875rem;padding:.5rem .875rem;display:grid}.timer-label,.timer-x{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.timer-x{grid-area:1/2;justify-self:end}.timer-time{font-size:var(--t-readout);color:var(--arc);grid-column:1/-1;font-weight:500;line-height:1.1}.timer-done{border-color:var(--gold)}.timer-done .timer-time{color:var(--gold);animation:1s steps(2,end) infinite blink}.cook-nav{grid-template-columns:1fr 2fr;gap:.625rem;display:grid}.cook-nav .btn{min-height:64px}.edit-h{font-size:var(--t-major);letter-spacing:-.03em}.edit-sub{font-family:var(--face-mono);font-size:var(--t-label);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--arc-dim);border-top:var(--rule) solid var(--engrave);margin-top:.75rem;padding-top:.75rem;font-weight:500}.edit-help{color:var(--ink-dim);max-width:62ch}.field{flex-direction:column;gap:.375rem;min-width:0;display:flex}.field-row .field{flex:1}.field>span,.edit-ing-alt>span,.timer-field>span,.step-uses-label{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim)}.field input,.field textarea,.edit-list input,.edit-list textarea,.pantry-pick input{border:var(--rule) solid var(--engrave);background:var(--ground);border-radius:0;width:100%;min-height:46px;padding:.625rem .75rem}.field input::placeholder,.edit-list input::placeholder,.edit-list textarea::placeholder{color:var(--slate)}.field input:focus,.field textarea:focus,.edit-list input:focus,.edit-list textarea:focus,.pantry-pick input:focus{border-color:var(--arc-dim);outline:none}.field-row{gap:.625rem;display:flex}.form-error{color:var(--alert);font-family:var(--face-mono);font-size:var(--t-label)}.edit-list{flex-direction:column;gap:.75rem;display:flex}.edit-ing,.edit-steps li{background:var(--panel);padding:var(--pad);border-left:4px solid var(--engrave);flex-direction:column;gap:.625rem;display:flex;position:relative}.edit-ing.role-main{border-left-color:var(--arc)}.edit-ing-line{grid-template-columns:4.5rem 5rem 1fr;gap:.375rem;display:grid}.edit-ing-alt{grid-template-columns:auto 4.5rem 1fr;align-items:center;gap:.375rem;display:grid}.edit-ing-more{grid-template-columns:1fr 1fr;gap:.375rem;display:grid}@media (width<=26rem){.edit-ing-line{grid-template-columns:4rem 4.5rem}.edit-ing-line .in-name{grid-area:1/1/auto/-1}.edit-ing-more{grid-template-columns:1fr}}.roles{border:var(--rule) solid var(--engrave);display:flex}.role{cursor:pointer;min-height:40px;font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);background:0 0;border:0;flex:1}.role+.role{border-left:var(--rule) solid var(--engrave)}.role[aria-checked=true]{background:var(--arc);color:var(--ground)}.pantry-links{flex-wrap:wrap;align-items:center;gap:.375rem;display:flex}.pantry-links .pantry-pick{flex-basis:100%}.pantry-chip{border:var(--rule) solid var(--engrave);align-items:center;gap:.5rem;padding:2px 2px 2px .625rem;font-size:.9375rem;display:inline-flex}.pantry-links.compact .pantry-chip{font-size:.875rem}.pantry-chip button{cursor:pointer;color:var(--ink-dim);background:0 0;border:0;width:32px;height:32px;font-size:1.125rem;line-height:1}.pantry-chip button:hover{color:var(--alert);background:var(--engrave)}.pantry-link{border:var(--rule) dashed var(--engrave);cursor:pointer;min-height:36px;font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--arc);background:0 0;padding:.375rem .75rem}.dot{flex:none;width:8px;height:8px}.dot-have{background:var(--ready)}.dot-out{background:var(--alert)}.pantry-pick{border:var(--rule) solid var(--arc-dim);background:var(--ground);padding:.5rem}.pantry-pick ul{max-height:15rem;margin:.375rem 0;overflow:auto}.pantry-pick li button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.625rem;width:100%;min-height:44px;padding:.625rem .5rem;display:flex}.pantry-pick li button:hover{background:var(--panel-lit)}.pantry-none{color:var(--slate);font-family:var(--face-mono);font-size:var(--t-min);text-transform:uppercase;letter-spacing:.08em;padding:.5rem}.pantry-pick-actions{justify-content:flex-end;gap:1rem;display:flex}.subs{flex-direction:column;align-items:flex-start;gap:.375rem;display:flex}.sub{flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;display:flex}.sub input{flex:1;min-width:8rem}.sub-or{font-family:var(--face-mono);font-size:var(--t-min);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim)}.row-tools{justify-content:flex-end;gap:.375rem;display:flex}.row-tools button{border:var(--rule) solid var(--engrave);cursor:pointer;min-width:40px;min-height:36px;color:var(--ink-dim);background:0 0}.row-tools button:hover{background:var(--engrave);color:var(--ink)}.row-tools .row-remove,.sub .row-remove{cursor:pointer;color:var(--alert);font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-color:#0000}.timer-field{align-items:center;gap:.5rem;display:flex}.timer-field input{width:6rem}.step-uses{flex-direction:column;gap:.375rem;display:flex}.step-uses-chips{flex-wrap:wrap;gap:.375rem;display:flex}.use-chip{border:var(--rule) solid var(--engrave);cursor:pointer;min-height:34px;color:var(--ink-dim);background:0 0;padding:.25rem .625rem;font-size:.875rem}.use-chip[aria-pressed=true]{border-color:var(--arc-dim);color:var(--ink);background:var(--panel-lit)}.save-bar{padding:.75rem 0 max(.75rem, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--ground) 70%, transparent);position:sticky;bottom:0}.save-bar .btn{width:100%;min-height:56px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.tonight-hero .label,.tonight-readout .label{white-space:nowrap}.recipe-side,.edit-col{display:contents}.recipe-actions{order:1}@media (width>=64rem) and (height>=40rem){html,body{height:100%;overflow:hidden}.page{max-width:none;height:100dvh;padding:var(--gap) calc(var(--gap) * 1.5);column-gap:calc(var(--gap) * 1.5)}.tray,.ingredients,.method{scrollbar-width:thin;scrollbar-color:var(--engrave) transparent;background:linear-gradient(var(--engrave), var(--engrave)) top left / var(--bracket) var(--rule) no-repeat, linear-gradient(var(--engrave), var(--engrave)) top left / var(--rule) var(--bracket) no-repeat, linear-gradient(var(--engrave), var(--engrave)) bottom right / var(--bracket) var(--rule) no-repeat, linear-gradient(var(--engrave), var(--engrave)) bottom right / var(--rule) var(--bracket) no-repeat, var(--panel);min-height:0;overflow-y:auto}.tray:before,.tray:after,.ingredients:before,.ingredients:after,.method:before,.method:after{display:none}.page-home{row-gap:var(--gap);grid-template-rows:auto auto auto minmax(0,1fr);grid-template-columns:minmax(20rem,26rem) minmax(0,1fr);display:grid}.page-home .topbar{grid-column:1/-1}.page-home .tonight{grid-area:2/1}.page-home .search{grid-area:3/1}.page-home .tray,.page-home .empty{grid-area:2/2/-1;align-self:stretch}.page-home .tray{padding-bottom:5rem}.page-recipe{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(18rem,24rem) minmax(20rem,28rem) minmax(0,1fr);max-width:none;display:grid}.recipe-side{gap:var(--gap);scrollbar-width:thin;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.recipe-cols{display:contents}.ingredients{align-self:stretch;position:static}.page-recipe .btn-cook{width:100%;padding:0 1.25rem}.recipe-actions{margin-top:auto}.page-edit{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(18rem,24rem) minmax(0,1.25fr) minmax(0,1fr);display:grid}.edit-col{gap:var(--gap);scrollbar-width:thin;flex-direction:column;min-height:0;padding-right:.375rem;display:flex;overflow-y:auto}.edit-col-details{grid-area:1/1}.edit-col-ings{grid-area:1/2/-1}.edit-col-method{grid-area:1/3/-1}.edit-col .edit-sub{border-top:0;margin-top:0;padding-top:0}.page-edit .save-bar{background:0 0;grid-area:2/1;padding-bottom:0;position:static}.cook{max-width:84rem;height:100dvh}.cook-step{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,3fr) minmax(16rem,2fr);align-content:safe center;column-gap:3rem;min-height:0;display:grid;overflow-y:auto}.cook-count{grid-area:1/1}.cook-text{grid-area:2/1}.btn-timer{grid-area:3/1;justify-self:start}.cook-step .step-ings-lg{grid-area:1/2/3;align-self:end}.cook-ings{columns:2;column-gap:3rem;min-height:0;overflow-y:auto}.cook-ings li{break-inside:avoid}}.peek{border-top:var(--rule) solid var(--engrave)}.peek-toggle{cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;min-height:56px;padding:.75rem 0;display:flex}.peek-line{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink-dim);overflow:hidden}.peek.is-open .peek-line{font-family:var(--face-mono);font-size:var(--t-min);letter-spacing:.08em;text-transform:uppercase;color:var(--arc)}.peek-body{padding:.875rem var(--pad);background:var(--panel);border-left:4px solid var(--arc-dim);color:var(--ink-dim);flex-direction:column;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;line-height:1.4;display:flex}@media (width>=64rem) and (height>=40rem){.cook-step .peek{grid-area:3/2/span 2;align-self:start;margin-top:1.25rem}.cook-step .peek-body{font-size:1rem}.cook-step:has(.peek.is-open) .step-ings-lg{display:none}.cook-step .peek.is-open{grid-row:1/span 4;align-self:start;margin-top:0}}@media (width>=64rem) and (height>=40rem) and (height<=46rem){.cook{gap:.625rem}.cook-step{gap:.75rem;padding:.5rem 0}.step-ings-lg li{padding:.375rem 0}.cook-nav .btn{min-height:52px}.btn-timer{min-height:46px}}.pill-demo{cursor:default;color:var(--gold)}.pill-dot-demo{background:var(--gold)}.demo-note{border-left:4px solid var(--gold);background:var(--panel);padding:.75rem var(--pad);color:var(--ink-dim);max-width:72ch;font-size:.9375rem}.demo-note a{color:var(--arc);white-space:nowrap}@media (width>=64rem) and (height>=40rem){.page-home .demo-note{grid-column:1/-1}.page-home:has(.demo-note){grid-template-rows:auto auto auto auto minmax(0,1fr)}.page-home:has(.demo-note) .tonight{grid-row:3}.page-home:has(.demo-note) .search{grid-row:4}:is(.page-home:has(.demo-note) .tray,.page-home:has(.demo-note) .empty){grid-row:3/-1}}