.cookstart{order:2;grid-column:1/-1;margin:0 0 22px}.cookstart .btn{width:100%;max-width:340px;min-height:52px;font-size:16px;letter-spacing:.02em}.cook{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--bg,#f7f4ee);color:var(--fg,#1c1b19);font-family:var(--font);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.cooktop{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;max-width:760px;width:100%;margin:0 auto}.cookclose{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:16px;font-weight:500}.cookcount{font-size:15px;font-weight:500;color:var(--mute,#8c8a84)}.cookbar{height:4px;background:var(--line,#e6e2da)}.cookbar span{display:block;height:100%;background:var(--accent,#d9552b);transition:width .25s ease}.cookcard{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:22px 20px 16px;max-width:760px;width:100%;margin:0 auto}.cooktitle{font-size:14px;color:var(--mute,#8c8a84);margin:0 0 14px}.cookstep{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent,#d9552b);margin:0 0 10px}.cooktext{font-size:26px;line-height:1.45;font-weight:400;margin:0;animation:cookin .2s ease}@keyframes cookin{0%{opacity:0;transform:translateX(10px)}}.cookneed{flex:0 1 auto;max-height:38vh;overflow-y:auto;-webkit-overflow-scrolling:touch;border-top:1px solid var(--fg,#1c1b19);background:var(--card,#efebe3);padding:14px 20px 10px}.cookneed>*{max-width:720px;margin-left:auto;margin-right:auto}.cookneedhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.cookneed h2{font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin:0;padding:0;border:0}.cooktoggle{font-size:15px;text-decoration:underline;text-underline-offset:3px;color:var(--mute,#8c8a84);min-height:36px}.cookneed ul{list-style:none;padding:0;margin:0 auto}.cookneed li{font-size:19px;line-height:1.35;padding:9px 0;border-bottom:1px solid var(--line,#e6e2da)}.cookneed li:last-child{border-bottom:0}.cookneed li.on{font-weight:700}.cookneed li.on:before{content:"● ";color:var(--accent,#d9552b)}.cookneed li.cookhdr{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--mute,#8c8a84);border-bottom:0;padding-top:14px}.cooknone{font-size:17px;color:var(--mute,#8c8a84);margin:4px 0 6px}.cooknav{display:flex;gap:12px;padding:12px 16px 14px;border-top:1px solid var(--line,#e6e2da);max-width:760px;width:100%;margin:0 auto}.cookarrow{flex:0 0 76px;min-height:60px;border:1px solid var(--fg,#1c1b19);border-radius:2px;font-size:26px;font-weight:500}.cookarrow.next{flex:1 1 auto;font-size:20px;background:var(--fg,#1c1b19);color:var(--bg,#f7f4ee)}.cookarrow:disabled{opacity:.25;cursor:default}@media (min-width:700px){.cooktext{font-size:32px}}