Cook Mode — kitchen-friendly step-by-step view

Cook Mode at /me/cook is a phone/iPad-optimized view designed to sit on a kitchen counter while you cook. Large type, big tap targets, minimal chrome.

Two ways to land in Cook Mode:

• Tap a scheduled meal event on your unified calendar (events created by the Plan-a-meal flow carry a `sourceModule: 'menuPlanner'` tag — tapping them opens Cook Mode with the linked recipe pre-loaded)
• Open any saved recipe and click "Cook this" — the URL becomes /me/cook?recipe=<recipeId>

What Cook Mode does for you:

• **Screen wake lock** — your device won't sleep while Cook Mode is open. No more soapy fingers and a black screen.
• **Ingredients up top** — full list with the serving count locked to whatever you scheduled. Check items off as you mise en place.
• **Steps as cards** — one at a time, with a big "Done" button. Marking a step done advances to the next.
• **Built-in timer** — every step that mentions a duration ("simmer 20 min", "rest 10 minutes") gets a tap-to-start timer chip. No grabbing for the phone clock app.
• **Resume on reload** — your step position and timer state persist if the page reloads or you accidentally tap away.

Wake Lock browser support: works in modern Chrome, Edge, and Safari. Older browsers fall back silently — your screen will sleep on the device's normal timeout.

To exit: tap "Done cooking" at the bottom (releases the wake lock, marks the meal complete on your calendar) or just close the tab.

Why Cook Mode is its own page rather than an overlay on the recipe page: a recipe page is for reading and editing — discoverable typography, search, edit affordances. Cook Mode is for *doing* — large text, no edit chrome, no nav, locked into one task. The two modes don't share a layout because they don't serve the same need.