@font-face{font-family:Albert Sans;src:url(/fonts/albertsans.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Alumni Sans;src:url(/fonts/alumnisans.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Passero One;src:url(/fonts/PasseroOne-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--cream:#f6efdd;--spinach:#0e2a19;--spinach-deep:#0c2a18;--ink:#14120f;--ink-soft:#373121;--tomato:#d8491c;--saffron:#f3a81a;--saffron-ink:#472508;--label-muted:#5d5445;--label-selected:#1c3319;--chrome-dark:#3a3733;--sans:"Albert Sans", "Alumni Sans", sans-serif;--display:"Passero One", "Albert Sans", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--cream);min-height:100%;color:var(--ink);margin:0}button{font:inherit;color:inherit;appearance:none;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:2px solid var(--tomato);outline-offset:3px}img{max-width:none;display:block}::selection{background:color-mix(in srgb, var(--saffron) 55%, white);color:var(--saffron-ink)}.mise-cook-shell{background:var(--cream);justify-content:center;min-height:100dvh;display:flex}.mise-cook{--cook-pad-x:clamp(.85rem, 3.5vw, 1.75rem);--cook-pad-y:clamp(.75rem, 2vw, 1.25rem);background:var(--cream);width:100%;max-width:100%;min-height:100dvh;color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid}.mise-cook-header{z-index:20;isolation:isolate;padding:.6rem var(--cook-pad-x) .5rem;padding-top:max(.6rem, env(safe-area-inset-top));background:var(--spinach-deep);color:#f4f5f5;grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:.5rem;display:grid;position:sticky;top:0}.mise-cook-header-center{justify-content:center;align-items:center;gap:.4rem;min-width:0;display:flex}.mise-cook-brand{font-family:var(--sans);letter-spacing:-.02em;font-size:clamp(1rem,2.5vw,1.15rem);font-weight:700}.mise-cook-icon-btn{width:2.75rem;height:2.75rem;color:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;flex-shrink:0;place-items:center;display:grid}.mise-cook-icon-btn:disabled{opacity:.45;cursor:not-allowed}.mise-cook-icon-btn svg{width:1.35rem;height:1.35rem}.mise-cook-menu{right:var(--cook-pad-x);min-width:11rem;color:var(--ink);background:#fff;border-radius:12px;padding:.35rem;position:absolute;top:calc(100% + .35rem);box-shadow:0 12px 40px #0000002e}.mise-cook-menu button{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.65rem .75rem;font-weight:600;display:block}.mise-cook-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}.mise-cook-progress-block{padding:1rem var(--cook-pad-x) .85rem;background:linear-gradient(180deg, var(--spinach-deep) 0%, var(--spinach-deep) 42%, var(--cream) 100%);color:#f0f2f0}.mise-cook-recipe-name{font-family:var(--sans);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,2.8vw,1.25rem);font-weight:700;line-height:1.25}.mise-cook-step-label{color:#b8c4b8;margin:.35rem 0 .65rem;font-size:clamp(.88rem,2.2vw,.98rem);font-weight:500}.mise-cook-progress-track{background:#ffffff2e;border-radius:999px;height:.45rem;overflow:hidden}.mise-cook-progress-fill{border-radius:inherit;background:var(--saffron);height:100%}.mise-cook-grid{flex-direction:column;gap:.25rem;display:flex}.mise-cook-grid-media,.mise-cook-grid-content{min-width:0}.mise-cook-media{padding:0 var(--cook-pad-x);margin-top:.15rem}.mise-cook-media-frame{aspect-ratio:16/10;background:#1a1714;border-radius:clamp(12px,2vw,18px);width:100%;max-height:min(52vh,28rem);position:relative;overflow:hidden;box-shadow:0 14px 36px #0e2a1929}.mise-cook-media-frame.is-playing{aspect-ratio:16/9;max-height:min(56vh,32rem)}.mise-cook-poster,.mise-cook-media-inner,.mise-cook-video,.mise-cook-iframe{object-fit:cover;border:0;width:100%;height:100%;display:block}.mise-cook-media-inner{position:absolute;inset:0}.mise-cook-media-toolbar{flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.75rem;display:flex}.mise-cook-media-btn{background:var(--spinach);color:#fff;min-height:48px;font-family:var(--sans);cursor:pointer;border:0;border-radius:999px;padding:.55rem 1.15rem;font-size:clamp(.95rem,2.4vw,1rem);font-weight:700;box-shadow:0 4px 14px #0e2a1938}.mise-cook-media-link{min-height:44px;color:var(--ink-soft);background:#fff;border:1px solid #cfc7b8;border-radius:999px;align-items:center;padding:.45rem .95rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.mise-cook-media-hint{color:var(--label-muted);font-size:.92rem;font-weight:600}.mise-cook-step{padding:1.15rem var(--cook-pad-x) .75rem;flex:1}.mise-cook-step-title{font-family:var(--sans);letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;margin:0 0 .65rem;font-size:clamp(1.5rem,4.5vw,2.15rem);font-weight:800;line-height:1.12}.mise-cook-step-text{color:var(--ink-soft);max-width:65ch;margin:0;font-size:clamp(1.02rem,2.8vw,1.22rem);font-weight:600;line-height:1.55}.mise-cook-error{margin:0 var(--cook-pad-x) .5rem;color:#9b2c12;background:#fff5f0;border-radius:10px;padding:.65rem .85rem;font-size:.92rem}.mise-cook-texture{padding:0 var(--cook-pad-x) 1rem}.mise-cook-texture-heading{color:var(--label-muted);margin:0 0 .65rem;font-size:1rem;font-weight:700}.mise-cook-texture-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.4rem,2vw,.75rem);display:grid}.mise-cook-texture-card{cursor:pointer;color:var(--ink-soft);background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;gap:.35rem;padding:.35rem;font-size:clamp(.72rem,2vw,.85rem);font-weight:700;display:flex;box-shadow:0 2px 10px #0000000f}.mise-cook-texture-card img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%}.mise-cook-texture-card.is-selected{border-color:var(--spinach);color:var(--spinach)}.mise-cook-footer{z-index:15;padding:.85rem var(--cook-pad-x) max(.85rem, env(safe-area-inset-bottom));background:linear-gradient(to top, var(--cream) 78%, #f5f1e800);border-top:1px solid color-mix(in srgb, var(--spinach) 10%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;bottom:0}.mise-cook-timer{background:color-mix(in srgb, var(--saffron) 22%, #fff);color:var(--saffron-ink);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.65rem .85rem;display:flex}.mise-cook-timer-label{overflow-wrap:anywhere;font-size:.88rem;font-weight:600;display:block}.mise-cook-timer-clock{letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:clamp(1.2rem,3vw,1.45rem);font-weight:800}.mise-cook-timer-btn{cursor:pointer;background:#fff;border:0;border-radius:999px;min-height:44px;margin-left:auto;padding:.4rem .85rem;font-weight:700}.mise-cook-nav{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(.5rem,2vw,.75rem);width:100%;max-width:52rem;margin-inline:auto;display:grid}.mise-cook-btn{min-height:clamp(48px,10vw,54px);font-family:var(--sans);cursor:pointer;border:2px solid #0000;border-radius:14px;font-size:clamp(.95rem,2.5vw,1.05rem);font-weight:800}.mise-cook-btn:disabled{opacity:.45;cursor:not-allowed}.mise-cook-btn-secondary{color:var(--ink);background:#fff;border-color:#cfc7b8}.mise-cook-btn-primary{background:var(--tomato);color:#fff;box-shadow:0 6px 18px #d8491c47}@media (width>=600px){.mise-cook{max-width:40rem;margin-inline:auto}.mise-cook-media-frame{max-height:min(48vh,22rem)}}@media (width>=768px){.mise-cook-shell{align-items:flex-start;padding:clamp(.75rem,2vw,1.25rem)}.mise-cook{border:1px solid color-mix(in srgb, var(--spinach) 10%, transparent);border-radius:20px;max-width:56rem;min-height:min(100dvh,900px);overflow:hidden;box-shadow:0 24px 64px #0e2a191a}.mise-cook-progress-block{border-bottom-right-radius:0;border-bottom-left-radius:0;padding-bottom:1rem}.mise-cook-grid{padding:.5rem var(--cook-pad-x) 1rem;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(1rem,3vw,1.75rem);display:grid}.mise-cook-media{margin-top:0;padding:0;position:sticky;top:.5rem}.mise-cook-media-frame{aspect-ratio:4/3;max-height:none}.mise-cook-media-frame.is-playing{aspect-ratio:16/9}.mise-cook-step{padding-top:.35rem;padding-inline:0}.mise-cook-error,.mise-cook-texture{padding-inline:0}.mise-cook-texture-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:28rem}}@media (width>=1024px){.mise-cook{max-width:68rem}.mise-cook-grid{grid-template-columns:minmax(280px,1.15fr) minmax(320px,1fr);gap:2rem;padding-inline:clamp(1.5rem,3vw,2.25rem)}.mise-cook-header{grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;padding-block:.75rem}.mise-cook-progress-block{padding-inline:clamp(1.5rem,3vw,2.25rem)}.mise-cook-nav{max-width:36rem}}@media (width<=380px){.mise-cook-media{padding-inline:0}.mise-cook-media-frame{border-radius:0}.mise-cook-media-toolbar{padding-inline:var(--cook-pad-x)}}@media (height<=520px) and (orientation:landscape) and (width<=900px){.mise-cook{min-height:auto}.mise-cook-grid{padding:0 var(--cook-pad-x) .5rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:.75rem;display:grid}.mise-cook-media{padding:0}.mise-cook-media-frame{aspect-ratio:16/10;max-height:42vh}.mise-cook-step{padding-top:.5rem;padding-bottom:.25rem}.mise-cook-step-title{margin-bottom:.35rem;font-size:1.25rem}.mise-cook-step-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.4;display:-webkit-box;overflow:hidden}.mise-cook-texture{display:none}.mise-cook-footer{padding-block:.5rem}.mise-cook-btn{min-height:44px}}.mise-app{background:radial-gradient(1200px 600px at 10% -10%, color-mix(in srgb, var(--saffron) 18%, transparent), transparent), radial-gradient(900px 500px at 100% 0%, color-mix(in srgb, var(--spinach) 8%, transparent), transparent), var(--cream);min-height:100svh;color:var(--ink)}.mise-shell{width:min(720px,100%);margin:0 auto;padding:1.25rem 1rem 2.5rem}.mise-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.mise-header-actions{align-items:center;gap:.65rem;display:flex}.mise-logo{font-family:var(--display);letter-spacing:.02em;color:var(--spinach);font-size:1.65rem;font-weight:400}.mise-logo-img{max-width:min(180px,52vw);height:auto;display:block}.mise-user{color:var(--label-muted);font-size:.88rem}.mise-hero-panel{border:1px solid color-mix(in srgb, var(--spinach) 12%, #d6d0c1);box-shadow:0 18px 40px color-mix(in srgb, var(--spinach) 6%, transparent);background:#fbf7ed;border-radius:18px;margin-bottom:1.35rem;padding:1.1rem 1rem 1.15rem}.mise-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--tomato);margin:0 0 .35rem;font-size:.72rem;font-weight:700}.mise-hero-panel h1{font-family:var(--display);color:var(--spinach);margin:0 0 .35rem;font-size:clamp(1.65rem,5vw,2rem);font-weight:400;line-height:1.05}.mise-lead{color:var(--label-muted);margin:0;font-size:.95rem;line-height:1.45}.mise-resume-banner{border:1.5px solid color-mix(in srgb, var(--tomato) 35%, #d6d0c1);background:color-mix(in srgb, var(--tomato) 8%, #fff8f0);text-align:left;border-radius:14px;align-items:center;gap:.75rem;width:100%;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.mise-resume-banner strong{color:var(--spinach);display:block}.mise-resume-banner small{color:var(--label-muted);font-size:.82rem}.mise-resume-dot{background:var(--tomato);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--tomato) 25%, transparent);border-radius:50%;flex-shrink:0}.mise-tabs{background:color-mix(in srgb, var(--spinach) 6%, #ebe4d3);border-radius:999px;gap:.35rem;margin-bottom:.85rem;padding:.25rem;display:inline-flex}.mise-tab{color:var(--label-muted);z-index:1;border-radius:999px;padding:.45rem .95rem;font-size:.88rem;font-weight:650;position:relative}.mise-tab.is-active{color:var(--spinach)}.mise-tab-pill{box-shadow:0 2px 8px color-mix(in srgb, var(--spinach) 10%, transparent);background:#fff;border-radius:999px;margin:-.45rem -.95rem;padding:.45rem .95rem;display:block}.mise-load-more{justify-content:center;margin-top:1.25rem;display:flex}.mise-search{margin-bottom:.75rem;position:relative}.mise-search-combo{z-index:30}.mise-suggest-list{box-shadow:0 16px 40px color-mix(in srgb, var(--spinach) 14%, transparent);background:#fff;border:1px solid #d6d0c1;border-radius:14px;max-height:min(320px,50svh);margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow:auto}.mise-suggest-item{text-align:left;width:100%;color:var(--ink);border-radius:10px;grid-template-columns:44px 1fr auto;align-items:center;gap:.65rem;padding:.45rem .5rem;font-size:.9rem;display:grid}.mise-suggest-item img{object-fit:cover;border-radius:8px;width:44px;height:34px}.mise-suggest-item.is-active,.mise-suggest-item:hover{background:#f6efdd}.mise-suggest-tag{color:var(--label-muted);font-size:.72rem}.mise-suggest-muted{color:var(--label-muted);padding:.5rem .65rem;font-size:.88rem}.mise-search-icon{color:var(--label-muted);pointer-events:none;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.mise-search input{width:100%;font:inherit;background:#fff;border:1px solid #cfc7b8;border-radius:999px;padding:.72rem 2.5rem .72rem 2.65rem;transition:border-color .15s,box-shadow .15s}.mise-search input:focus{border-color:color-mix(in srgb, var(--spinach) 35%, #cfc7b8);box-shadow:0 0 0 3px color-mix(in srgb, var(--saffron) 35%, transparent);outline:none}.mise-search-clear{width:2rem;height:2rem;color:var(--label-muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:.55rem;transform:translateY(-50%)}.mise-chips{flex-wrap:wrap;gap:.45rem;margin-bottom:.85rem;display:flex}.mise-chip{color:var(--ink-soft);background:#faf6ea;border:1px solid #cfc7b8;border-radius:999px;padding:.35rem .75rem;font-size:.82rem}.mise-chip.is-active{border-color:var(--spinach);background:color-mix(in srgb, var(--spinach) 8%, #faf6ea);color:var(--spinach)}.mise-results-summary{color:var(--label-muted);margin:0 0 .75rem;font-size:.84rem}.mise-card-grid{gap:.85rem;display:grid}.mise-card{text-align:left;cursor:pointer;background:#faf6ea;border:1px solid #d6d0c1;border-radius:16px;grid-template-columns:108px 1fr;gap:.85rem;padding:.75rem;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.mise-card:hover{border-color:color-mix(in srgb, var(--spinach) 18%, #d6d0c1);box-shadow:0 10px 24px color-mix(in srgb, var(--spinach) 8%, transparent);transform:translateY(-1px)}.mise-card img{object-fit:cover;border-radius:12px;width:108px;height:82px}.mise-card h2{color:var(--spinach);margin:0 0 .25rem;font-size:1.05rem;font-weight:750;line-height:1.2}.mise-card p{color:var(--label-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.35;display:-webkit-box;overflow:hidden}.mise-meta{color:#8b8375;flex-wrap:wrap;gap:.35rem;margin-top:.45rem;font-size:.78rem;display:flex}.mise-badge-saved{color:var(--spinach);font-weight:650}.mise-mark{background:color-mix(in srgb, var(--saffron) 45%, transparent);color:var(--saffron-ink);border-radius:.2em;padding:0 .1em}.mise-card-skeleton{pointer-events:none}.mise-skeleton-thumb,.mise-skeleton-lines div{background:linear-gradient(90deg,#ece5d6 0%,#f7f2e6 50%,#ece5d6 100%) 0 0/200% 100%;border-radius:12px;animation:1.2s infinite mise-shimmer}.mise-skeleton-thumb{width:108px;height:82px}.mise-skeleton-lines{align-content:center;gap:.5rem;display:grid}.mise-skeleton-lines div{height:.75rem}.mise-skeleton-lines div:last-child{width:70%}@keyframes mise-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.mise-empty{text-align:center;color:var(--label-muted);border:1px dashed #cfc7b8;border-radius:14px;margin:1rem 0 1.25rem;padding:1.25rem 1rem}.mise-empty p{margin:0 0 .75rem}.mise-form{gap:.75rem;max-width:420px;display:grid}.mise-form label{color:#3f3a33;gap:.35rem;font-size:.88rem;display:grid}.mise-form input{font:inherit;background:#fff;border:1px solid #cfc7b8;border-radius:12px;padding:.65rem .75rem}.mise-btn{font:inherit;cursor:pointer;border:0;border-radius:999px;padding:.7rem 1.1rem;font-weight:650}.mise-btn-primary{background:var(--tomato);color:#fff}.mise-btn-secondary{color:#332d27;background:0 0;border:1.5px solid #332d27}.mise-btn-ghost{border:1.5px solid color-mix(in srgb, var(--spinach) 20%, #cfc7b8);color:var(--spinach);background:0 0;padding:.45rem .85rem;font-size:.84rem}.mise-error{color:#9b2c12;font-size:.9rem}.mise-detail-hero{aspect-ratio:16/10;object-fit:cover;width:100%;box-shadow:0 16px 36px color-mix(in srgb, var(--spinach) 12%, transparent);border-radius:18px;margin-bottom:1rem}.mise-detail-actions{flex-wrap:wrap;gap:.65rem;margin:1rem 0 1.25rem;display:flex}.mise-ingredients{color:#3f3a33;margin:0;padding-left:1.1rem;line-height:1.55}.mise-steps-preview{gap:.65rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.mise-steps-preview li{background:color-mix(in srgb, var(--spinach) 5%, #faf6ea);border:1px solid #e0d9ca;border-radius:12px;grid-template-columns:2rem 1fr;gap:.65rem;padding:.65rem .75rem;display:grid}.mise-steps-preview strong{color:var(--spinach)}.mise-loading{text-align:center;color:var(--label-muted);padding:2rem 0}.mise-home-actions{margin-bottom:.85rem}.mise-editor-form{gap:.85rem;display:grid}.mise-editor-form label{gap:.35rem;font-size:.88rem;display:grid}.mise-editor-form input,.mise-editor-form textarea{font:inherit;background:#fff;border:1px solid #cfc7b8;border-radius:12px;padding:.65rem .75rem}.mise-editor-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;display:grid}.mise-editor-step{background:#faf6ea;border:1px solid #e0d9ca;border-radius:14px;gap:.65rem;padding:.85rem;display:grid}.mise-editor h2{color:var(--spinach);margin:1rem 0 .35rem;font-size:1rem}.mise-checkbox{align-items:center;gap:.5rem;display:flex!important}.mise-auth-layout{place-items:center;min-height:100svh;padding:1.25rem 1rem 2rem;display:grid}.mise-auth-card{width:min(440px,100%);box-shadow:0 22px 50px color-mix(in srgb, var(--spinach) 10%, transparent);background:#fbf7ec;border:1px solid #d6d0c1;border-radius:20px;padding:1.35rem 1.15rem 1.5rem}.mise-auth-card h1{font-family:var(--display);color:var(--spinach);margin:.35rem 0 .5rem;font-size:1.75rem;font-weight:400}.mise-demo-hint{background:color-mix(in srgb, var(--saffron) 18%, #fff);color:var(--saffron-ink);border-radius:12px;margin:0 0 1rem;padding:.65rem .75rem;font-size:.84rem}.mise-page{will-change:opacity, transform}.mise-boot{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100dvh;padding:2rem 1.25rem;display:flex}.mise-boot-logo{width:min(200px,58vw)}.mise-boot-text{color:var(--label-muted);letter-spacing:.02em;margin:0;font-size:.95rem;font-weight:600}@media (prefers-reduced-motion:no-preference){.mise-btn,.mise-card,.mise-tab,.mise-resume-banner{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s,border-color .2s,background .2s}.mise-btn:active:not(:disabled){transform:scale(.98)}.mise-card:active{transform:scale(.985)}}.mise-btn:focus-visible,.mise-card:focus-visible,.mise-tab:focus-visible,.mise-resume-banner:focus-visible,.mise-cook-icon-btn:focus-visible,.mise-cook-btn:focus-visible{outline:2px solid var(--saffron);outline-offset:2px}.mise-app{-webkit-tap-highlight-color:transparent}@supports (padding:max(0px)){.mise-shell{padding-left:max(1rem, env(safe-area-inset-left));padding-right:max(1rem, env(safe-area-inset-right))}}:root{--r-topbar-x:0.0%;--r-topbar-y:0.0%;--r-topbar-w:100.0%;--r-topbar-h:7.42%;--r-back-control-x:1.94%;--r-back-control-y:1.41%;--r-back-control-w:6.11%;--r-back-control-h:4.69%;--r-brand-x:8.47%;--r-brand-y:2.27%;--r-brand-w:18.0%;--r-brand-h:3.05%;--r-brand-cap:23px;--r-brand-font:33px;--r-recipe-title-x:23.61%;--r-recipe-title-y:1.48%;--r-recipe-title-w:53.47%;--r-recipe-title-h:2.81%;--r-recipe-title-cap:21px;--r-recipe-title-font:31px;--r-step-count-x:33.47%;--r-step-count-y:4.53%;--r-step-count-w:27.64%;--r-step-count-h:2.34%;--r-step-count-cap:17px;--r-step-count-font:25px;--r-more-control-x:91.81%;--r-more-control-y:1.8%;--r-more-control-w:6.25%;--r-more-control-h:3.91%;--r-hero-food-x:0.0%;--r-hero-food-y:7.42%;--r-hero-food-w:100.0%;--r-hero-food-h:36.56%;--r-play-control-x:2.78%;--r-play-control-y:31.87%;--r-play-control-w:10.56%;--r-play-control-h:6.64%;--r-clip-label-x:2.08%;--r-clip-label-y:39.06%;--r-clip-label-w:55.0%;--r-clip-label-h:3.75%;--r-youtube-link-x:14.58%;--r-youtube-link-y:39.06%;--r-youtube-link-w:38.0%;--r-youtube-link-h:3.75%;--r-instruction-x:3.06%;--r-instruction-y:46.56%;--r-instruction-w:82.22%;--r-instruction-h:3.75%;--r-instruction-cap:30px;--r-instruction-font:44px;--r-instruction-family:"Passero One";--r-instruction-weight:400;--r-instruction-detail-x:3.19%;--r-instruction-detail-y:51.48%;--r-instruction-detail-w:81.94%;--r-instruction-detail-h:2.66%;--r-instruction-detail-cap:18px;--r-instruction-detail-font:26px;--r-state-liquid-x:3.47%;--r-state-liquid-y:55.7%;--r-state-liquid-w:29.72%;--r-state-liquid-h:16.88%;--r-state-correct-x:35.28%;--r-state-correct-y:55.7%;--r-state-correct-w:29.72%;--r-state-correct-h:16.88%;--r-state-split-x:67.36%;--r-state-split-y:55.7%;--r-state-split-w:28.75%;--r-state-split-h:16.88%;--r-state-check-x:46.81%;--r-state-check-y:54.69%;--r-state-check-w:5.83%;--r-state-check-h:4.14%;--r-label-liquid-x:7.36%;--r-label-liquid-y:73.75%;--r-label-liquid-w:14.72%;--r-label-liquid-h:2.66%;--r-label-liquid-cap:17px;--r-label-liquid-font:26px;--r-label-correct-x:30.83%;--r-label-correct-y:73.75%;--r-label-correct-w:19.44%;--r-label-correct-h:2.66%;--r-label-correct-cap:18px;--r-label-correct-font:26px;--r-label-split-x:59.86%;--r-label-split-y:73.75%;--r-label-split-w:11.67%;--r-label-split-h:2.66%;--r-timerbar-x:0.0%;--r-timerbar-y:78.2%;--r-timerbar-w:100.0%;--r-timerbar-h:7.81%;--r-timer-mark-x:4.44%;--r-timer-mark-y:79.3%;--r-timer-mark-w:7.78%;--r-timer-mark-h:5.39%;--r-timer-text-x:15.56%;--r-timer-text-y:80.94%;--r-timer-text-w:23.89%;--r-timer-text-h:3.05%;--r-timer-text-cap:25px;--r-timer-text-font:37px;--r-pause-control-x:67.92%;--r-pause-control-y:79.53%;--r-pause-control-w:7.92%;--r-pause-control-h:5.55%;--r-previous-control-x:3.06%;--r-previous-control-y:89.84%;--r-previous-control-w:27.5%;--r-previous-control-h:7.34%;--r-complete-control-x:33.47%;--r-complete-control-y:89.84%;--r-complete-control-w:43.19%;--r-complete-control-h:7.34%}.comp-frame{aspect-ratio:720/1280;width:100%;position:relative;overflow:hidden}.r-topbar{left:var(--r-topbar-x);top:var(--r-topbar-y);width:var(--r-topbar-w);height:var(--r-topbar-h);position:absolute}.r-back-control{left:var(--r-back-control-x);top:var(--r-back-control-y);width:var(--r-back-control-w);height:var(--r-back-control-h);position:absolute}.r-brand{left:var(--r-brand-x);top:var(--r-brand-y);width:var(--r-brand-w);height:var(--r-brand-h);position:absolute}.r-recipe-title{left:var(--r-recipe-title-x);top:var(--r-recipe-title-y);width:var(--r-recipe-title-w);height:var(--r-recipe-title-h);position:absolute}.r-step-count{left:var(--r-step-count-x);top:var(--r-step-count-y);width:var(--r-step-count-w);height:var(--r-step-count-h);position:absolute}.r-more-control{left:var(--r-more-control-x);top:var(--r-more-control-y);width:var(--r-more-control-w);height:var(--r-more-control-h);position:absolute}.r-hero-food{left:var(--r-hero-food-x);top:var(--r-hero-food-y);width:var(--r-hero-food-w);height:var(--r-hero-food-h);position:absolute}.r-play-control{left:var(--r-play-control-x);top:var(--r-play-control-y);width:var(--r-play-control-w);height:var(--r-play-control-h);position:absolute}.r-clip-label{left:var(--r-clip-label-x);top:var(--r-clip-label-y);width:var(--r-clip-label-w);height:var(--r-clip-label-h);position:absolute}.mise-youtube-external{left:var(--r-youtube-link-x);top:var(--r-youtube-link-y);width:var(--r-youtube-link-w);height:var(--r-youtube-link-h);position:absolute}.r-instruction{left:var(--r-instruction-x);top:var(--r-instruction-y);width:var(--r-instruction-w);height:var(--r-instruction-h);position:absolute}.r-instruction-detail{left:var(--r-instruction-detail-x);top:var(--r-instruction-detail-y);width:var(--r-instruction-detail-w);height:var(--r-instruction-detail-h);position:absolute}.r-state-liquid{left:var(--r-state-liquid-x);top:var(--r-state-liquid-y);width:var(--r-state-liquid-w);height:var(--r-state-liquid-h);position:absolute}.r-state-correct{left:var(--r-state-correct-x);top:var(--r-state-correct-y);width:var(--r-state-correct-w);height:var(--r-state-correct-h);position:absolute}.r-state-split{left:var(--r-state-split-x);top:var(--r-state-split-y);width:var(--r-state-split-w);height:var(--r-state-split-h);position:absolute}.r-state-check{left:var(--r-state-check-x);top:var(--r-state-check-y);width:var(--r-state-check-w);height:var(--r-state-check-h);position:absolute}.r-label-liquid{left:var(--r-label-liquid-x);top:var(--r-label-liquid-y);width:var(--r-label-liquid-w);height:var(--r-label-liquid-h);position:absolute}.r-label-correct{left:var(--r-label-correct-x);top:var(--r-label-correct-y);width:var(--r-label-correct-w);height:var(--r-label-correct-h);position:absolute}.r-label-split{left:var(--r-label-split-x);top:var(--r-label-split-y);width:var(--r-label-split-w);height:var(--r-label-split-h);position:absolute}.r-timerbar{left:var(--r-timerbar-x);top:var(--r-timerbar-y);width:var(--r-timerbar-w);height:var(--r-timerbar-h);position:absolute}.r-timer-mark{left:var(--r-timer-mark-x);top:var(--r-timer-mark-y);width:var(--r-timer-mark-w);height:var(--r-timer-mark-h);position:absolute}.r-timer-text{left:var(--r-timer-text-x);top:var(--r-timer-text-y);width:var(--r-timer-text-w);height:var(--r-timer-text-h);position:absolute}.r-pause-control{left:var(--r-pause-control-x);top:var(--r-pause-control-y);width:var(--r-pause-control-w);height:var(--r-pause-control-h);position:absolute}.r-previous-control{left:var(--r-previous-control-x);top:var(--r-previous-control-y);width:var(--r-previous-control-w);height:var(--r-previous-control-h);position:absolute}.r-complete-control{left:var(--r-complete-control-x);top:var(--r-complete-control-y);width:var(--r-complete-control-w);height:var(--r-complete-control-h);position:absolute}.stage-shell{aspect-ratio:720/1280;background:var(--cream);width:100%;overflow:hidden}.mise-stage{background:var(--cream);width:720px;height:1280px;color:var(--ink);margin:0;position:relative;overflow:hidden}html,body,#root{background:var(--cream);width:100%;margin:0}.mise-cooking-error{z-index:5;color:#9b2c12;text-align:center;background:#fff5f0f2;border-radius:10px;margin:0;padding:.5rem .75rem;font-size:.88rem;position:absolute;top:58%;left:8%;right:8%}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mise-stage .plate{border-radius:6px;margin:0;overflow:hidden}.mise-stage .plate img{object-fit:cover;object-position:center center;width:100%;height:100%}.r-state-liquid img,.r-state-correct img,.r-state-split img{object-fit:cover;object-position:50% 40%}.r-state-correct.is-selected,.r-state-liquid.is-selected,.r-state-split.is-selected{outline-offset:-4px;z-index:1;outline:4px solid #1f3a22}button.plate{cursor:pointer;background:0 0;border:0;padding:0}.r-hero-food img{object-fit:cover}.control-asset{background:0 0;border:0;margin:0;padding:0;display:block;overflow:hidden}.control-asset img{object-fit:fill;width:100%;height:100%;display:block}.r-topbar{background:var(--spinach-deep)}.r-brand,.r-recipe-title,.r-step-count,.r-instruction,.r-instruction-detail,.r-label-liquid,.r-label-correct,.r-label-split,.r-timer-text,.r-clip-label{white-space:nowrap;align-items:center;margin:0;line-height:1;display:flex}.mise-brand-lockup{align-items:center;gap:.35rem;color:#f4f5f5!important;display:flex!important}.mise-brand-mark{flex-shrink:0;width:28px;height:28px}.r-brand{color:#f6f7f6;font-family:var(--sans);font-weight:700;font-size:var(--r-brand-font);letter-spacing:-.02em}.r-recipe-title{color:#f4f6f5;font-family:var(--sans);font-weight:600;font-size:var(--r-recipe-title-font);letter-spacing:-.03em;justify-content:center}.r-step-count{color:#b1c0b0;font-family:var(--sans);font-weight:500;font-size:var(--r-step-count-font);justify-content:center}.r-more-control,.r-play-control,.r-pause-control{border:0;place-items:center;padding:0;display:grid}.r-more-control{color:#f4f5f5;background:0 0}.r-more-control svg{width:80%;height:80%}.r-play-control{color:#fff;background:#201e1ad6;border-radius:50%;box-shadow:0 0 0 1.25px #ffffff47}.r-play-control svg{width:56%;height:56%;margin-left:8%}.r-clip-label{color:#fff;font-family:var(--sans);letter-spacing:.01em;background:#2a2724;border-radius:999px;justify-content:center;font-size:16px;font-weight:700}.r-instruction{color:var(--ink);font-family:var(--display);font-weight:400;font-size:var(--r-instruction-font);letter-spacing:-.01em}.r-instruction-detail{color:var(--ink-soft);font-family:var(--sans);font-weight:500;font-size:var(--r-instruction-detail-font);width:calc(var(--r-instruction-detail-w) + 4%);overflow:visible}.r-state-check{z-index:5}.state-check-dot{color:#fff;background:#f3a81a;border-radius:50%;place-items:center;display:grid;box-shadow:0 1px 2px #0000002e}.state-check-dot svg{width:58%;height:58%}.r-label-liquid{color:#544d3b;font-family:var(--sans);justify-content:center;font-size:21px;font-weight:500}.r-label-correct{color:#1c3319;font-family:var(--sans);justify-content:center;font-size:22px;font-weight:600}.r-label-split{color:#233318;font-family:var(--sans);justify-content:center;font-size:21px;font-weight:500}.r-timerbar{background:var(--saffron)}.r-timer-text{color:var(--saffron-ink);font-family:var(--sans);font-weight:700;font-size:var(--r-timer-text-font);letter-spacing:-.02em;width:calc(var(--r-timer-text-w) + 4%);overflow:visible}.r-pause-control{z-index:3;color:var(--saffron-ink);background:#f8f8f7;border-radius:50%;box-shadow:0 1px 2px #4725081f}.r-pause-control svg{width:44%;height:44%}.mise-stage[data-layer=plates] .semantic{visibility:hidden}.mise-stage[data-texture=false] .r-state-liquid,.mise-stage[data-texture=false] .r-state-correct,.mise-stage[data-texture=false] .r-state-split,.mise-stage[data-texture=false] .r-label-liquid,.mise-stage[data-texture=false] .r-label-correct,.mise-stage[data-texture=false] .r-label-split,.mise-stage[data-texture=false] .r-state-check{visibility:hidden;pointer-events:none}.mise-cook-menu{z-index:20;background:#fff;border:1px solid #d6d0c1;border-radius:12px;min-width:11rem;padding:.35rem;position:absolute;top:11.5%;right:4%;box-shadow:0 12px 28px #14120f29}.mise-cook-menu button{text-align:left;width:100%;color:var(--ink);border-radius:8px;padding:.55rem .65rem;font-size:.88rem;display:block}.mise-cook-menu button:hover{background:#f6efdd}