.site-loader{position:fixed;inset:0;z-index:10000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#fff4e5;color:#8c0754;font-family:Arial,sans-serif;text-align:center;transition:opacity .24s,visibility .24s;isolation:isolate}.site-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.site-loader p{font-size:19px;letter-spacing:.01em;font-weight:600;margin:0}.loader-scene{position:relative;width:310px;height:365px}.loader-machine{position:absolute;z-index:3;top:0;left:85px;width:140px;height:76px;border-radius:19px 19px 24px 24px;background:linear-gradient(110deg,#fff 0%,#fff8f0 46%,#e5d7c9 100%);border:2px solid #decec1;box-shadow:inset 0 -10px 0 #eee0d3,0 8px 16px #783b5110}.machine-light{position:absolute;top:37px;left:18px;width:7px;height:7px;border-radius:50%;background:#a3b12b;box-shadow:0 0 0 3px #dce7a8}.machine-handle{position:absolute;left:82px;top:37px;width:10px;height:31px;background:#960b56;border-radius:8px;transform-origin:top;transform:rotate(-12deg)}.machine-handle:before{content:'';position:absolute;width:20px;height:12px;background:#bb1a72;border-radius:8px;left:-5px;top:-1px}.machine-nozzle{position:absolute;left:56px;top:72px;width:25px;height:20px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#c9b6ac,#fff7ed 45%,#c9b6ac);border-bottom:4px solid #957c72}.loader-mascot{position:absolute;z-index:1;bottom:22px;left:80px;width:150px;height:225px;transform-origin:50% 95%;animation:mascot-build 2.1s cubic-bezier(.25,.6,.3,1) both;animation-play-state:paused}.loader-platform{position:absolute;bottom:13px;left:68px;width:174px;height:13px;border-radius:50%;background:#efdaca;z-index:0}.loader-pieces{position:absolute;z-index:2;left:144px;top:82px;width:22px;height:22px}.loader-pieces i{position:absolute;inset:0;background:#fffefa;border:1px solid #ead6c5;border-radius:55% 45% 60% 35%;opacity:0;animation:cream-drop .43s var(--delay) cubic-bezier(.5,0,.75,.5) both;animation-play-state:paused}.loader-pieces i:nth-child(3n+2){background:#ee72a5;border-color:#ea639b}.loader-pieces i:nth-child(3n){background:#b5bf26;border-color:#a4af1e}.loader-spark{position:absolute;top:240px;font-size:27px;color:#aeb629;opacity:0;transform:scale(.3);transition:opacity .2s,transform .3s}.spark-left{left:45px;transform:rotate(-15deg) scale(.3)}.spark-right{right:43px;top:270px;color:#df5793}.site-loader[data-phase=forming] .machine-handle{animation:dispense-handle .7s ease-in-out 3}.site-loader[data-phase=happy] .loader-spark{opacity:1;transform:rotate(12deg) scale(1)}
@keyframes mascot-build{0%{clip-path:inset(100% 0 0);transform:scale(.97,1)}15%{clip-path:inset(80% 0 0)}35%{clip-path:inset(64% 0 0)}55%{clip-path:inset(43% 0 0)}75%{clip-path:inset(23% 0 0)}94%{clip-path:inset(0);transform:scale(1.035,.97)}100%{clip-path:inset(0);transform:scale(1)}}@keyframes cream-drop{0%{opacity:0;transform:translate(0,-7px) scale(.6)}10%{opacity:1}83%{opacity:1;transform:translate(var(--drift),var(--drop)) scale(.85,1.15)}100%{opacity:0;transform:translate(var(--drift),var(--drop)) scale(1.6,.35)}}@keyframes face-appear{from{opacity:0}to{opacity:1}}@keyframes worried-glance{0%,15%{transform:translate(-2px,1px)}45%,65%{transform:translate(2px,-1px)}85%,100%{transform:translate(0,-2px)}}@keyframes dispense-handle{50%{transform:rotate(10deg)}}
@media(max-height:520px){.loader-scene{height:300px;transform:scale(.8);transform-origin:50% 100%;margin-top:-65px}.site-loader{gap:5px}}@media(prefers-reduced-motion:reduce){.site-loader{transition:none}.site-loader *{animation:none!important;transition:none!important}.loader-mascot{clip-path:none}.loader-pieces{display:none}}

/* Native Menchie's vector paths. The happy frame is the unmodified logo face. */
.loader-mascot svg{display:block;width:100%;height:100%;overflow:visible}
.mascot-eyes{animation:original-glance .85s ease-in-out 2 alternate;animation-play-state:paused;transform-box:view-box;transform-origin:55% 85%}
.mascot-original-smile{opacity:0;transition:opacity .16s}
.mascot-worried-mouth,.mascot-worried-brows{opacity:1;transition:opacity .16s}
.site-loader[data-phase=forming] .mascot-eyes{animation-play-state:running}
.site-loader[data-phase=happy] .mascot-eyes{animation:none;transform:none}
.site-loader[data-phase=happy] .mascot-original-smile{opacity:1}
.site-loader[data-phase=happy] .mascot-worried-mouth,.site-loader[data-phase=happy] .mascot-worried-brows{opacity:0}
@keyframes original-glance{0%,15%{transform:translate(-.15px,.04px)}45%,65%{transform:translate(.15px,-.07px)}85%,100%{transform:translate(0,-.12px)}}
@media(prefers-reduced-motion:reduce){.mascot-original-smile{opacity:1}.mascot-worried-mouth,.mascot-worried-brows{display:none}}

.site-loader[data-phase=forming] .loader-mascot,.site-loader[data-phase=happy] .loader-mascot,.site-loader[data-phase=forming] .loader-pieces i,.site-loader[data-phase=happy] .loader-pieces i{animation-play-state:running}