/* Scoped cooking layout: a bounded screen, no hidden instruction text. */
#preview[data-screen="mode-cuisine"]{overflow:hidden}
#preview[data-screen="mode-cuisine"] #screenHeader,#preview[data-screen="mode-cuisine"] #screenFooter,#preview[data-screen="mode-cuisine"] #screenNav{display:none!important}
#preview[data-screen="mode-cuisine"] #screenContent{padding:0!important;overflow:hidden!important;flex:1;min-height:0;height:100%}
.cook-screen{height:100%;min-height:0;display:grid;grid-template-rows:auto 44px minmax(0,1fr) auto;background:var(--mp-ui-bg,#fdfaf5);color:var(--mp-ui-ink,#273a32);padding:8px 16px max(10px,env(safe-area-inset-bottom));gap:4px}
.cook-header>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cook-header .mp-ui-action{min-height:44px;padding:8px}
.cook-header>div>span{margin-left:auto;font-size:14px;font-variant-numeric:tabular-nums;color:#536459}
.cook-header h1{font-family:Georgia,serif;font-size:19px;line-height:1.15;margin:4px 0 12px;font-weight:700;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cook-header progress{display:block;width:100%;height:3px;border:0;border-radius:3px;overflow:hidden;appearance:none;background:#e1e7e1}
.cook-header progress::-webkit-progress-bar{background:#e1e7e1}.cook-header progress::-webkit-progress-value{background:var(--mp-ui-green,#326754)}
.cook-capsules{display:flex;align-items:center;gap:6px;min-width:0}
.cook-capsules .mp-ui-action{min-height:36px;padding:5px 8px;font-size:13px;white-space:nowrap;background:#eaf1ec;border:1px solid #d5e2d9;flex:1;min-width:0;gap:3px}
.cook-capsules [data-cook="timers"]{flex:0 0 40px}
.cook-main{min-height:0;display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:stretch;padding:4px 0 8px}
.cook-number{font-size:34px;line-height:1;font-weight:600;color:var(--mp-ui-green,#326754);text-align:center;flex:none;font-variant-numeric:tabular-nums}
.cook-number small{display:block;font-family:inherit;font-size:13px;line-height:18px;color:#536459;margin-top:6px;min-height:18px}
.cook-instruction{position:relative;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;outline-offset:3px}
.cook-instruction p{font-family:inherit;font-size:clamp(23px,6vw,28px);font-weight:550;line-height:1.36;text-align:center;margin:0;overflow-wrap:anywhere;word-break:normal;width:100%}
#cookInlineTimer{flex:none;text-align:center}
.cook-timer{padding:10px 0 0;text-align:center}
.cook-timer output{display:block;font-size:32px;line-height:1.1;letter-spacing:1px;font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:8px;color:#2f3331}
.cook-timer>div{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}
.cook-timer .mp-ui-action{min-height:44px;padding:8px 10px;font-size:14px;white-space:nowrap}
.cook-screen .mp-ui-action--accent,.cook-sheet .mp-ui-action--accent{background:#2f3331!important;color:white!important;border-color:#2f3331!important}
.cook-footer{display:grid;gap:10px;padding-top:4px}
.cook-resources{display:flex;gap:10px;justify-content:center}
.cook-resources .mp-ui-action{min-height:44px;border:1px solid #d6dfd7;border-radius:12px;background:transparent;flex:1;font-size:15px}
.cook-footer nav{display:flex;justify-content:space-between;align-items:center;gap:8px}
.cook-footer nav .mp-ui-action{min-height:48px;font-size:15px;padding:10px 12px}
.cook-footer nav .mp-ui-action:disabled{opacity:.38;pointer-events:none}
.cook-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,430px);max-width:430px;max-height:82dvh;border:0;border-radius:24px 24px 0 0;padding:20px 18px max(20px,env(safe-area-inset-bottom));background:#fdfaf5;color:#273a32;box-shadow:0 -10px 50px #18322520;overflow:auto}
.cook-sheet::backdrop{background:#17281f66}
.cook-sheet>header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.cook-sheet h2{margin:0;font-size:23px;font-family:Georgia,serif}
.cook-sheet h3{font-size:17px;line-height:1.35;margin:8px 0}
.cook-sheet p,.cook-sheet li{font-size:16px;line-height:1.5}
.cook-sheet li{margin:12px 0}
.cook-sheet .cook-hint{font-size:14px;color:#56635a;line-height:1.45}
.cook-sheet-body>.mp-ui-action{display:flex;width:100%;margin-top:10px;min-height:44px;white-space:normal}
.cook-sheet-timer{padding:10px 0 16px;border-bottom:1px solid #dce3dc}
@media(max-height:650px){.cook-screen{padding-top:2px;gap:2px;grid-template-rows:auto 40px minmax(0,1fr) auto}.cook-header h1{font-size:17px;margin:2px 0 8px}.cook-number{font-size:28px}.cook-number small{margin-top:2px}.cook-main{gap:4px;padding:2px 0 4px}.cook-footer{gap:4px}.cook-timer{padding-top:4px}.cook-timer output{font-size:28px;margin-bottom:4px}.cook-timer .mp-ui-action{padding:8px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.cook-screen *,.cook-sheet *{animation:none!important;transition:none!important}}