:root{--bg:#faf9f6;--surface:#fff;--ink:#14110e;--muted:#8c837a;--label:#5b5349;--line:#14110e17;--accent:#d8452b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--ink);overscroll-behavior-y:none;margin:0}button{font:inherit;cursor:pointer}.params{max-width:480px;padding:32px 20px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.masthead h1{letter-spacing:-.035em;margin:0;font-size:40px;font-weight:600}.masthead p{color:var(--muted);font-variant-numeric:tabular-nums;margin:4px 0 28px;font-size:15px}.section-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:28px 0 10px;padding-left:4px;font-size:11px;font-weight:600}.card{background:var(--surface);border-radius:22px;padding:4px 20px;box-shadow:0 1px 2px #14110e0a,0 8px 24px #14110e0d}.control{border-bottom:1px solid var(--line);padding:18px 0}.control:last-child{border-bottom:none}.control-row{justify-content:space-between;align-items:center;display:flex}.control-head{justify-content:space-between;align-items:baseline;display:flex}.control-label{color:var(--label);font-size:15px}.control-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.control-unit{color:var(--muted);margin-left:2px;font-size:13px;font-weight:500}.slider{appearance:none;--fill:50%;background:0 0;width:100%;height:28px;margin:8px 0 0;display:block}.slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), var(--line) var(--fill));border-radius:2px;height:4px}.slider::-webkit-slider-thumb{appearance:none;background:var(--surface);border:1px solid #14110e1a;border-radius:50%;width:26px;height:26px;margin-top:-11px;transition:transform .12s;box-shadow:0 2px 6px #14110e2e}.slider:active::-webkit-slider-thumb{transform:scale(1.08)}.slider::-moz-range-track{background:var(--line);border-radius:2px;height:4px}.slider::-moz-range-progress{background:var(--accent);border-radius:2px;height:4px}.slider::-moz-range-thumb{background:var(--surface);border:1px solid #14110e1a;border-radius:50%;width:24px;height:24px;box-shadow:0 2px 6px #14110e2e}.stepper{background:#14110e0d;border-radius:999px;align-items:center;gap:2px;padding:4px;display:flex}.stepper-button{background:var(--surface);width:34px;height:34px;color:var(--ink);border:none;border-radius:50%;font-size:19px;line-height:1;transition:transform .12s,opacity .12s;box-shadow:0 1px 2px #14110e1f}.stepper-button:active{transform:scale(.92)}.stepper-button:disabled{opacity:.3;box-shadow:none;cursor:default}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:18px;font-weight:600}.ingredients{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:14px 0 18px}.ingredients th[scope=col]{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:right;padding-bottom:10px;font-size:11px;font-weight:600}.ingredients th[scope=row]{color:var(--label);text-align:left;font-size:15px;font-weight:400}.ingredients td{text-align:right;padding:7px 0;font-size:15px}.ingredients .strong{font-weight:600}.ingredients .nil{color:#14110e33}.ingredients tfoot th,.ingredients tfoot td{border-top:1px solid var(--line);color:var(--muted);padding-top:12px;font-size:14px}.ingredients tfoot .strong{color:var(--ink)}.start-bar{padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 55%, #faf9f600);position:fixed;bottom:0;left:0;right:0}.start{background:var(--ink);width:100%;max-width:440px;height:56px;color:var(--bg);letter-spacing:-.01em;border:none;border-radius:999px;margin:0 auto;font-size:17px;font-weight:600;transition:transform .12s;display:block}.start:active{transform:scale(.985)}.cook{flex-direction:column;height:100dvh;display:flex}.cook-head{padding:calc(14px + env(safe-area-inset-top)) 20px 14px;justify-content:space-between;align-items:center;display:flex}.ghost{color:var(--muted);background:0 0;border:none;padding:0;font-size:14px}.cook-position{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.progress{background:var(--line);height:2px}.progress-fill{background:var(--accent);height:100%;transition:width .3s cubic-bezier(.22,.61,.36,1)}.deck{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;overflow:hidden}.track{will-change:transform;height:100%;transition:transform .32s cubic-bezier(.22,.61,.36,1);display:flex}.slide{flex:0 0 100%;justify-content:center;align-items:center;padding:24px 32px;display:flex}.step-text{letter-spacing:-.03em;text-align:center;text-wrap:balance;max-width:14ch;margin:0;font-size:clamp(30px,8.5vw,44px);font-weight:500;line-height:1.15}.cook-nav{padding:20px 24px calc(24px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;display:flex}.arrow{border:1px solid var(--line);background:var(--surface);width:48px;height:48px;color:var(--ink);border-radius:50%;font-size:18px;line-height:1;transition:transform .12s,opacity .12s}.arrow:active{transform:scale(.92)}.arrow:disabled{opacity:.25;cursor:default}.cook-count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important}}
