/* The cooking surface is a viewport, not a document. Entry forms remain scrollable. */
body:has(#app:not(.hidden)){height:100dvh;overflow:hidden;overscroll-behavior:none}
#app.app{position:fixed;inset:0;height:100dvh;max-width:none;margin:0;padding:12px 20px max(10px,env(safe-area-inset-bottom));box-sizing:border-box;display:grid;grid-template-rows:auto 3px minmax(0,1fr) 42px;gap:10px;overflow:hidden}
#app.hidden{display:none!important}
#app .main-grid,#app .chef-main,#app .dock-tools,#app #presenterBar{display:none!important}
#app .topbar{margin:0;padding:0;min-height:40px;flex-wrap:nowrap}
#app .topbar h1{font-size:20px;margin:0;line-height:1.2}
#app .topbar .eyebrow{font-size:10px}#app .gate-badge{display:none}
#app .progress-track{margin:0}
#app .chef-card{position:static;inset:auto;margin:0;padding:8px 12px;display:block;border:0;background:transparent;box-shadow:none;font-size:14px;text-align:center}
#app .chef-card:after{content:'״כמה זמן נשאר?״ · ״תסתכל על הסיר״';display:block;color:var(--text-2)}
#cookingScreen{min-height:0;max-width:800px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:12px;overflow:hidden}
#focusTimer{flex:none;min-height:36px;padding:8px 12px;border-radius:8px;background:#e5ebdd;font-size:19px;text-align:center;box-sizing:border-box}
#focusTimer.urgent{background:#f5dfcc;color:#923218}
.focus-heading{display:flex;justify-content:space-between;font-size:13px;color:var(--text-2)}
#focusTitle{font-family:var(--serif);font-weight:500;font-size:clamp(26px,5vw,44px);line-height:1.15;margin:0;overflow-wrap:anywhere}
#focusText{font-size:clamp(18px,3vw,24px);line-height:1.55;margin:0;overflow-wrap:anywhere}
#focusImage{min-height:0;flex:1;width:100%;object-fit:contain;max-height:40dvh}#focusImage[hidden]{display:none}
.focus-nav{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none}
.focus-nav span{font-size:12px;text-align:center;color:var(--text-2)}.focus-nav button{min-height:44px;padding:6px 14px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text)}.focus-nav button:disabled{opacity:.3}
@media(max-height:550px){#app.app{padding:6px 14px;gap:5px;grid-template-rows:32px 2px minmax(0,1fr) 24px}#app .topbar{min-height:0}#app .topbar .eyebrow{display:none}#app .chef-card{padding:0}#cookingScreen{gap:5px}#focusTitle{font-size:25px}#focusText{font-size:17px;line-height:1.35}#focusTimer{min-height:28px;padding:4px;font-size:17px}.focus-heading{font-size:11px}.focus-nav span{font-size:11px}}

#app #transcriptBtn{display:none}