.cook{z-index:50;-webkit-overflow-scrolling:touch;padding:max(16px,env(safe-area-inset-top,0px)) 0 max(20px,env(safe-area-inset-bottom,0px));position:fixed;inset:0;overflow-y:auto}.cook.light{background:var(--bg);color:var(--ink)}.cook.dark{--ck-bg:#1e2a23;--ck-ink:#f6f4ef;--ck-rose:#f6dde1;--ck-line:#f6f4ef29;background:var(--ck-bg);color:var(--ck-ink);min-height:100dvh}.cook-in{flex-direction:column;gap:18px;max-width:620px;min-height:100%;margin:0 auto;padding:0 20px;display:flex}.cook-top{align-items:center;gap:12px;min-height:40px;display:flex}.cook-x{background:var(--fill);width:40px;height:40px;color:inherit;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.cook-x svg{width:18px;height:18px}.cook-title{font-size:clamp(40px,9vw,58px);line-height:1}.cook-title em{color:var(--accent)}.cook-serv{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.cook-switch{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:500;display:flex}.cook-switch input{appearance:none;background:var(--fill);cursor:pointer;border-radius:999px;flex:none;width:46px;height:28px;transition:background .2s;position:relative}.cook-switch input:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.cook-switch input:checked{background:var(--accent)}.cook-switch input:checked:after{transform:translate(18px)}.cook-go{justify-content:center;width:100%;margin-top:auto;padding:16px;font-size:16px}.cook.dark .kicker{color:var(--ck-rose);opacity:.85}.cook.dark .cook-x{background:#f6f4ef1a}.cook-name{opacity:.85;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.cook-pill{color:var(--ck-rose);white-space:nowrap;background:#f6dde124;border-radius:999px;padding:5px 11px;font-size:12px}.cook-bars{gap:5px;margin-top:-8px;display:flex}.cook-bars i{background:var(--ck-line);border-radius:4px;flex:1;height:4px}.cook-bars i.on{background:#f6dde18c}.cook-bars i.cur{background:var(--ck-rose)}.cook-step{font-family:var(--f-serif);margin:4px 0;font-size:36px;line-height:1.15}.cook.dark .chip{color:var(--ck-ink);box-shadow:inset 0 0 0 1px var(--ck-line)}.cook.dark .chip.scaled{background:var(--ck-rose);color:var(--ck-bg);box-shadow:none}.cook-timer{text-align:center;box-shadow:inset 0 0 0 1px var(--ck-line);background:#f6f4ef12;border-radius:22px;flex-direction:column;gap:8px;padding:18px;display:flex}.cook-timer.ended{background:#f6dde129}.cook-clock{font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:64px;font-weight:300;line-height:1}.cook.dark .btn.primary{background:var(--ck-rose);color:var(--ck-bg)}.cook.dark .btn.line{color:var(--ck-ink);box-shadow:inset 0 0 0 1px var(--ck-line);background:0 0}.cook-nav{gap:10px;margin-top:auto;padding-top:10px;display:flex}.cook-nav .btn{justify-content:center;padding:16px 20px;font-size:16px}.cook-nav .btn:first-child{padding:12px 22px;font-size:24px;line-height:1}.cook-banner{background:var(--ck-rose);color:var(--ck-bg);font:inherit;border:0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:500;display:flex}.cook-banner b{font-variant-numeric:tabular-nums}.cook-done{text-align:center;align-items:center;padding-top:30px}.cook-check{color:#1e2a23;background:#f6dde1;border-radius:50%;place-items:center;width:76px;height:76px;display:grid}.cook-note{text-align:left;flex-direction:column;gap:8px;width:100%;display:flex}.cook-note .btn{align-self:flex-start}.cook-back{color:var(--muted);text-underline-offset:3px;text-decoration:underline}.portions{flex-direction:column;gap:8px;display:flex}.pstep{background:var(--fill);border-radius:999px;align-items:center;gap:4px;padding:3px;display:inline-flex}.pstep button{background:var(--surface);width:34px;height:34px;color:var(--ink);border:0;border-radius:50%;font-size:18px;line-height:1}.pstep button:disabled{opacity:.4}.pstep b{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-weight:600}.scaled{color:#1e2a23;background:#f6dde1;border-radius:6px;padding:0 4px}.cook.dark .btn.primary.cook-next{background:var(--ck-ink);color:var(--ck-bg)}.cook-mep{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cook-mep .muted{font-size:13px}.cook-lead{max-width:30ch;color:var(--muted);margin:-6px auto 0;font-size:16px;line-height:1.45}.cook-acts{flex-direction:column;gap:10px;width:100%;max-width:380px;display:flex}.cook-acts .btn{justify-content:center;width:100%}.cook-photo{gap:12px;padding:18px 20px;font-size:17px}.cook-photo svg{width:22px;height:22px}.cook-photo span{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.cook-photo small{opacity:.8;margin-top:2px;font-size:12.5px;font-weight:400}.cook-alert{color:#1e2a23;animation:up .3s var(--ease) both;background:#fff;border-radius:16px;align-items:center;gap:6px;padding:4px 4px 4px 0;display:flex;box-shadow:0 10px 30px #00000040}.cook-alert-main{color:inherit;font:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:12px 14px;display:flex}.cook-alert-x{width:36px;height:36px;color:inherit;background:#1e2a2314;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.cook-alert-x svg{width:16px;height:16px}.cook.dark{touch-action:pan-y;overscroll-behavior:contain}.cook-tap-hint{color:var(--ck-rose);pointer-events:none;margin:0;font-size:13px;line-height:1.4;animation:5s both cook-hint}@keyframes cook-hint{0%,75%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.cook-tap-hint{animation:none}}