.cook-open{display:inline-flex}.cook{z-index:1000;background:var(--paper);height:100dvh;color:var(--ink);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.cook[hidden]{display:none!important}html.cooking,html.cooking body{overflow:hidden}html.cooking #msa-chat{display:none!important}.cook .label{letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;font-weight:500}.cook-bar{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-width:0;padding:10px 16px;display:flex}.cook-icon{border:1px solid var(--line);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.cook-icon:hover{border-color:var(--ink)}.cook-title{flex:1;min-width:0;line-height:1.25;display:grid}.cook-title .label{color:var(--poppy)}.cook-title b{font:500 1.15rem var(--f-display);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cook-awake{color:var(--stem);flex:none;align-items:center;gap:6px;font-size:.8rem;display:inline-flex}.cook-timers{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.cook-timer{border:1px solid var(--stem);color:var(--stem);background:var(--sage);min-height:40px;font:500 .95rem var(--f-body);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.cook-timer--done{background:var(--poppy);border-color:var(--poppy);color:var(--on-poppy);animation:1s step-end infinite cook-flash}@keyframes cook-flash{50%{opacity:.55}}.cook-ing-toggle{border:1px solid var(--ink);color:var(--ink);min-height:44px;font:500 .88rem var(--f-body);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:9px 16px}.cook-ing-toggle[aria-expanded=true]{background:var(--ink);color:var(--paper)}.cook-main{min-height:0;display:grid;position:relative}.cook-step{touch-action:pan-y;flex-direction:column;gap:18px;min-height:0;padding:clamp(20px,5vh,56px) clamp(20px,6vw,72px);display:flex;overflow-y:auto}.cook-step:before,.cook-step:after{content:"";margin-block:auto}.cook-step{--fs:1.6rem}.cook-meta{color:var(--muted);font-size:max(.95rem, calc(var(--fs) * .5));flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0;display:flex}.cook-meta .label{color:var(--poppy)}.cook-meta .label:empty{display:none}.cook-text{font-size:var(--fs);overflow-wrap:anywhere;max-width:34em;margin:0;font-weight:400;line-height:1.3}.cook-chips{flex-wrap:wrap;gap:10px;display:flex}.cook-chips:empty{display:none}.cook-chip{border:1px solid var(--stem);color:var(--stem);min-height:48px;font:500 max(1rem, calc(var(--fs) * .5)) var(--f-body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;display:inline-flex}.cook-chip:hover{background:var(--sage)}.cook-next{border-top:1px dashed var(--line);color:var(--muted);font-size:max(1.05rem, calc(var(--fs) * .56));gap:4px;max-width:46em;margin:8px 0 0;padding-top:16px;line-height:1.4;display:grid}.cook-next [data-next-text]{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cook-nowake{color:var(--muted);margin:0;font-size:.85rem}.cook-ing{z-index:2;background:var(--paper);padding:20px clamp(20px,6vw,48px) 32px;display:none;position:absolute;inset:0;overflow-y:auto}.cook-ing.is-open{display:block}.cook-ing h2{color:var(--muted);margin:0 0 12px}.cook-ing .ing-cols{columns:auto;grid-template-columns:1fr;gap:22px;display:grid}.cook-ing .ing{padding:12px 0;font-size:1.12rem}.cook-ing .ing input{width:22px;height:22px}.cook-nav{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.cook-nav .btn{justify-content:center;min-height:56px;padding:0 22px;font-size:1rem}.cook-nav .btn[disabled]{opacity:.35;pointer-events:none}.cook-progress{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.cook-progress span{background:var(--poppy);border-radius:3px;width:0;height:100%;transition:width .25s;display:block}@media (width<=520px){.cook-awake span,.cook-nav .btn--line span,.cook-title .label{display:none}.cook-nav .btn--line{width:56px;padding:0}.cook-title b{font-size:1.02rem}}@media (width>=760px){.cook-main{grid-template-columns:minmax(260px,34%) 1fr}.cook-ing{border-right:1px solid var(--line);background:var(--blush);display:block;position:static}.cook-ing-toggle{display:none}.cook--noing .cook-main{grid-template-columns:1fr}}@media (width>=760px) and (height<=520px){.cook-bar,.cook-nav{padding:6px 16px}.cook-nav .btn{min-height:46px}.cook-ing .ing{padding:6px 0;font-size:1rem}}@media (hover:none){.cook-nav .btn--poppy:hover{background:var(--poppy);color:var(--on-poppy)}.cook-nav .btn--line:hover{color:var(--ink);background:0 0}}@media (prefers-reduced-motion:reduce){.cook-timer--done{animation:none}.cook-progress span{transition:none}}