.mp-prep{--mp-prep-sky:color-mix(in oklch,var(--mp-sky) 13%,var(--mp-shell));--mp-prep-butter:color-mix(in oklch,var(--mp-butter) 18%,var(--mp-shell));--mp-prep-mint:color-mix(in oklch,var(--mp-mint) 22%,var(--mp-shell));position:fixed;inset:0;z-index:59;min-height:100dvh;overflow:auto;background:var(--mp-shell);color:var(--mp-fg)}.mp-prep a,.mp-prep button{-webkit-tap-highlight-color:transparent}.mp-prep-loading{display:grid;place-content:center;justify-items:center;gap:var(--mp-space-3);color:var(--mp-muted-fg)}.mp-prep-loading .mp-icon{animation:mp-prep-spin .9s linear infinite}@keyframes mp-prep-spin{to{transform:rotate(1turn)}}.mp-prep-start{background:var(--mp-shell)}.mp-prep-startbar,.mp-prep-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.mp-prep-startbar{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:24px 0}.mp-prep-iconbtn{width:44px;height:44px;flex:0 0 44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--mp-border);border-radius:16px;background:color-mix(in oklch,var(--mp-shell) 92%,transparent);color:var(--mp-fg);text-decoration:none;cursor:pointer;transition:transform var(--mp-dur-fast) var(--mp-ease),background var(--mp-dur-fast) var(--mp-ease)}.mp-prep-iconbtn:hover{background:var(--mp-muted)}.mp-prep-iconbtn:active{transform:scale(.94)}.mp-prep-savehint{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border-radius:99px;background:var(--mp-muted);color:var(--mp-muted-fg);font-size:12px;white-space:nowrap}.mp-prep-intro{position:relative;width:min(1080px,calc(100% - 48px));margin:28px auto 64px;padding:clamp(28px,5vw,64px);overflow:hidden;border:1px solid color-mix(in oklch,var(--mp-border) 78%,transparent);border-radius:16px;background:color-mix(in oklch,var(--mp-shell) 96%,transparent);box-shadow:0 28px 80px -52px oklch(0 0 0/.32)}.mp-prep-kicker{color:var(--mp-muted-fg);font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.mp-prep-completecard h1,.mp-prep-intro>h1{max-width:780px;margin:10px 0 8px;font-size:clamp(34px,5vw,64px);font-weight:620;letter-spacing:-.055em;line-height:.98;text-wrap:balance}.mp-prep-completecard>p,.mp-prep-intro>p{max-width:650px;margin:0;color:var(--mp-muted-fg);font-size:16px;line-height:1.55}.mp-prep-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:32px 0;padding:10px 0;border-block:1px solid var(--mp-border)}.mp-prep-facts>div{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;min-width:0;padding:8px 16px}.mp-prep-facts>div+div{border-left:1px solid var(--mp-border)}.mp-prep-facts .mp-icon{grid-row:1/3;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:var(--mp-shell)}.mp-prep-facts strong{overflow:hidden;font-size:14px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.mp-prep-facts span:last-child{color:var(--mp-muted-fg);font-size:11px}.mp-prep-startgrid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:var(--mp-space-4);align-items:stretch}.mp-prep-startsection{min-width:0;padding:18px;border-radius:24px;background:color-mix(in oklch,var(--mp-muted) 72%,var(--mp-shell))}.mp-prep-sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.mp-prep-sectionhead>div{display:grid;gap:2px}.mp-prep-sectionhead span{color:var(--mp-muted-fg);font-size:11px;font-weight:620;letter-spacing:.06em;text-transform:uppercase}.mp-prep-sectionhead strong{font-family:var(--mp-font-mono);font-size:14px}.mp-prep .mp-recipe-calculator{padding:0;border:0;border-radius:0;background:transparent}.mp-prep .mp-recipe-calculator-summary{border-color:var(--mp-border)}.mp-prep-checklist{display:grid;gap:7px}.mp-prep-checkrow{width:100%;min-height:46px;display:flex;align-items:center;gap:10px;padding:8px 11px;border:0;border-radius:15px;background:var(--mp-shell);color:var(--mp-fg);font:inherit;font-size:13px;text-align:left;cursor:pointer}.mp-prep-checkrow>span{width:26px;height:26px;flex:0 0 26px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--mp-muted);color:var(--mp-muted-fg)}.mp-prep-checkrow.is-checked>span{background:var(--mp-prep-mint);color:var(--mp-fg)}.mp-prep-emptycopy{margin:0;padding:14px;border-radius:15px;background:var(--mp-muted);color:var(--mp-muted-fg);font-size:13px;line-height:1.45}.mp-prep-secondarybutton,.mp-prep-startbutton{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:0;border-radius:18px;font:inherit;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer;transition:transform var(--mp-dur-fast) var(--mp-ease),box-shadow var(--mp-dur-fast) var(--mp-ease)}.mp-prep-startbutton{margin-top:20px;background:var(--mp-fg);color:var(--mp-shell);box-shadow:0 14px 28px -20px oklch(0 0 0/.45)}.mp-prep-intro>.mp-prep-startbutton{width:100%}.mp-prep-startbutton:hover{box-shadow:0 18px 34px -20px oklch(0 0 0/.55);transform:translateY(-1px)}.mp-prep-startbutton:active{transform:scale(.985)}.mp-prep-secondarybutton{background:var(--mp-muted);color:var(--mp-fg)}.mp-prep-workspace{display:grid;grid-template-rows:auto 3px minmax(0,1fr);overflow:hidden}.mp-prep-topbar{min-height:72px;padding:12px 24px;border-bottom:1px solid var(--mp-border);background:color-mix(in oklch,var(--mp-shell) 94%,transparent)}.mp-prep-topidentity{min-width:0;display:grid;gap:2px;margin:0 auto 0 14px}.mp-prep-topidentity strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mp-prep-topidentity span{color:var(--mp-muted-fg);font-family:var(--mp-font-mono);font-size:11px}.mp-prep-topactions{display:flex;align-items:center;gap:8px}.mp-prep-progress{height:3px;overflow:hidden;background:var(--mp-muted)}.mp-prep-progress>span{display:block;width:100%;height:100%;transform-origin:left center;border-radius:0 99px 99px 0;background:var(--mp-fg);transition:transform .48s cubic-bezier(.22,1,.36,1)}.mp-prep-layout{width:min(1500px,100%);height:100%;min-height:0;display:grid;grid-template-columns:minmax(230px,280px) minmax(420px,1fr) minmax(220px,270px);gap:clamp(14px,2vw,28px);margin:0 auto;padding:clamp(18px,2.5vw,34px);overflow:hidden}.mp-prep-rail,.mp-prep-timerpanel{min-height:0}.mp-prep-rail{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px}.mp-prep-railhead{display:flex;align-items:center;justify-content:space-between;padding:0 4px;color:var(--mp-muted-fg);font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.mp-prep-railhead strong{font-family:var(--mp-font-mono);color:var(--mp-fg)}.mp-prep-raillist{display:grid;align-content:start;gap:7px;overflow-y:auto;padding:2px 5px 2px 2px;scrollbar-width:thin}.mp-prep-railtile{width:100%;min-width:0;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:0;border-radius:16px;background:transparent;color:var(--mp-fg);font:inherit;text-align:left;cursor:pointer;transition:background var(--mp-dur-fast) var(--mp-ease),transform var(--mp-dur-fast) var(--mp-ease)}.mp-prep-railtile:hover{background:var(--mp-muted)}.mp-prep-railtile:active{transform:scale(.985)}.mp-prep-railtile>span:first-child{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--mp-muted);color:var(--mp-muted-fg);font-family:var(--mp-font-mono);font-size:12px;font-weight:650}.mp-prep-railtile>span:last-child{min-width:0;display:grid;gap:3px}.mp-prep-railtile strong{overflow:hidden;font-size:12px;font-weight:580;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mp-prep-railtile small{color:var(--mp-muted-fg);font-family:var(--mp-font-mono);font-size:10px}.mp-prep-railtile.is-current{background:var(--mp-prep-sky);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--mp-sky) 22%,var(--mp-border))}.mp-prep-railtile.is-current>span:first-child{background:var(--mp-fg);color:var(--mp-shell)}.mp-prep-railtile.is-done>span:first-child{background:var(--mp-prep-mint);color:var(--mp-fg)}.mp-prep-railtile.is-done:not(.is-current) strong{color:var(--mp-muted-fg);text-decoration:line-through}.mp-prep-active{height:100%;min-height:0;display:flex;flex-direction:column;overflow-y:auto;padding:clamp(24px,4vw,52px);border:1px solid var(--mp-border);border-radius:30px;background:var(--mp-shell);box-shadow:0 24px 64px -48px oklch(0 0 0/.4)}.mp-prep-activehead{display:flex;align-items:center;justify-content:space-between;gap:12px}.mp-prep-duration,.mp-prep-stepbadge{display:inline-flex;align-items:center;gap:5px;min-height:27px;padding:0 10px;border-radius:99px;font-size:11px;font-weight:620}.mp-prep-stepbadge{background:var(--mp-prep-sky)}.mp-prep-duration{background:var(--mp-prep-butter);color:var(--mp-muted-fg)}.mp-prep-active>h1{margin:clamp(22px,4vh,38px) 0;font-size:clamp(28px,4vw,52px);font-weight:590;letter-spacing:-.045em;line-height:1.08;text-wrap:balance}.mp-prep-stepsection{margin-top:14px;padding-top:18px;border-top:1px solid var(--mp-border)}.mp-prep-stepsectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.mp-prep-stepsectionhead>span{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650}.mp-prep-stepsectionhead small{color:var(--mp-muted-fg);font-family:var(--mp-font-mono);font-size:10px}.mp-prep-ingredientlist{display:grid;gap:7px}.mp-prep-ingredientrow{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 13px;border-radius:17px;background:var(--mp-muted)}.mp-prep-ingredientrow>span{min-width:0;display:grid;gap:2px}.mp-prep-ingredientrow strong{font-size:13px;font-weight:620}.mp-prep-ingredientrow>strong{flex:0 0 auto;font-family:var(--mp-font-mono);font-size:15px}.mp-prep-ingredientrow small{color:var(--mp-muted-fg);font-size:10px}.mp-prep-equipmentchips,.mp-step-addingredients,.mp-step-equipment{display:flex;flex-wrap:wrap;gap:6px}.mp-prep-equipmentchips button{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border:0;border-radius:13px;background:var(--mp-muted);color:var(--mp-fg);font:inherit;font-size:11px;cursor:pointer}.mp-prep-equipmentchips button.is-checked{background:var(--mp-prep-mint)}.mp-prep-nextbutton{width:100%;min-height:54px;display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:8px;margin-top:auto;padding:0 18px;border:0;border-radius:19px;background:var(--mp-fg);color:var(--mp-shell);font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:transform var(--mp-dur-fast) var(--mp-ease)}.mp-prep-nextbutton .mp-icon:first-child{justify-self:start}.mp-prep-nextbutton .mp-icon:last-child{justify-self:end}.mp-prep-nextbutton:active{transform:scale(.985)}.mp-prep-timerpanel{align-self:start;display:grid;justify-items:center;gap:10px;padding:26px 18px 20px;border-radius:26px;background:var(--mp-prep-butter);text-align:center}.mp-prep-timerlabel{color:var(--mp-muted-fg);font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.mp-prep-timerpanel>strong{font-family:var(--mp-font-mono);font-size:clamp(32px,3vw,48px);font-weight:620;letter-spacing:-.055em}.mp-prep-timerpanel>strong.is-over{color:var(--mp-berry)}.mp-prep-timerstatus{display:inline-flex;align-items:center;gap:6px;color:var(--mp-muted-fg);font-size:10px}.mp-prep-timerstatus i{width:7px;height:7px;border-radius:50%;background:var(--mp-muted-fg)}.mp-prep-timerstatus i.is-running{background:var(--mp-mint);animation:mp-prep-pulse 1.6s ease-in-out infinite}@keyframes mp-prep-pulse{50%{opacity:.35;transform:scale(.82)}}.mp-prep-pausebutton{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:0;border-radius:14px;background:var(--mp-shell);color:var(--mp-fg);font:inherit;font-size:12px;font-weight:620;cursor:pointer}.mp-prep-timersummary{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:14px;border-top:1px solid color-mix(in oklch,var(--mp-border) 70%,transparent);color:var(--mp-muted-fg);font-size:10px}.mp-prep-timersummary strong{color:var(--mp-fg);font-family:var(--mp-font-mono);font-size:12px}.mp-prep-mobiletimer{display:none}.mp-prep-complete{display:grid;place-items:center;padding:24px;background:var(--mp-prep-mint)}.mp-prep-completecard{width:min(680px,100%);padding:clamp(34px,7vw,72px);border-radius:36px;background:var(--mp-shell);text-align:center;box-shadow:0 30px 70px -50px oklch(0 0 0/.4)}.mp-prep-completecard h1,.mp-prep-completecard>p{margin-inline:auto}.mp-prep-completeicon{width:70px;height:70px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:20px;border-radius:26px;background:var(--mp-prep-mint)}.mp-prep-completeactions{display:flex;justify-content:center;gap:10px;margin-top:24px}.mp-prep-completeactions .mp-prep-startbutton{margin-top:0}.mp-prep-launch{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;margin-bottom:12px;padding:11px;border-radius:18px;background:var(--mp-prep-sky,color-mix(in oklch,var(--mp-sky) 13%,var(--mp-shell)))}.mp-prep-launch-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--mp-shell)}.mp-prep-launch>span:nth-child(2){min-width:0;display:grid;gap:2px}.mp-prep-launch strong{font-size:12.5px}.mp-prep-launch small{color:var(--mp-muted-fg);font-size:10.5px}.mp-prep-launch>button{min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border:0;border-radius:14px;background:var(--mp-fg);color:var(--mp-shell);font:inherit;font-size:11.5px;font-weight:620;cursor:pointer}.mp-step-resources{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--mp-border)}.mp-step-resourcehead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:2px}.mp-step-resourcehead span{font-size:11px;font-weight:650}.mp-step-resourcehead small{color:var(--mp-muted-fg);font-size:9.5px}.mp-step-allocation{display:grid;grid-template-columns:24px minmax(90px,1fr) 68px 72px 66px minmax(74px,auto);align-items:center;gap:5px;min-height:38px;padding:5px;border-radius:13px;background:var(--mp-shell)}.mp-step-allocation-remove{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:var(--mp-muted);color:var(--mp-muted-fg);cursor:pointer}.mp-step-allocation-name{overflow:hidden;font-size:10.5px;font-weight:580;text-overflow:ellipsis;white-space:nowrap}.mp-step-allocation input,.mp-step-allocation select{width:100%;height:30px;min-width:0;border:1px solid var(--mp-border);border-radius:10px;background:var(--mp-shell);color:var(--mp-fg);font:inherit;font-family:var(--mp-font-mono);font-size:10px}.mp-step-allocation input{padding:0 7px;text-align:right}.mp-step-allocation-unit{display:inline-flex;align-items:center;justify-content:center;height:30px;border-radius:10px;background:var(--mp-muted);font-family:var(--mp-font-mono);font-size:10px}.mp-step-allocation>small{color:var(--mp-muted-fg);font-family:var(--mp-font-mono);font-size:9px;text-align:right}.mp-step-addingredients button,.mp-step-equipment button{min-height:30px;display:inline-flex;align-items:center;gap:4px;padding:0 9px;border:1px solid var(--mp-border);border-radius:11px;background:transparent;color:var(--mp-muted-fg);font:inherit;font-size:9.5px;cursor:pointer}.mp-step-equipment button.is-selected{border-color:transparent;background:color-mix(in oklch,var(--mp-mint) 20%,var(--mp-shell));color:var(--mp-fg)}.mp-step-equipment-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:7px}.mp-step-equipment-add input{min-width:0;height:36px;padding:0 10px;border:1px solid var(--mp-border);border-radius:11px;background:var(--mp-shell);color:var(--mp-fg);font:inherit;font-size:11px}.mp-step-equipment-add button{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;border:0;border-radius:11px;background:var(--mp-fg);color:var(--mp-shell);font:inherit;font-size:10.5px;font-weight:620;cursor:pointer}.mp-rmob{width:100%;max-width:1120px;margin:0 auto;background:var(--mp-shell)}.mp-rmob .mp-rmob-hero,.mp-rmob .mp-rmob-hero[data-color]{width:calc(100% - 32px);height:202px;margin-inline:auto;border-radius:16px;background:color-mix(in oklch,var(--mp-sky) 7%,var(--mp-shell))}.mp-rmob .mp-rmob-hero>.mp-icon{opacity:.12;transform:translateY(-10px)}.mp-rmob .mp-rmob-fab{border-radius:16px;background:color-mix(in oklch,var(--mp-shell) 88%,transparent);box-shadow:0 10px 28px -20px oklch(0 0 0/.4)}.mp-rmob .mp-rmob-hero-title{bottom:16px}.mp-rmob-nameinput{width:min(100%,720px);padding:3px 0 5px;border:0;border-bottom:1px solid color-mix(in oklch,var(--mp-fg) 28%,transparent);border-radius:0;outline:0;background:transparent;color:var(--mp-fg);font:inherit;font-size:28px;font-weight:600;letter-spacing:-.03em;line-height:1.1}.mp-rmob-nameinput:focus{border-bottom-color:var(--mp-fg)}.mp-rmob .mp-rmob-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 16px;border:0;background:transparent}.mp-rmob .mp-rmob-metacell{padding:11px 13px;border:0;border-radius:15px;background:var(--mp-muted)}.mp-rmob .mp-rmob-metacell+.mp-rmob-metacell{border-left:0}.mp-rmob .mp-rmob-calculator{border-color:var(--mp-border);background:var(--mp-muted)}.mp-rmob .mp-rmob-seg{background:var(--mp-muted)}.mp-rmob .mp-rmob-ing,.mp-rmob .mp-rmob-step{border-radius:17px;background:var(--mp-muted);box-shadow:none}.mp-rmob .mp-rmob-step-preview{cursor:default}.mp-rmob .mp-rmob-step[data-state=current]{background:var(--mp-shell)}.mp-rmob .mp-rmob-bar{border:0;background:color-mix(in oklch,var(--mp-shell) 92%,transparent);box-shadow:0 -18px 42px -34px oklch(0 0 0/.34)}.mp-rmob-print{width:48px;height:48px;flex:0 0 48px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:17px;background:var(--mp-muted);color:var(--mp-fg);cursor:pointer}.mp-rmob .mp-rmob-cta{min-width:0;border-radius:17px}.mp-rmob-step-resources{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.mp-rmob-step-resources span{min-height:25px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border-radius:99px;background:var(--mp-shell);color:var(--mp-muted-fg);font-size:10.5px}.mp-rmob-editor{width:100%;padding:0 16px 24px;animation:mp-rmob-editor-in .22s cubic-bezier(.22,1,.36,1)}@keyframes mp-rmob-editor-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mp-rmob-editor>.mp-recipe-detail{padding:0;background:transparent;animation:none}.mp-rmob-editor .mp-recipe-calculator,.mp-rmob-editor>.mp-recipe-detail>.mp-detail-ident,.mp-rmob-editor>.mp-recipe-detail>.mp-detail-meta,.mp-rmob-editor>.mp-recipe-detail>.mp-detail-tabs{display:none}.mp-rmob-editor .mp-detail-head2{min-height:44px;margin-bottom:12px;padding:0}.mp-rmob-editor .mp-recipe-col{box-shadow:none}.mp-rmob-editor .mp-detail-footer{margin-inline:-16px;padding-inline:16px}@media (min-width:761px){.mp-rmob{min-height:calc(100dvh - 64px);overflow:clip;border-radius:16px}.mp-rmob .mp-rmob-hero,.mp-rmob .mp-rmob-hero[data-color]{width:min(920px,calc(100% - 48px));height:238px}.mp-rmob .mp-rmob-hero-title{left:28px;right:28px;bottom:24px}.mp-rmob .mp-rmob-calculator,.mp-rmob .mp-rmob-editor,.mp-rmob .mp-rmob-list,.mp-rmob .mp-rmob-meta,.mp-rmob .mp-rmob-seg{width:min(920px,calc(100% - 48px));margin-inline:auto}.mp-rmob .mp-rmob-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mp-rmob .mp-rmob-list{padding-inline:0;padding-bottom:32px}.mp-rmob .mp-rmob-editor{padding-inline:0}.mp-rmob .mp-rmob-bar{position:sticky;left:auto;right:auto;margin-top:auto;padding-inline:max(16px,calc((100% - 920px) / 2))}.mp-rmob-editor .mp-detail-footer{margin-inline:0;padding-inline:0}}::view-transition-group(.preparation-morph){animation-duration:.44s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-image-pair(.preparation-morph){animation-name:mp-prep-via-softness}@keyframes mp-prep-via-softness{38%{filter:blur(2px);border-radius:16px}}::view-transition-old(.preparation-step-exit){animation:mp-prep-step-out .18s cubic-bezier(.4,0,1,1) both}::view-transition-new(.preparation-step-enter){animation:mp-prep-step-in .24s cubic-bezier(.22,1,.36,1) both}@keyframes mp-prep-step-out{to{opacity:0;transform:translateX(-6px)}}@keyframes mp-prep-step-in{0%{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}::view-transition-old(.preparation-forward){--mp-prep-slide:-34px;animation:.16s ease-in both mp-prep-route-fade reverse,.38s var(--mp-ease) both mp-prep-route-slide reverse}::view-transition-new(.preparation-forward){--mp-prep-slide:34px;animation:mp-prep-route-fade .22s ease-out .12s both,mp-prep-route-slide .42s cubic-bezier(.22,1,.36,1) both}::view-transition-old(.preparation-back){--mp-prep-slide:34px;animation:.15s ease-in both mp-prep-route-fade reverse,.36s var(--mp-ease) both mp-prep-route-slide reverse}::view-transition-new(.preparation-back){--mp-prep-slide:-34px;animation:mp-prep-route-fade .21s ease-out .11s both,mp-prep-route-slide .4s cubic-bezier(.22,1,.36,1) both}@keyframes mp-prep-route-fade{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}@keyframes mp-prep-route-slide{0%{translate:var(--mp-prep-slide)}to{translate:0}}@media (max-width:1050px){.mp-prep-layout{grid-template-columns:220px minmax(380px,1fr)}.mp-prep-timerpanel{display:none}.mp-prep-mobiletimer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px;padding:13px;border-radius:17px;background:var(--mp-prep-butter)}.mp-prep-mobiletimer>span{color:var(--mp-muted-fg);font-size:10px}.mp-prep-mobiletimer>strong{margin-left:auto;font-family:var(--mp-font-mono);font-size:18px}.mp-prep-mobiletimer>button{min-height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border:0;border-radius:12px;background:var(--mp-shell);color:var(--mp-fg);font:inherit;font-size:10px}}@media (max-width:760px){.mp-prep-start{background:var(--mp-shell)}.mp-prep-startbar{width:calc(100% - 32px);padding:16px 0}.mp-prep-intro{width:calc(100% - 24px);margin:4px auto 28px;padding:26px 18px 18px;border-radius:28px}.mp-prep-intro>h1{margin-top:8px;font-size:clamp(32px,10vw,46px)}.mp-prep-intro>p{font-size:14px}.mp-prep-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 14px}.mp-prep-facts>div{grid-template-columns:30px minmax(0,1fr);padding:12px}.mp-prep-facts>div:last-child{grid-column:1/-1;border-top:1px solid var(--mp-border);border-left:0}.mp-prep-facts .mp-icon{width:30px;height:30px;border-radius:11px}.mp-prep-startgrid{grid-template-columns:1fr}.mp-prep-startsection{padding:14px;border-radius:20px}.mp-prep-topbar{min-height:64px;padding:10px 12px}.mp-prep-topbar .mp-prep-savehint{display:none}.mp-prep-topidentity{margin-left:10px}.mp-prep-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:10px;padding:10px 12px max(12px,env(safe-area-inset-bottom));overflow-y:auto}.mp-prep-rail{display:block}.mp-prep-railhead{display:none}.mp-prep-raillist{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:none}.mp-prep-raillist::-webkit-scrollbar{display:none}.mp-prep-railtile{width:60px;min-width:60px;height:48px;grid-template-columns:1fr;justify-items:center;padding:7px;border-radius:16px;scroll-snap-align:center}.mp-prep-railtile>span:first-child{width:32px;height:32px}.mp-prep-railtile>span:last-child{display:none}.mp-prep-active{height:auto;min-height:calc(100dvh - 144px);overflow:visible;padding:22px 18px 18px;border-radius:26px}.mp-prep-active>h1{margin:22px 0 18px;font-size:clamp(27px,8vw,38px)}.mp-prep-nextbutton{margin-top:18px;border-radius:18px}.mp-prep-completeactions{flex-direction:column}.mp-prep-completeactions>*{width:100%}.mp-prep-launch{grid-template-columns:38px minmax(0,1fr)}.mp-prep-launch>button{grid-column:1/-1;justify-content:center}.mp-step-allocation{grid-template-columns:24px minmax(90px,1fr) 72px}.mp-step-allocation>input{grid-column:2}.mp-step-allocation>.mp-step-allocation-unit,.mp-step-allocation>input+select{grid-column:3}.mp-step-allocation>small{grid-column:2/-1;text-align:left;padding-bottom:3px}.mp-step-equipment-add{grid-template-columns:1fr}}@media (max-width:390px){.mp-prep-savehint{font-size:10px}.mp-prep-intro{padding-inline:14px}.mp-prep-facts{gap:7px}.mp-prep-facts strong{font-size:12px}.mp-prep-startsection{padding:12px}.mp-prep-mobiletimer>span{display:none}.mp-prep-ingredientrow{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.mp-prep *,.mp-prep :after,.mp-prep :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.mp-rmob-editor{animation:none}::view-transition-group(*),::view-transition-new(*),::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}}.mp-prep :where(button,a,input,select,textarea):focus-visible,.mp-prep-launch :where(button,a):focus-visible,.mp-rmob-bar :where(button,a):focus-visible,.mp-step-resources :where(button,input,select):focus-visible{outline:2px solid var(--mp-fg);outline-offset:2px}@media (max-width:760px),(pointer:coarse) and (max-width:1024px){:where(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]),select,textarea){font-size:16px!important}}