/* ══════════════════════════════════════════
   COOK MODE — Full-screen cooking experience
   ══════════════════════════════════════════ */

.cook-mode{position:fixed;inset:0;background:#1A1714;z-index:500;display:none;flex-direction:column}
.cook-mode.open{display:flex}
.cook-header{padding:18px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}
.cook-title{font-family:'Playfair Display',serif;font-size:20px;color:#F5F0E8;font-weight:700}
.cook-step-count{font-size:13px;color:rgba(255,255,255,.5)}
.cook-exit{background:none;border:none;color:rgba(255,255,255,.6);font-size:18px;cursor:pointer;padding:4px 8px;transition:color .2s}
.cook-exit:hover{color:#F5F0E8}
.cook-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center;max-width:720px;margin:0 auto;width:100%}
.cook-step-num{font-family:'Playfair Display',serif;font-size:80px;font-weight:900;color:rgba(196,92,58,.2);line-height:1;margin-bottom:-10px}
.cook-step-text{font-family:'Playfair Display',serif;font-size:clamp(24px,3vw,38px);color:#F5F0E8;font-weight:400;line-height:1.4;margin-bottom:36px}
.cook-timer{margin-bottom:28px}
.cook-timer-display{font-family:'Playfair Display',serif;font-size:56px;font-weight:700;color:var(--terracotta-light);letter-spacing:.05em}
.cook-timer-btns{display:flex;gap:12px;justify-content:center;margin-top:12px}
.cook-timer-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#F5F0E8;padding:7px 18px;font-family:'DM Sans',sans-serif;font-size:13px;cursor:pointer;transition:background .2s}
.cook-timer-btn:hover{background:rgba(255,255,255,.16)}
.cook-footer{padding:24px 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1)}
.cook-nav-btn{background:var(--terracotta);border:none;color:white;padding:13px 32px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}
.cook-nav-btn:hover{background:#b04e2e}
.cook-nav-btn:disabled{background:#444;cursor:not-allowed}
.cook-progress{display:flex;gap:5px}
.cook-pip{width:28px;height:4px;background:rgba(255,255,255,.15);transition:background .3s}
.cook-pip.done{background:var(--terracotta)}
.cook-pip.current{background:var(--terracotta-light)}
.cook-checklist{width:100%;max-width:500px;margin:0 auto;text-align:left}
.cook-check-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer;transition:opacity .2s;align-items:flex-start}
.cook-check-item.done-step{opacity:.35}
.cook-check-box{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:3px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px;transition:all .2s;font-size:12px;color:white}
.cook-check-item.done-step .cook-check-box{background:var(--sage);border-color:var(--sage)}
.cook-check-text{font-size:14px;color:rgba(255,255,255,.7);line-height:1.55}
.cook-check-item.current-step .cook-check-text{color:white;font-weight:500}
.cook-voice-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#F5F0E8;padding:7px 14px;font-family:'DM Sans',sans-serif;font-size:12px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:5px}
.cook-voice-btn:hover{background:rgba(255,255,255,.18)}
.cook-view-toggle{display:flex}
.cook-view-btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.6);padding:7px 13px;font-family:'DM Sans',sans-serif;font-size:12px;cursor:pointer;transition:all .2s}
.cook-view-btn.active{background:var(--terracotta);border-color:var(--terracotta);color:white}