.mascot{--ms-out:var(--out,cubic-bezier(.2, .8, .2, 1));--ms-ink:var(--ink,#2c2330);--lx:0;--ly:0;--lean:0;-webkit-tap-highlight-color:transparent;flex:none;display:block;overflow:visible}.mascot g{transform-box:view-box}.mascot .f{fill:#c9b7ae}.mascot .c{fill:var(--creme,#fff8ee)}.mascot .p{fill:var(--tomate-l,#f7b8a6)}.mascot .h{fill:#fff}.mascot .r{fill:var(--tomate,#e4573d)}.mascot .y{fill:var(--safran,#f2a73b)}.mascot .g{fill:var(--basilic,#3f8f5c)}.mascot .k{fill:var(--ms-ink)}.mascot .o,.mascot .o-thin{stroke:var(--ms-ink);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.mascot .o-thin{stroke-width:1.5px}.mascot .l,.mascot .l-b{fill:none;stroke:var(--ms-ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.mascot .l-b{stroke-width:2px}.ms-tail-o,.ms-tail-p{fill:none;stroke-linecap:round}.ms-tail-o{stroke:var(--ms-ink);stroke-width:4.6px}.ms-tail-p{stroke:var(--tomate-l,#f7b8a6);stroke-width:2px}.ms-glint{fill:#fff}.ms-nose-p{fill:var(--heart,#ef5470)}.ms-hat-shade{fill:var(--soft,#f6ede1)}.ms-whisk{opacity:.85}.ms-jacket{fill:none;stroke:var(--ms-ink);stroke-width:1.7px;stroke-linecap:round;stroke-dasharray:0 3.2}.ms-paw-o{stroke:var(--ms-ink);stroke-width:2px}.ms-happy,.ms-mouth-open,.ms-think,.ms-spark{opacity:0}.ms-eye-open,.ms-happy,.ms-mouth-open,.ms-mouth-shut,.ms-think{transition:opacity .12s}.ms-eyes{transform:translate(calc(var(--lx) * 2.2px), calc(var(--ly) * 1.7px));transition:transform .2s var(--ms-out)}.ms-face{transform:translate(calc(var(--lx) * 1.5px), calc(var(--ly) * 1px));transition:transform .3s var(--ms-out)}.ms-head{transform-origin:28px 42px;transform:translate(calc(var(--lx) * 1px), calc(var(--ly) * .6px)) rotate(calc(var(--lean) * 9deg));transition:transform .45s var(--ms-out)}.ms-hat{transform-origin:28px 19px;transform:translateX(calc(var(--lx) * .4px)) rotate(calc(-5deg - var(--lean) * 4deg));transition:transform .6s var(--ms-out)}.ms-lean{transform-origin:28px 55px;transform:rotate(calc(var(--lean) * 4deg)) translateX(calc(var(--lean) * 1px));transition:transform .5s var(--ms-out)}.ms-ear{transition:transform .3s var(--ms-out)}.ms-ear-l,.ms-ear-l .ms-ear-anim{--side:1;transform-origin:20px 24px}.ms-ear-r,.ms-ear-r .ms-ear-anim{--side:-1;transform-origin:36px 24px}.ms-whisk-l{--side:1;transform-origin:21.6px 38px}.ms-whisk-r{--side:-1;transform-origin:34.4px 38px}.ms-paw{transition:transform .4s var(--ms-out)}.ms-paw-l .ms-paw-anim{transform-origin:21.6px 49.6px}.ms-paw-r .ms-paw-anim{transform-origin:34.4px 49.6px}.ms-hop{transform-origin:28px 55px;transition:transform .15s var(--ms-out)}.ms-breath{transform-origin:28px 55px;animation:3.4s ease-in-out infinite ms-breath}.ms-head-anim{transform-origin:28px 42px;animation:3.4s ease-in-out infinite ms-head-idle}.ms-tail-sway{transform-origin:38px 51px;animation:3.2s ease-in-out infinite alternate ms-tail}.ms-tail{transform-origin:38px 51px}@keyframes ms-breath{50%{transform:scale(1.015,1.035)}}@keyframes ms-head-idle{50%{transform:translateY(-.5px)}}@keyframes ms-tail{0%{transform:rotate(-5deg)}to{transform:rotate(7deg)}}.ms-blink{transform-origin:28px 28.8px}.mascot[data-blink] .ms-blink{animation:.17s ease-in-out ms-blink}@keyframes ms-blink{50%{transform:scaleY(.1)}}.ms-nose{transform-origin:28px 36px}.mascot[data-sniff] .ms-nose{animation:.24s ease-in-out 4 ms-sniff}.mascot[data-sniff] .ms-whisk{animation:.24s ease-in-out 4 ms-twitch}@keyframes ms-sniff{50%{transform:translateY(-.7px)scale(1.14,.9)}}@keyframes ms-twitch{50%{transform:rotate(calc(var(--side) * 9deg))}}.mascot[data-ear] .ms-ear-r .ms-ear-anim,.mascot[data-scroll] .ms-ear-anim{animation:ms-flick .5s var(--ms-out)}@keyframes ms-flick{30%{transform:rotate(calc(var(--side) * 14deg))}65%{transform:rotate(calc(var(--side) * -5deg))}}.mascot[data-near] .ms-ear-l{transform:rotate(14deg)scale(1.12)}.mascot[data-near] .ms-ear-r{transform:rotate(-14deg)scale(1.12)}.mascot[data-near] .ms-whisk{animation:.22s ease-in-out 3 ms-twitch}.mascot[data-near] .ms-hop{animation:ms-notice .5s var(--ms-out)}@keyframes ms-notice{40%{transform:translateY(-1.6px)scale(.99,1.02)}}.mascot[data-hover] .ms-ear-l{transform:rotate(18deg)scale(1.18)}.mascot[data-hover] .ms-ear-r{transform:rotate(-18deg)scale(1.18)}.mascot[data-hover] .ms-hop{animation:ms-hop .7s var(--ms-out) infinite}.mascot[data-hover] .ms-tail-sway{animation-duration:.28s}@keyframes ms-hop{30%{transform:translateY(-2.6px)scale(.98,1.03)}55%{transform:none}65%{transform:scale(1.03,.97)}}.mascot[data-press] .ms-hop{animation:none;transform:scale(1.07,.9)}.mascot[data-joy] .ms-eye-open,.mascot[data-joy] .ms-mouth-shut{opacity:0}.mascot[data-joy] .ms-happy,.mascot[data-joy] .ms-mouth-open{opacity:1}.ms-jump{transform-origin:28px 55px}.mascot[data-jump] .ms-jump{animation:.9s ease-in-out ms-jump}.mascot[data-jump] .ms-hat-anim{animation:.95s ease-in-out ms-hat-pop}.mascot[data-jump] .ms-ear-anim{animation:.9s ease-in-out ms-ear-flap}.mascot[data-jump] .ms-tail{animation:.9s ease-in-out ms-tail-flick}.mascot[data-jump] .ms-paw-l .ms-paw-anim{animation:.9s ease-in-out ms-cheer-l}.mascot[data-jump] .ms-paw-r .ms-paw-anim{animation:.9s ease-in-out ms-cheer-r}.ms-spark{transform-box:fill-box;transform-origin:50%}.mascot[data-jump] .ms-spark{animation:ms-spark .8s var(--ms-out) calc(.22s + var(--d,0s)) both}.ms-hat-anim{transform-origin:28px 19px}@keyframes ms-jump{14%{transform:scale(1.1,.86)}42%{transform:translateY(-10px)scale(.93,1.09)}64%{transform:scale(1.12,.88)}80%{transform:scale(.97,1.04)}}@keyframes ms-hat-pop{18%{transform:none}46%{transform:translateY(-8px)rotate(-16deg)}66%{transform:translateY(.6px)rotate(9deg)}80%{transform:rotate(-5deg)}92%{transform:rotate(2deg)}}@keyframes ms-ear-flap{40%{transform:rotate(calc(var(--side) * -16deg))}70%{transform:rotate(calc(var(--side) * 10deg))}}@keyframes ms-tail-flick{40%{transform:rotate(-20deg)}70%{transform:rotate(9deg)}}@keyframes ms-cheer-l{30%,60%{transform:translate(-4px,-10px)}}@keyframes ms-cheer-r{30%,60%{transform:translate(4px,-10px)}}@keyframes ms-spark{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:translate(calc(var(--sx) * .4), calc(var(--sy) * .4)) scale(1.2)}to{opacity:0;transform:translate(var(--sx), var(--sy)) scale(.6) rotate(45deg)}}.ms-hello{transform-origin:28px 55px}.mascot[data-hello] .ms-hello{animation:ms-hello .7s var(--ms-out) both}.mascot[data-hello] .ms-paw-l .ms-paw-anim{animation:1.1s ease-in-out .3s both ms-wave}@keyframes ms-hello{0%{opacity:0;transform:translateY(14px)scale(.6)}60%{opacity:1;transform:translateY(-2px)scale(1.04)}}@keyframes ms-wave{20%{transform:translate(-8px,-13px)}35%{transform:translate(-10.5px,-14px)}50%{transform:translate(-7.5px,-13.5px)}65%{transform:translate(-10.5px,-14px)}80%{transform:translate(-8px,-13px)}}.mascot[data-scroll=down] .ms-eyes{--ly:1}.mascot[data-scroll=up] .ms-eyes{--ly:-1}.mascot[data-state=thinking] .ms-eyes{--lx:.8;--ly:-1}.mascot[data-state=thinking] .ms-face{--lx:.5;--ly:-.4}.mascot[data-state=thinking] .ms-head-anim{animation:2.6s ease-in-out infinite ms-ponder;transform:rotate(-5deg)}.mascot[data-state=thinking] .ms-paw-r{transform:translate(-2.9px,-6.4px)}.mascot[data-state=thinking] .ms-tail-sway{animation-duration:.9s}.mascot[data-state=thinking] .ms-think{opacity:1}.mascot[data-state=thinking] .ms-dot{animation:1.5s ease-in-out infinite ms-dot}.ms-dot{transform-box:fill-box;transform-origin:50%}.ms-dot:nth-child(2){animation-delay:.2s!important}.ms-dot:nth-child(3){animation-delay:.4s!important}@keyframes ms-ponder{0%,to{transform:rotate(-5deg)}50%{transform:rotate(-2deg)translateY(-.4px)}}@keyframes ms-dot{0%,to{opacity:.45;transform:scale(.7)}40%{opacity:1;transform:translateY(-1px)scale(1.1)}}.mascot[data-state=writing] .ms-mouth-open{opacity:1}.mascot[data-state=writing] .ms-mouth-shut{opacity:0}.ms-talk{transform-origin:28px 39.2px}.mascot[data-state=writing] .ms-talk{animation:.9s ease-in-out infinite ms-talk}.mascot[data-state=writing] .ms-head-anim{animation:1.8s ease-in-out infinite ms-chat}.mascot[data-state=writing] .ms-paw-l{transform:translate(-4px,-7px)}.mascot[data-state=writing] .ms-paw-l .ms-paw-anim{animation:1.8s ease-in-out infinite ms-gesture}@keyframes ms-talk{0%,to{transform:scaleY(.35)}15%{transform:none}30%{transform:scaleY(.5)}45%{transform:scaleY(.9)}55%{transform:scaleY(.3)}75%{transform:none}}@keyframes ms-chat{25%{transform:rotate(2.5deg)translateY(-.4px)}50%{transform:none}75%{transform:rotate(-2deg)}}@keyframes ms-gesture{30%{transform:translate(-1.5px,-1.8px)}60%{transform:translate(.6px,.4px)}}.ms-brows,.ms-frown,.ms-drop,.ms-waves{opacity:0;transition:opacity .15s}.mascot[data-state=error] .ms-brows,.mascot[data-state=error] .ms-frown,.mascot[data-state=error] .ms-drop{opacity:1}.mascot[data-state=error] .ms-mouth-shut{opacity:0}.mascot[data-state=error] .ms-ear-l{transform:rotate(-22deg)translateY(1.5px)}.mascot[data-state=error] .ms-ear-r{transform:rotate(22deg)translateY(1.5px)}.mascot[data-state=error] .ms-eyes{--lx:0;--ly:.6}.mascot[data-state=error] .ms-hat{transform:translate(-1.2px)rotate(-14deg)}.mascot[data-state=error] .ms-head-anim{animation:.7s ease-in-out ms-headshake}.mascot[data-state=error] .ms-tail-sway{animation:none;transform:rotate(16deg)}.ms-drop{transform-origin:39.4px 26px}.mascot[data-state=error] .ms-drop{animation:2.4s ease-in .5s infinite ms-drop}@keyframes ms-headshake{20%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}@keyframes ms-drop{0%{opacity:0;transform:translateY(-2px)scale(.6)}15%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(5px)scale(.8)}}.mascot[data-state=listening] .ms-ear-l{transform:rotate(8deg)scale(1.12)}.mascot[data-state=listening] .ms-ear-r{transform:rotate(-18deg)scale(1.22)}.mascot[data-state=listening] .ms-head-anim{animation:2.2s ease-in-out infinite ms-attend;transform:rotate(7deg)}.mascot[data-state=listening] .ms-eyes{--lx:-.3;--ly:0}.mascot[data-state=listening] .ms-waves{opacity:1}.ms-wave{fill:none;stroke:var(--tomate,#e4573d);stroke-width:1.8px;stroke-linecap:round;transform-box:fill-box;transform-origin:0%}.mascot[data-state=listening] .ms-wave{animation:1.2s ease-out infinite ms-wave-out}.mascot[data-state=listening] .ms-wave+.ms-wave{animation-delay:.25s}.mascot[data-state=listening] .ms-ear-r .ms-ear-anim{animation:1.2s ease-in-out infinite ms-ear-listen}@keyframes ms-attend{0%,to{transform:rotate(7deg)}50%{transform:rotate(9deg)translateY(-.3px)}}@keyframes ms-wave-out{0%{opacity:.2;transform:translate(-1.5px)scale(.85)}40%{opacity:1}to{opacity:.2;transform:translate(1px)}}@keyframes ms-ear-listen{50%{transform:rotate(-5deg)scale(1.04)}}.mascot[data-motion=still],.mascot[data-motion=still] *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.mascot,.mascot *{transition:none!important;animation:none!important}}.rt{z-index:60;font-family:var(--body);flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:18px;right:18px}.rt-fab{border:2px solid var(--ink);background:var(--safran);min-width:58px;height:58px;color:var(--ink);box-shadow:0 6px 0 var(--ink);transition:transform .2s var(--out), box-shadow .2s var(--out);border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 10px;font-size:15px;font-weight:800;display:inline-flex}.rt-fab:hover{box-shadow:0 8px 0 var(--ink);transform:translateY(-2px)}.rt-fab:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}.rt.open .rt-fab{background:var(--paper);padding:0 9px}.rt-fab-label{font-family:var(--display);font-size:17px}.rt-panel{background:var(--creme);border:2px solid var(--ink);border-radius:var(--radius);width:min(400px,100vw - 36px);height:min(600px,100vh - 120px);box-shadow:0 8px 0 var(--ink), 0 24px 60px #2c23302e;animation:rt-in .28s var(--out);flex-direction:column;display:flex;overflow:hidden}@keyframes rt-in{0%{opacity:0;transform:translateY(16px)scale(.97)}}.rt-head{background:var(--paper);border-bottom:1.5px solid var(--line);align-items:center;gap:10px;padding:12px 12px 10px 14px;display:flex}.rt-head:after{content:none}.rt-who{flex:1;min-width:0}.rt-who h2{margin:0;font-size:20px;line-height:1.1}.rt-who p{color:var(--ink-2);margin:0;font-size:13px}.rt-icon-btn{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.rt-icon-btn:hover{border-color:var(--ink-3)}.rt svg .ln{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.rt svg .ln.fill{fill:currentColor}.rt-icon-btn svg,.rt-tool svg,.rt-send svg{width:20px;height:20px}.rt-log{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;padding:14px 14px 6px;display:flex;overflow-y:auto}.rt-msg{border-radius:18px;max-width:88%;padding:9px 13px;font-size:15px;line-height:1.45}.rt-msg.agent{background:var(--paper);border:1.5px solid var(--line);border-bottom-left-radius:6px;align-self:flex-start}.rt-msg.user{background:var(--ink);color:var(--creme);border-bottom-right-radius:6px;align-self:flex-end}.rt-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.rt-text a{color:var(--tomate);text-underline-offset:2px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.rt-thumbs{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.rt-thumbs img{object-fit:cover;border-radius:10px;width:72px;height:72px}.rt-chips{flex-wrap:wrap;gap:8px;display:flex}.rt-chip{border:1.5px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700}.rt-chip:hover{border-color:var(--safran);color:var(--ink)}.rt-action{border:1.5px solid var(--basilic);background:#e9f4ec;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:14px;display:flex}.rt-action.created{border-color:var(--safran);background:#fff1d9}.rt-action.undone,.rt-action.updated.undone,.rt-action.created.undone{background:var(--soft);border-color:var(--line);color:var(--ink-2)}.rt-action.undone .rt-action-what{text-decoration:line-through}.rt-action.undone:not(.updated):not(.created) .rt-action-what{text-decoration:none}.rt-action-what{min-width:0;font-weight:700}.rt-action-do{flex:none;gap:6px;display:flex}.rt-action-do a,.rt-action-do button{border:1.5px solid var(--ink);background:var(--paper);border-radius:999px;padding:3px 11px;font-size:13px;font-weight:800}.rt-action-do button{border-color:var(--tomate);color:var(--tomate)}.rt-note{color:var(--ink-2);text-align:center;align-self:center;margin:0;font-size:13px}.rt-note.error{color:var(--tomate)}.rt-step{color:var(--ink-2);align-items:center;gap:8px;margin:0;font-size:14px;font-style:italic;display:flex}.rt-dots{gap:3px;display:inline-flex}.rt-dots i{background:var(--tomate);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite rt-dot}.rt-dots i:nth-child(2){background:var(--safran);animation-delay:.15s}.rt-dots i:nth-child(3){background:var(--basilic);animation-delay:.3s}@keyframes rt-dot{0%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.rt-form{background:var(--paper);border-top:1.5px solid var(--line);padding:8px 10px 10px}.rt-pending{gap:8px;padding:2px 2px 8px;display:flex}.rt-pend{position:relative}.rt-pend img{object-fit:cover;border-radius:10px;width:56px;height:56px;display:block}.rt-pend.loading img{opacity:.45}.rt-pend.failed img{opacity:.3;filter:grayscale()}.rt-pend button{border:1.5px solid var(--ink);background:var(--paper);border-radius:50%;width:22px;height:22px;padding:0;font-size:14px;line-height:1;position:absolute;top:-6px;right:-6px}.rt-bar{align-items:flex-end;gap:6px;display:flex}.rt-tool,.rt-send{border:1.5px solid var(--line);background:var(--paper);width:40px;height:40px;color:var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.rt-tool:hover{border-color:var(--ink-3)}.rt-tool.rec{background:var(--tomate);border-color:var(--tomate);color:var(--paper);animation:1.2s ease-in-out infinite rt-rec}@keyframes rt-rec{50%{box-shadow:0 0 0 6px #e4573d40}}.rt-send{background:var(--tomate);border-color:var(--tomate);color:var(--paper)}.rt-send:disabled{background:var(--soft);border-color:var(--line);color:var(--ink-3);cursor:default}.rt-bar textarea{resize:none;field-sizing:content;border:1.5px solid var(--line);background:var(--creme);min-width:0;min-height:40px;max-height:140px;font:16px / 1.35 var(--body);color:var(--ink);border-radius:20px;flex:1;padding:9px 12px}.rt-bar textarea:focus{border-color:var(--safran);outline:none}@media (max-width:600px){.rt{bottom:14px;right:14px}.rt-fab-label{display:none}.rt-fab{padding:0 9px}.rt.open{bottom:0;left:0;right:0}.rt.open .rt-fab{display:none}.rt-panel{border-radius:var(--radius) var(--radius) 0 0;border-width:2px 0 0;width:100%;height:min(88vh,100dvh - 40px);box-shadow:0 -12px 40px #2c233033}.rt-form{padding-bottom:max(10px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.rt *,.rt-panel{transition:none!important;animation:none!important}}.rt-msg.writing .rt-text:after{content:"";vertical-align:-.15em;background:var(--safran);border-radius:2px;width:.5em;height:1em;margin-left:2px;animation:.9s steps(2,end) infinite rt-caret;display:inline-block}@keyframes rt-caret{50%{opacity:0}}.rt-history{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper);margin:28px 0 8px}.rt-history-toggle{width:100%;color:var(--ink-2);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:800;display:flex}.rt-history-toggle span{font-size:20px;line-height:1}.rt-history-list{margin:0;padding:0 18px 14px;list-style:none}.rt-history-list>li{border-top:1.5px solid var(--line);padding:12px 0}.rt-history-list>li.undone{opacity:.6}.rt-h-head{flex-wrap:wrap;justify-content:space-between;gap:2px 10px;margin:0;display:flex}.rt-h-head span{color:var(--ink-2);font-size:14px}.rt-h-diff{color:var(--ink-2);margin:6px 0 0;padding-left:18px;font-size:14px}.rt-h-do{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:14px;display:flex}.rt-h-do button{border:1.5px solid var(--line);background:var(--paper);color:var(--ink-2);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:800}.rt-h-do button:hover{border-color:var(--tomate);color:var(--tomate)}.rt-h-do button.yes{border-color:var(--tomate);background:var(--tomate);color:var(--paper)}:root{--creme:#fff8ee;--paper:#fff;--ink:#2c2330;--ink-2:#6b6068;--ink-3:#a3989e;--line:#efe4d6;--soft:#f6ede1;--tomate:#e4573d;--tomate-l:#f7b8a6;--safran:#f2a73b;--basilic:#3f8f5c;--heart:#ef5470;--radius:22px;--display:"Fraunces", "Iowan Old Style", Georgia, serif;--body:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--pad:18px;--max:1220px;--out:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--creme);color:var(--ink);font:16px / 1.5 var(--body);-webkit-font-smoothing:antialiased;margin:0}body:before{content:"";background:linear-gradient(90deg, var(--tomate) 0 33.3%, var(--safran) 0 66.6%, var(--basilic) 0);height:4px;display:block}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}h1,h2,h3{font-family:var(--display);font-variation-settings:"SOFT" 100, "WONK" 0}.view{max-width:var(--max);padding:0 var(--pad) 40px;margin:0 auto}.ic{display:block;overflow:visible}.ic .m{fill:var(--c,var(--tomate))}.ic .t{fill:color-mix(in srgb, var(--c,var(--tomate)) 32%, #fff)}.ic .w{fill:var(--creme)}.ic .r{fill:var(--tomate)}.ic .y{fill:var(--safran)}.ic .g{fill:var(--basilic)}.ic .o{stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.ic .w-l{stroke:#fff;stroke-width:2.2px;stroke-linecap:round;opacity:.65}.ic .n{fill:none}.mi{vertical-align:-.22em;flex:none;width:1.2em;height:1.2em;display:inline-block;overflow:visible}.mi .ln{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mi .hf{fill:var(--heart)}.mi .yf,.mi .gf,.mi .tf{stroke:currentColor;stroke-width:1.8px;stroke-linejoin:round}.mi .yf{fill:var(--safran)}.mi .gf{fill:#8cc59c}.mi .tf{fill:color-mix(in srgb, var(--c,var(--safran)) 28%, #fff)}.logo-mark{display:block;overflow:visible}.lm-pot{fill:var(--tomate);stroke:var(--ink);stroke-width:2.6px;stroke-linejoin:round}.lm-lid{fill:var(--tomate-l);stroke:var(--ink);stroke-width:2.6px;stroke-linejoin:round}.lm-leaf{fill:var(--basilic);stroke:var(--ink);stroke-width:2.4px;stroke-linejoin:round}.lm-vein{fill:none;stroke:#bfe3c8;stroke-width:1.6px;stroke-linecap:round}.lm-knob{fill:var(--ink)}.lm-steam{fill:none;stroke:var(--safran);stroke-width:2.6px;stroke-linecap:round}.lm-ink{fill:none;stroke:var(--ink);stroke-width:3.6px;stroke-linecap:round}.lm-shine{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;opacity:.55}.brand{align-items:center;gap:9px;min-width:0;display:flex}.brand-mark .logo-mark{width:42px;height:42px}.wordmark{flex-direction:column;line-height:1;display:flex}.wm-1{font:800 9.5px / 1 var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--tomate);margin:0 0 3px 1px}.wm-2{font:italic 600 22px / 1 var(--display);letter-spacing:-.015em;white-space:nowrap;font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72}.top{align-items:center;gap:8px;min-height:60px;padding:10px 0 4px;display:flex}.top .brand{margin-right:auto}.top-btn{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;min-width:40px;height:40px;padding:0 11px;font-size:14px;font-weight:800;transition:transform .15s,background .15s;display:inline-flex}.top-btn .mi{width:19px;height:19px}.top-btn:active{transform:scale(.94)}.top-fav.on{background:#ffe9ed;border-color:#ffccd6}.search-btn{width:40px;padding:0}.search{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;height:42px;padding:0 6px 0 14px;transition:border-color .15s,box-shadow .15s;display:none}.search .mi{width:19px;height:19px;color:var(--ink-2)}.search:focus-within{border-color:var(--tomate-l);box-shadow:0 0 0 4px color-mix(in srgb, var(--tomate) 12%, transparent)}.search input{min-width:0;font:600 15.5px var(--body);color:var(--ink);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--ink-3);font-weight:500}.search input::-webkit-search-cancel-button{display:none}.q-clear{background:var(--soft);width:30px;height:30px;color:var(--ink-2);border:0;border-radius:50%;flex:none;font-size:18px;line-height:1}.top.searching .brand,.top.searching .search-btn{display:none}.top.searching .search{display:flex}.hello{font:500 23px / 1.15 var(--display);letter-spacing:-.015em;font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 48;margin:6px 0 0}.squiggle{white-space:nowrap;color:var(--tomate);font-style:italic;position:relative}.squiggle:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8c12-6 20 4 32-1s20-5 32 0 20 4 32-2' stroke='%23F2A73B' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:.3em;position:absolute;bottom:-.16em;left:-3%;right:-3%}.cats{scrollbar-width:none;margin:20px calc(-1 * var(--pad)) 0;padding:6px var(--pad) 4px;scroll-snap-type:x proximity;scroll-padding:0 var(--pad);gap:2px;display:flex;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.cat{scroll-snap-align:start;background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:5px;min-width:72px;padding:0 3px;display:flex;position:relative}.cat .lbl{white-space:nowrap}.cat .bubble{background:color-mix(in srgb, var(--c) 15%, #fff);width:54px;height:54px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c) 22%, transparent);border-radius:50%;place-items:center;transition:transform .25s cubic-bezier(.3,1.6,.5,1),box-shadow .15s;display:grid;position:relative}.cat .bubble .ic{width:36px;height:36px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.cat:hover .bubble .ic{transform:rotate(-8deg)scale(1.06)}.cat .lbl{color:var(--ink-2);text-align:center;font-size:12.5px;font-weight:700;line-height:1.15}.cat .n{background:var(--paper);border:1.5px solid var(--line);min-width:22px;height:18px;color:var(--ink-2);text-align:center;border-radius:999px;margin-left:14px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:15px;position:absolute;top:-3px;left:50%}.cat.on .bubble{box-shadow:inset 0 0 0 2.5px var(--c), 0 0 0 3px var(--creme), 0 0 0 5px var(--c)}.cat.on .lbl{color:var(--ink)}.cat.on .n{background:var(--ink);border-color:var(--ink);color:#fff}.cat.all .bubble{background:var(--soft);box-shadow:inset 0 0 0 1.5px var(--line)}.cat.all.on .bubble{box-shadow:inset 0 0 0 2.5px var(--ink), 0 0 0 3px var(--creme), 0 0 0 5px var(--ink)}.cat.zero:not(.on){opacity:.4}.filters{scrollbar-width:none;margin:6px calc(-1 * var(--pad)) 0;padding:6px var(--pad);align-items:center;gap:7px;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;height:36px;padding:0 13px 0 10px;font-size:13.5px;font-weight:700;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.chip .mi{width:17px;height:17px}.chip small{color:var(--ink-3);font-size:12px;font-weight:600}.chip:active{transform:scale(.96)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.on small{color:#d9cdd3}.results-bar{justify-content:space-between;align-items:baseline;min-height:22px;margin:6px 0 12px;display:flex}#count{color:var(--ink-3);margin:0;font-size:13px;font-weight:600}#count b{color:var(--ink);font-weight:800}.reset{color:var(--tomate);text-underline-offset:3px;background:0 0;border:0;padding:2px 0;font-size:13.5px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.reset.big{font-size:16px}.grid{grid-template-columns:1fr;gap:26px 20px;display:grid}@media (min-width:620px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:960px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1180px){.grid{grid-template-columns:repeat(4,1fr)}}.card{position:relative}.card.pop{animation:pop .5s var(--out) both;animation-delay:calc(min(var(--i,0), 11) * 40ms)}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.97)}}.grid.vt .card{view-transition-name:var(--vt)}.card a{display:block}.ph{border-radius:var(--radius);background:var(--soft);aspect-ratio:4/3.3;position:relative;overflow:hidden;transform:translateZ(0)}.ph img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.card a:hover .ph img{transform:scale(1.04)}.ph .time{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf6ed;border-radius:999px;align-items:center;gap:4px;padding:3px 10px 3px 7px;font-size:12.5px;font-weight:800;display:inline-flex;position:absolute;bottom:10px;left:10px}.ph .time .mi{width:15px;height:15px}.fav-btn{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf6ed;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .2s cubic-bezier(.3,1.8,.5,1);display:grid;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px -6px #0000004d}.fav-btn svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:2px;transition:fill .15s,stroke .15s}.fav-btn.on svg{fill:var(--heart);stroke:var(--heart)}.fav-btn:active{transform:scale(.85)}.fav-btn.burst{animation:.45s burst}@keyframes burst{30%{transform:scale(1.3)}60%{transform:scale(.92)}}.card .body{padding:10px 4px 0}.tag{color:var(--ink-2);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;font-size:12px;font-weight:800;display:inline-flex}.card .tag .ic{width:20px;height:20px;margin:-2px 0}.card h3{font:500 20px / 1.18 var(--display);letter-spacing:-.01em;font-variation-settings:"SOFT" 100, "WONK" 0, "opsz" 36;margin:3px 0 4px}.card a:hover h3{-webkit-text-decoration:underline 2.5px var(--c);text-decoration:underline 2.5px var(--c);text-underline-offset:4px}.card .meta{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13.5px;font-weight:600;display:flex}.card .meta span{align-items:center;gap:4px;display:inline-flex}.card .meta .mi{width:15px;height:15px}.ph.none{background:radial-gradient(circle at 22% 24%, color-mix(in srgb, var(--c) 12%, transparent) 0 14%, transparent 14.5%), radial-gradient(circle at 82% 76%, color-mix(in srgb, var(--c) 10%, transparent) 0 20%, transparent 20.5%), color-mix(in srgb, var(--c) 9%, var(--creme));align-content:center;place-items:center;gap:8px;display:grid}.none-ic .ic{width:84px;height:84px;transform:rotate(-8deg)}.none-lbl{font:italic 500 15px var(--display);color:var(--ink-2)}.card .meta .note,.r-notes span{background:var(--soft);color:var(--ink-2);border-radius:999px;padding:0 8px;font-weight:700}.r-notes{gap:6px;margin:0 0 10px;font-size:13px;display:flex}.r-notes span{padding:3px 10px}.more-wrap{text-align:center;margin-top:32px}.more-btn{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;height:48px;padding:0 24px;font-size:15px;font-weight:800}.more-btn:hover{border-color:var(--ink)}.empty{text-align:center;color:var(--ink-2);padding:30px 0 10px;font-weight:700}.empty-mark .logo-mark{width:110px;height:110px;margin:0 auto;transform:rotate(-6deg)}.empty p{font:italic 500 20px var(--display);color:var(--ink)}.foot{border-top:1.5px dashed var(--line);text-align:center;color:var(--ink-2);margin-top:64px;padding:34px 0 10px}.foot-mark .logo-mark{width:64px;height:64px;margin:0 auto 8px}.foot-wm{flex-direction:column;align-items:center;margin:0 0 12px;display:flex}.foot-wm .wm-1{margin:0 0 4px .28em;font-size:11px}.foot-wm .wm-2{font-size:34px}.foot-lede{max-width:30em;font:italic 400 17px / 1.45 var(--display);color:var(--ink-2);margin:0 auto 10px}.foot-meta{color:var(--ink-3);margin:0;font-size:13px;font-weight:700}.est-note{color:var(--ink-3);margin:6px 0 0;font-size:12px;font-weight:500}#recipe{padding-top:0}.r-nav{display:none}.r-hero{margin:0 calc(-1 * var(--pad));position:relative}.r-hero .ph{aspect-ratio:4/3;border-radius:0 0 32px 32px}.r-hero .ph.none .ic{width:130px;height:130px}.r-bar{z-index:3;justify-content:space-between;display:flex;position:absolute;top:14px;left:14px;right:14px}.round-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf6f0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 14px -6px #00000059}.round-btn .mi{width:22px;height:22px}.round-btn .mi .ln{stroke-width:2.4px}.r-bar .fav-btn{width:44px;height:44px;position:static}.r-head{margin:-34px calc(-1 * var(--pad)) 0;background:var(--creme);padding:20px calc(var(--pad) + 2px) 0;border-radius:28px 28px 0 0;position:relative}.r-head .tag{gap:8px;font-size:12px}.r-head .tag .emo{background:color-mix(in srgb, var(--c) 15%, #fff);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.r-head .tag .emo .ic{width:24px;height:24px}.r-head h1{font:500 clamp(31px, 7.4vw, 52px) / 1.06 var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 144;z-index:0;margin:10px 0 12px;position:relative}.r-head h1 .u{white-space:nowrap;font-style:italic;position:relative}.r-head h1 .u:before{content:"";z-index:-1;background:color-mix(in srgb, var(--c) 34%, transparent);transform-origin:0;height:.34em;animation:.7s cubic-bezier(.55,.05,.25,1) .4s both stabilo;position:absolute;bottom:.02em;left:-.08em;right:-.12em;transform:rotate(-1deg)skew(-8deg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M2.5 3.5 0.6 17.2C34 18.8 66 19.4 98.6 18.6L99.4 1.4C66 0.4 34 1 2.5 3.5Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M2.5 3.5 0.6 17.2C34 18.8 66 19.4 98.6 18.6L99.4 1.4C66 0.4 34 1 2.5 3.5Z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}@keyframes stabilo{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.r-desc{color:var(--ink-2);font:400 18px / 1.5 var(--display);font-variation-settings:"SOFT" 100, "opsz" 18;max-width:34em;margin:0 0 18px}.facts{flex-wrap:wrap;gap:8px;margin:0 0 8px;display:flex}.fact{background:var(--paper);border:1.5px solid var(--line);border-radius:16px;align-items:center;gap:8px;padding:8px 13px 8px 10px;font-size:14px;font-weight:700;display:inline-flex}.fact small{color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px;font-size:10.5px;font-weight:800;line-height:1;display:block}.fact .i .mi{width:22px;height:22px;display:block}.r-cols{gap:30px;margin-top:28px;display:grid}.r-cols h2,.variations h2,.more h2{font:500 25px / 1.2 var(--display);font-variation-settings:"SOFT" 100, "WONK" 1, "opsz" 72;letter-spacing:-.01em;align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.r-cols h2 .u,.variations h2 .u{-webkit-text-decoration:underline 3px var(--c);text-decoration:underline 3px var(--c);text-underline-offset:7px;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.r-cols h2 small{font:700 13px var(--body);color:var(--ink-3)}.ingr{background:var(--paper);border:1.5px solid var(--line);border-radius:var(--radius);padding:20px 18px 10px}.ingr ul{margin:0;padding:0;list-style:none}.ingr .grp{font:800 11.5px var(--body);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin:12px 0 4px}.ingr li label{border-bottom:1px dashed var(--line);cursor:pointer;align-items:flex-start;gap:12px;padding:8px 0;font-weight:600;display:flex}.ingr li:last-child label{border-bottom:0}.ingr input{appearance:none;border:2px solid color-mix(in srgb, var(--c) 55%, white);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin:0;transition:background .15s;display:grid}.ingr input:checked{background:var(--c);border-color:var(--c)}.ingr input:checked:after{content:"";border-top:0;border-bottom:2.5px solid #fff;border-left:2.5px solid #fff;border-right:0;width:9px;height:5px;transform:translateY(-1px)rotate(-45deg)}.ingr input:checked+span{color:var(--ink-3);text-decoration:line-through}.ingr .hint{color:var(--ink-3);margin:10px 0 6px;font-size:12.5px;font-weight:700}.ingr ul.sub,.steps ul.sub{margin:-4px 0 6px;padding:0 0 0 34px;list-style:none}.ingr ul.sub li{color:var(--ink-2);padding:3px 0;font-size:14.5px;font-weight:600}.ingr ul.sub li:before,.steps ul.sub li:before{content:"– ";color:var(--ink-3)}.prep{counter-reset:s}.step-grp{font:italic 500 18px var(--display);align-items:center;gap:8px;margin:18px 0 8px;display:flex}.step-grp:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px}.steps{counter-reset:s;margin:0;padding:0;list-style:none}.steps ul.sub{margin:6px 0 0;padding-left:4px}.steps ul.sub li{color:var(--ink-2);padding:2px 0;font-size:15px}.steps li{counter-increment:s;cursor:pointer;border-radius:18px;margin-bottom:10px;font-size:16.5px;line-height:1.55;transition:background .2s,opacity .2s;position:relative}.step-btn{text-align:left;width:100%;font:inherit;line-height:inherit;color:inherit;background:0 0;border:0;border-radius:18px;padding:14px 16px 14px 62px;display:block}.step-btn:focus-visible{outline:2.5px solid var(--c);outline-offset:2px}.step-timer{vertical-align:1px;background:color-mix(in srgb, var(--c) 12%, white);font:800 12.5px var(--body);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;margin-left:8px;padding:1px 9px 1px 6px;display:inline-flex}.step-timer .mi{width:14px;height:14px}.steps li:before{content:counter(s);width:36px;height:36px;font:600 18px var(--display);color:var(--ink);background:color-mix(in srgb, var(--c) 16%, white);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid;position:absolute;top:12px;left:12px}.steps li:hover{background:var(--soft)}.steps li.done{opacity:.45}.steps li.done:before{content:"✓";background:var(--c);color:#fff}.steps li.now{background:var(--paper);box-shadow:0 0 0 1.5px var(--line), 0 10px 30px -18px #3c281459}.steps li.now:before{background:var(--c);color:#fff}.steps-hint{color:var(--ink-3);margin:-6px 0 12px;font-size:12.5px;font-weight:700}.tip{border-radius:var(--radius);background:color-mix(in srgb, var(--c) 9%, white);margin-top:22px;padding:16px 18px 16px 54px;font-weight:500;position:relative}.tip>.mi{width:24px;height:24px;position:absolute;top:16px;left:18px}.tip b{font:italic 600 17px var(--display);margin-bottom:2px;display:block}.tip ul{margin:6px 0 0;padding-left:18px}.tip li{margin:3px 0}.variations{margin-top:28px}.variations ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.variations li{background:var(--paper);border:1.5px solid var(--line);border-radius:18px;padding:14px 16px;font-weight:600}.more{margin-top:48px}.more .row{scrollbar-width:none;margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 6px;scroll-padding:0 var(--pad);scroll-snap-type:x mandatory;grid-auto-columns:72%;grid-auto-flow:column;gap:16px;display:grid;overflow-x:auto}.more .row::-webkit-scrollbar{display:none}.more .card{scroll-snap-align:start}.more .card h3{font-size:18px}@media (max-width:899px){.fact{gap:6px;padding:7px 11px 7px 9px;font-size:13.5px}.fact .i .mi{width:20px;height:20px}}@media (max-width:360px){.wm-2{font-size:19px}.hello{font-size:21px}}@media (min-width:900px){:root{--pad:40px}.top{gap:14px;padding:18px 0 6px}.brand-mark .logo-mark{width:50px;height:50px}.wm-1{font-size:10.5px}.wm-2{font-size:27px}.top .brand{margin-right:0}.search{max-width:460px;height:46px;margin:0 auto;display:flex}.search-btn{display:none}.top-btn{height:44px;padding:0 14px}.hello{margin-top:14px;font-size:34px}.cats{flex-wrap:wrap;gap:4px;margin:24px 0 0;padding:6px 0 4px}.cat{min-width:84px}.cat .bubble{width:60px;height:60px}.cat .bubble .ic{width:40px;height:40px}.cat .n{margin-left:16px}.filters{flex-wrap:wrap;margin:8px 0 0;padding:6px 0}.results-bar{margin:8px 0 16px}#recipe{padding-top:0}.r-nav{grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 0 22px;display:grid}.r-back{color:var(--ink-2);align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.r-back:hover{color:var(--ink)}.r-nav-cat{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);justify-self:end;align-items:center;gap:6px;font-size:12px;font-weight:800;display:inline-flex}.r-nav-cat .ic{width:24px;height:24px}.r-bar a.round-btn{display:none}.r-bar{justify-content:flex-end}.r-top{grid-template-columns:1.15fr 1fr;align-items:center;gap:48px;display:grid}.r-hero{margin:0}.r-hero .ph{aspect-ratio:5/4;border-radius:32px}.r-head{background:0 0;margin:0;padding:0}.r-cols{grid-template-columns:360px 1fr;align-items:start;gap:48px;margin-top:48px}.ingr{position:sticky;top:20px}.more .row{grid-template-columns:repeat(4,1fr);grid-auto-columns:auto;grid-auto-flow:row;margin:0;padding:0;overflow:visible}}@media (min-width:1180px){.cats{flex-wrap:nowrap;justify-content:space-between}}.ic g,.logo-mark g{transform-box:fill-box;transform-origin:50%}:is(.cat:hover,.card a:hover .tag,.card a:hover .none-ic,.brand:hover,.play,.cats.intro .cat,.r-nav-cat:hover,.r-head .tag:hover,.empty-mark) :is(.mv-twinkle,.mv-bounce,.mv-bob,.mv-rise,.mv-cheers,.mv-hop,.mv-toss,.mv-spin,.mv-sway,.mv-dip,.mv-meet,.mv-serve,.mv-steam,.mv-lid,.mv-squash,.mv-cherry,.mv-shake,.mv-bubble){animation:var(--mv) .8s cubic-bezier(.45, 0, .25, 1) calc(var(--boot,0s) + var(--d,0s)) both}.mv-twinkle{--mv:mv-twinkle}.mv-bounce,.mv-bob{--mv:mv-bounce}.mv-rise{--mv:mv-rise;transform-origin:50% 100%}.mv-cheers{--mv:mv-cheers;transform-origin:50% 100%}.mv-hop{--mv:mv-hop;transform-origin:50% 100%}.mv-toss{--mv:mv-toss;transform-origin:50% 100%}.mv-spin{--mv:mv-spin}.mv-sway{--mv:mv-sway;transform-origin:0 100%}.mv-dip{--mv:mv-dip}.mv-meet{--mv:mv-meet}.mv-serve{--mv:mv-serve;transform-origin:50% 100%}.mv-steam{--mv:mv-steam}.mv-lid{--mv:mv-lid;transform-origin:12% 100%}.mv-squash{--mv:mv-squash;transform-origin:50% 100%}.mv-cherry{--mv:mv-cherry;transform-origin:50% 100%}.mv-shake{--mv:mv-shake;transform-origin:50% 100%}.mv-bubble{--mv:mv-bubble}@keyframes mv-twinkle{35%{transform:rotate(24deg)scale(1.18)}70%{transform:rotate(-6deg)scale(.96)}}@keyframes mv-bounce{30%{transform:translateY(-4px)}55%{transform:none}72%{transform:translateY(-1.5px)}}@keyframes mv-rise{35%{transform:scale(1.05,1.12)}65%{transform:scale(.98,.95)}85%{transform:scale(1.01,1.02)}}@keyframes mv-cheers{30%{transform:rotate(-14deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-2deg)}}@keyframes mv-hop{25%{transform:translateY(-6px)scale(.96,1.05)}50%{transform:scale(1.06,.92)}70%{transform:scale(.98,1.02)}}@keyframes mv-toss{35%{transform:translateY(-6px)rotate(-12deg)}65%{transform:rotate(4deg)}}@keyframes mv-spin{to{transform:rotate(90deg)}}@keyframes mv-sway{35%{transform:rotate(-16deg)}65%{transform:rotate(8deg)}}@keyframes mv-dip{40%,60%{transform:translate(-1px,6px)}}@keyframes mv-meet{40%,60%{transform:translateY(-2.5px)}}@keyframes mv-serve{35%{transform:translateY(-5px)rotate(-6deg)}70%{transform:rotate(2deg)}}@keyframes mv-steam{0%{opacity:0;transform:translateY(5px)}}@keyframes mv-lid{30%{transform:translateY(-6px)rotate(-10deg)}60%{transform:none}75%{transform:translateY(-1.5px)}}@keyframes mv-squash{30%{transform:scale(1.06,.9)}60%{transform:scale(.97,1.04)}}@keyframes mv-cherry{22%{transform:translateY(2px)}48%{transform:translateY(-7px)}74%{transform:none}88%{transform:translateY(-1.5px)}}@keyframes mv-shake{15%{transform:rotate(-10deg)}35%{transform:rotate(8deg)}55%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}@keyframes mv-bubble{0%{opacity:0;transform:translateY(8px)}}.cats.intro .cat{--boot:calc(var(--k,0) * 45ms + .2s)}.cats.intro .cat .bubble{animation:bubble-in .55s cubic-bezier(.3, 1.5, .5, 1) calc(var(--k,0) * 45ms) both}@keyframes bubble-in{0%{opacity:0;transform:scale(.5)rotate(-10deg)}}:is(.chip:hover,.top-fav:hover,.play,.tip:hover,.fact:hover) :is(.mi-heart,.mi-bolt,.mi-snow,.mi-sprout,.mi-wheat,.mi-bulb,.mi-plate,.mi-clock .hand,.mi-sun .rays){animation:var(--mv) .8s cubic-bezier(.45, 0, .25, 1) var(--d,0s) both}.mi-heart{--mv:mi-beat}.mi-bolt{--mv:mi-zap}.mi-snow{--mv:mi-turn}.mi-sprout,.mi-wheat{--mv:mi-sway;transform-origin:50% 100%}.mi-bulb{--mv:mi-glow}.mi-plate{--mv:mi-turn}.mi-clock .hand{--mv:mi-tick;transform-origin:12px 13px}.mi-sun .rays{--mv:mi-turn;transform-origin:12px 12px}@keyframes mi-beat{25%{transform:scale(1.25)}50%{transform:scale(.94)}70%{transform:scale(1.08)}}@keyframes mi-zap{20%{transform:rotate(-12deg)scale(1.1)}40%{opacity:.55;transform:rotate(8deg)}60%{opacity:1}}@keyframes mi-turn{to{transform:rotate(90deg)}}@keyframes mi-sway{35%{transform:rotate(-12deg)}70%{transform:rotate(6deg)}}@keyframes mi-glow{40%{filter:drop-shadow(0 0 4px #f2a73be6);transform:scale(1.15)}}@keyframes mi-tick{to{transform:rotate(360deg)}}.facts.play .fact:nth-child(2){--d:.1s}.facts.play .fact:nth-child(3){--d:.2s}.facts.play .fact:nth-child(4){--d:.3s}.facts.play .fact:nth-child(5){--d:.4s}::view-transition-group(*){animation-duration:.38s;animation-timing-function:var(--out)}::view-transition-group(hero){z-index:10;animation-duration:.5s}::view-transition-old(hero){object-fit:cover;height:100%}::view-transition-new(hero){object-fit:cover;height:100%}::view-transition-old(root){animation:.2s both vt-out}::view-transition-new(root){animation:.25s both vt-fade}html[data-vt=page]::view-transition-new(root){animation:.32s 60ms var(--out) both vt-in}@keyframes vt-fade{0%{opacity:0}}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;transform:translateY(8px)}}.card.skel .ph{animation:1.4s ease-in-out infinite alternate skel;animation-delay:calc(var(--i,0) * .12s)}.skel-line{background:var(--soft);border-radius:6px;width:40%;height:12px;margin:6px 0 8px;display:block}.skel-line.short{width:70%;height:18px}@keyframes skel{to{opacity:.55}}.fact.serves{padding-right:8px}.stepper{align-items:center;gap:6px;display:inline-flex}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:4.2em}.stepper button{border:1.5px solid var(--line);background:var(--creme);width:28px;height:28px;font:800 17px / 1 var(--body);border-radius:50%;place-items:center;padding:0 0 2px;transition:background .15s,border-color .15s,transform .12s;display:grid}.stepper button:hover:not(:disabled){border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, white)}.stepper button:active:not(:disabled){transform:scale(.9)}.stepper button:disabled{opacity:.35;cursor:default}.scaled{background:color-mix(in srgb, var(--c) 12%, white);color:var(--ink);border-radius:14px;margin:-4px 0 8px;padding:8px 12px;font-size:13.5px;font-weight:700}.time-parts{color:var(--ink-3);margin:4px 0 0;font-size:13px;font-weight:600}.ingr .qty{font-weight:800}.ingr .opt{color:var(--ink-3);font-style:normal;font-weight:600}.ing-note{color:var(--ink-3);margin-top:1px;font-size:13px;font-weight:600;display:block}.ingr input:checked+span .qty,.ingr input:checked+span .ing-note{color:var(--ink-3)}.ingr input:focus-visible{outline:2.5px solid var(--c);outline-offset:2px}.variations li b{font:italic 600 17px var(--display);margin-bottom:2px;display:block}.variations ul.sub{margin:6px 0 0;padding:0;list-style:none;display:block}.variations ul.sub li{color:var(--ink-2);background:0 0;border:0;border-radius:0;padding:1px 0}.variations ul.sub li:before{content:"– ";color:var(--ink-3)}.prep .variations h2{margin-top:8px}.r-wait{min-height:50vh}.r-wait-page{min-height:100vh}.r-error{text-align:center;font:italic 500 18px var(--display);color:var(--ink-2);margin:32px 0}.empty.down,.empty.lost{padding-top:12vh}.down-why{color:var(--ink-3);margin:-6px 0 14px;font-size:12.5px;display:block}.empty.lost .reset{align-items:center;gap:6px;display:inline-flex}.empty.lost .reset .mi{width:18px;height:18px}.card h3,.r-head h1,.hello,.empty p,.foot-lede{text-wrap:balance}.nowrap{white-space:nowrap}.r-desc,.step-btn,.tip,.variations li,.ingr li label span{text-wrap:pretty}.ingr input:checked{animation:.32s cubic-bezier(.3,1.6,.5,1) tick-pop}@keyframes tick-pop{40%{transform:scale(1.25)}}.ingr h2 small{font-variant-numeric:tabular-nums}.ingr h2 small.all-out{color:var(--basilic)}.hello.intro .squiggle:after{animation:.6s cubic-bezier(.55,.05,.25,1) .3s both stabilo}a,button,label,input{-webkit-tap-highlight-color:transparent}.chip,.cat,.step-btn,.ingr label,.stepper button,.fav-btn{touch-action:manipulation}@media print{body:before,.r-nav,.r-bar,.more,.hint,.steps-hint,.awake,.scaled,.stepper button,.time-parts,.account,.sign-in{display:none!important}:root{--pad:0px}body{background:#fff;font-size:11pt}.view{max-width:none;padding:0}.r-top{grid-template-columns:6cm 1fr;align-items:center;gap:.8cm;display:grid}.r-hero{margin:0}.r-hero .ph{aspect-ratio:1;border-radius:14px}.r-head{background:0 0;margin:0;padding:0}.r-head h1{font-size:26pt}.r-head h1 .u:before{animation:none}.fact{padding:4px 9px}.r-cols{grid-template-columns:6.5cm 1fr;gap:.8cm;margin-top:.6cm;display:grid}.ingr{border:0;padding:0;position:static}.steps li,.steps li.now{box-shadow:none;break-inside:avoid;background:0 0;margin-bottom:4px}.step-btn{padding:6px 0 6px 46px}.steps li:before,.steps li.now:before{background:color-mix(in srgb, var(--c) 16%, white);width:30px;height:30px;color:var(--ink);top:4px;left:0}.tip{break-inside:avoid}}.awake{color:var(--ink-2);align-items:center;gap:6px;margin:-4px 0 12px;font-size:12.5px;font-weight:700;animation:.4s both vt-fade;display:flex}.awake .mi{width:16px;height:16px}.account{flex:none;position:relative}.account-btn{width:40px;padding:0}.account-btn .initial{background:var(--basilic);color:#fff;width:28px;height:28px;font:italic 600 16px / 1 var(--display);font-variation-settings:"SOFT" 100, "WONK" 1;border-radius:50%;place-items:center;display:grid}.account-btn.on{border-color:var(--ink)}.account-menu{z-index:20;background:var(--paper);border:1.5px solid var(--line);min-width:220px;max-width:80vw;animation:menu-in .18s var(--out) both;border-radius:18px;padding:14px 16px 12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 34px -18px #3c281473}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}}.account-menu p{margin:0}.account-name{font:italic 600 17px / 1.2 var(--display)}.account-email{color:var(--ink-3);overflow-wrap:anywhere;font-size:13px;font-weight:600;margin:2px 0 10px!important}.account-error{color:var(--tomate);font-size:12.5px;font-weight:700;margin-top:6px!important}.sign-in{margin:14px 0 0;font-size:13px;font-weight:800}.sign-in a{color:var(--ink-2);-webkit-text-decoration:underline 1.5px var(--line);text-decoration:underline 1.5px var(--line);text-underline-offset:4px}.sign-in a:hover{color:var(--tomate);text-decoration-color:currentColor}@media (min-width:900px){.account-btn{width:44px}.account-btn .initial{width:30px;height:30px}}:is(.chip,.cat,.top-btn,.fav-btn,.round-btn,.reset,.more-btn,.q-clear,.card a,.brand,.r-back):focus-visible{outline:2.5px solid var(--tomate);outline-offset:3px}.card a:focus-visible{border-radius:var(--radius)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
