.fp{--fp-ink:color-mix(in oklab, var(--color-base-content) 78%, transparent);--fp-ink2:color-mix(in oklab, var(--color-base-content) 30%, transparent);--fp-mute:color-mix(in oklab, var(--color-base-content) 62%, transparent);--fp-metal:color-mix(in oklab, var(--color-base-content) 7%, var(--color-base-100));--fp-soot:color-mix(in oklab, oklch(42% .07 45) 55%, var(--fp-metal));border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:var(--color-base-100);color:var(--color-base-content);grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:center;gap:.5rem 1.5rem;margin-block:2rem;padding:1rem 1.25rem;display:grid}.fp p{margin:0}.fp-stage{background:radial-gradient(circle, var(--fp-ink2) .6px, transparent .8px) 0 0 / 12px 12px}.fp-svg{-webkit-user-select:none;user-select:none;direction:ltr;width:100%;height:auto;display:block;overflow:visible}.fp-line{fill:none;stroke:var(--fp-ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.fp-thin{stroke-width:1.1px}.fp-dash{stroke-dasharray:3 4}.fp-hole{fill:var(--color-base-100)}.fp-cut{fill:url(#fp-hatch);stroke:var(--fp-ink);stroke-width:1.5px;stroke-linejoin:round}.fp-metal{fill:var(--fp-metal)}.fp-hatch{stroke:var(--fp-ink2);stroke-width:.8px}.fp-fin{fill:var(--fp-metal);stroke:var(--fp-ink);stroke-width:1.5px;stroke-linejoin:round;transform-box:fill-box;transition:transform 1.2s cubic-bezier(.5,0,.3,1.4),fill 1.2s}.fp-fin-l{transform-origin:100%}.fp-fin-r{transform-origin:0}.is-cooked .fp-fin{fill:var(--fp-soot)}.is-cooked .fp-fin-l{transform:rotate(calc(-4deg - var(--d,0) * 6deg))}.is-cooked .fp-fin-r{transform:rotate(calc(4deg + var(--d,0) * 6deg))}.fp-key{fill:none;stroke:var(--fp-ink);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.fp-fil{fill:oklch(70% .01 75)}.fp-tail{fill:none;stroke-linecap:round}.fp-hit{fill:#0000;cursor:grab;touch-action:none}.is-done .fp-hit{cursor:default}.fp-glow{opacity:0}.is-done .fp-glow{transition:opacity 1.5s;opacity:0!important}.fp-curl{fill:none;stroke-width:1.4px;stroke-linecap:round;opacity:0}.is-won .fp-curl{opacity:1;transition:opacity .2s 1s}.fp-note{font:600 9.5px var(--font-sans);fill:var(--fp-mute)}.fp-temp{font:700 11px var(--font-mono);fill:var(--fp-ink)}.fp-hint{transition:opacity .3s}.is-done .fp-hint,.is-heating .fp-hint,.is-s1 .fp-hint{opacity:0}.fp-lgt{transform-box:view-box;transform-origin:102.3px 212.1px;transition:transform .8s cubic-bezier(.5,0,.3,1)}.is-s1 .fp-lgt{transform:translate(-2.3px,-74.1px)rotate(40deg)}.fp-keyg{transition:transform .25s cubic-bezier(.3,1.5,.6,1)}.is-s1 .fp-keyg{transform:translateY(-54px)}.fp.is-in .fp-keyg{transform:none}.fp.is-bump .fp-keyg{transform:translateY(-44px)}.fp-lighter-body{fill:color-mix(in oklab, var(--color-error) 65%, var(--color-base-100))}.fp-flame{opacity:0;transform-box:view-box;transform-origin:66px 238px}.fp-flame-o{fill:oklch(74% .19 50);stroke:oklch(55% .18 40);stroke-width:.8px}.fp-flame-i{fill:oklch(93% .11 95)}.is-heating .fp-flame{opacity:1;animation:.14s steps(2,end) infinite alternate fp-flick}@keyframes fp-flick{to{transform:scale(.93,1.08)skew(-5deg)}}.fp-smoke{opacity:0}.is-cooked .fp-smoke{animation:2.2s ease-out 2 fp-smoke}@keyframes fp-smoke{30%{opacity:.7}to{opacity:0;transform:translateY(-16px)}}.fp .fp-steps{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.fp-steps li{border:1.5px dashed var(--fp-ink2);letter-spacing:.06em;text-transform:uppercase;color:var(--fp-mute);border-radius:12px 5px 10px 6px/6px 10px 5px 12px;margin:0;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.fp-steps [aria-current]{border-style:solid;border-color:var(--fp-ink);color:var(--color-base-content)}.fp-steps .is-done:before{content:"✓ "}.fp .fp-msg{min-height:2.7em;margin:.35rem 0 .9rem;font-size:1.125rem;font-weight:600;line-height:1.35}.fp-msg.is-win{color:var(--color-primary)}.fp-btns{flex-wrap:wrap;gap:.5rem;display:flex}.fp-btn{border:1.5px solid var(--fp-ink);background:var(--color-base-100);color:inherit;font:inherit;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:14px 5px 12px 6px/6px 12px 5px 14px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.9375rem;font-weight:600;line-height:1.2;display:inline-flex}.fp-btn svg{fill:oklch(70% .19 45);width:1em;height:1em}.fp-btn:hover:not(:disabled){background:var(--color-base-200)}.fp-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.fp-btn:disabled{opacity:.4;cursor:default}.is-heating .fp-heat{background:color-mix(in oklab, oklch(74% .19 50) 28%, var(--color-base-100))}.fp .fp-how,.fp .fp-safety{color:var(--fp-mute);margin-top:.75rem;font-size:.8125rem;line-height:1.45}.fp .fp-safety{margin-top:.35rem;font-style:italic}@media (width<=34rem){.fp{grid-template-columns:minmax(0,1fr);padding:.75rem 1rem 1rem}.fp-stage{width:min(100%,14rem);margin-inline:auto}}@media (prefers-reduced-motion:reduce){.fp *,.fp :before{transition:none!important;animation:none!important}.is-cooked .fp-smoke{opacity:.5}}.is-in .fp-act{background:color-mix(in oklab, var(--color-base-content) 10%, var(--color-base-100))}
