.page-loader{display:none;position:fixed;inset:0;z-index:100;background:#f8f3e9;align-items:center;justify-content:center;opacity:0;transition:opacity .45s ease;padding:24px}
.is-loading{overflow:hidden}
.is-loading .page-loader{display:flex;opacity:1}
.page-loader.is-leaving{display:flex;opacity:0;pointer-events:none}
.loader-content{width:min(340px,82vw);transform:translateY(-18px)}
.loader-logo{display:block;width:168px;height:188px;object-fit:contain;margin:0 auto 48px}
.loader-label{font:500 14px/1.4 var(--sans);color:#51311f;margin:0 14px 11px}
.loader-track{height:34px;border:6px solid #4b2b1b;border-radius:999px;padding:3px;overflow:hidden;background:#efe1cb;box-shadow:0 2px 0 #ffffffa6,inset 0 2px 5px #4b2b1b32}
.loader-liquid{height:100%;width:0;border-radius:999px;position:relative;overflow:hidden;background:linear-gradient(180deg,#fff1b7 0%,#eeb751 24%,#be6b14 60%,#e3a039 85%,#ffdf86 100%);box-shadow:inset 0 1px 1px #fff8dc,inset 0 -2px 3px #8d46075e,0 0 8px #e9a84273;transition:width .32s ease-out}
.loader-liquid:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 15%,#fff9cf80 40%,#fae8ff60 48%,transparent 70%);background-size:220% 100%;animation:liquid-flow 2.4s linear infinite}
.liquid-highlight{position:absolute;top:2px;left:5px;right:5px;height:3px;border-radius:50%;background:#fff8d4a6}
.loader-percentage{text-align:right;margin:10px 4px 0;font:600 14px/1.4 var(--sans);font-variant-numeric:tabular-nums;color:#4b2b1b}
.loader-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@keyframes liquid-flow{from{background-position:160% 0}to{background-position:-60% 0}}
@media(max-width:700px){.loader-logo{width:145px;height:164px;margin-bottom:40px}.loader-track{height:32px}}
@media(prefers-reduced-motion:reduce){.loader-liquid:after{animation:none}.page-loader,.loader-liquid{transition:none}}

/* Molten chocolate: fine shell with flowing, distorted glossy ribbons. */
.loader-track{height:32px;border:1px solid #674431;padding:3px;background:#f0e6d8;box-shadow:0 1px 0 #ffffffb3,inset 0 1px 3px #4b2b1b1a}
.loader-liquid{isolation:isolate;background:linear-gradient(180deg,#352017 0%,#825039 27%,#4a271a 58%,#25130e 85%,#82513a 100%);box-shadow:inset 0 1px 1px #e6b38a99,inset 0 -2px 3px #160b09aa;transition:width .32s ease-out}
.loader-liquid:before{content:'';position:absolute;inset:-16px -40px;background:repeating-linear-gradient(112deg,#25120d 0%,#603722 12%,#b58260 17%,#f3d6bc 18%,#9c6547 20%,#46251a 25%,#1d100d 34%,#82513a 44%,#cfaa8e 48%,#4a281b 52%);background-size:250px 100%;filter:url('#chocolate-flow');animation:chocolate-current 3.4s linear infinite;opacity:.95}
.loader-liquid:after{inset:0;background:linear-gradient(180deg,#fff1df50 0%,transparent 25%,#1c0b0830 65%,transparent 90%),radial-gradient(ellipse at 100% 45%,#f9ddbf77 0%,transparent 40%);animation:none;box-shadow:inset -2px 0 4px #efc39a77}
.liquid-highlight{top:2px;left:8px;right:8px;height:1px;background:linear-gradient(90deg,transparent,#ffe7d7aa,transparent);opacity:.65}
@keyframes chocolate-current{from{background-position:0 0;transform:translateY(-2px)}50%{transform:translateY(2px)}to{background-position:250px 0;transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){.loader-liquid:before{animation:none;filter:none}}

/* Keep progress announcements accessible without visible labels. */
.loader-label,.loader-percentage{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.loader-logo{width:336px;height:376px;max-width:none;margin-left:calc((100% - 336px)/2);margin-right:0}
@media(max-width:700px){.loader-logo{width:290px;height:328px;margin-left:calc((100% - 290px)/2)}}

/* A slender chocolate stream with a rolling front and soft Z-shaped ribbons. */
.loader-track{height:14px;border-width:1px;padding:1px}
.loader-liquid{border-radius:999px 0 0 999px;overflow:visible;clip-path:polygon(0 0,calc(100% - 3px) 0,100% 16%,calc(100% - 4px) 34%,100% 52%,calc(100% - 4px) 72%,100% 88%,calc(100% - 3px) 100%,0 100%);animation:chocolate-front .85s ease-in-out infinite alternate}
.loader-liquid:before{inset:-5px -30px;background:repeating-conic-gradient(from 55deg at 50% 50%,#26130e 0deg,#89583c 32deg,#e2b391 42deg,#f7dcc4 45deg,#75442d 51deg,#32180f 85deg,#a16c4c 135deg,#4a2819 180deg);background-size:72px 25px;filter:url('#chocolate-flow');animation:chocolate-z-flow 2.6s linear infinite}
.loader-liquid:after{border-radius:inherit;background:linear-gradient(180deg,#f6d6bb70,transparent 35%,#16090555 80%,#c3906555);box-shadow:inset -2px 0 3px #f1c79a88}
.liquid-highlight{top:1px;height:1px;opacity:.45}
@keyframes chocolate-z-flow{0%{background-position:0 0;transform:translateY(-2px) skewX(-12deg)}25%{transform:translateY(2px) skewX(12deg)}50%{transform:translateY(-2px) skewX(-12deg)}75%{transform:translateY(2px) skewX(12deg)}100%{background-position:144px 0;transform:translateY(-2px) skewX(-12deg)}}
@keyframes chocolate-front{from{clip-path:polygon(0 0,calc(100% - 3px) 0,100% 16%,calc(100% - 4px) 34%,100% 52%,calc(100% - 4px) 72%,100% 88%,calc(100% - 3px) 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,calc(100% - 4px) 16%,100% 34%,calc(100% - 4px) 52%,100% 72%,calc(100% - 4px) 88%,100% 100%,0 100%)}}
@media(max-width:700px){.loader-track{height:14px}}
@media(prefers-reduced-motion:reduce){.loader-liquid,.loader-liquid:before{animation:none}}
/* Minimal loading line: no shell, texture, waves, or visible empty track. */
.loader-track{height:3px;border:0;outline:0;padding:0;border-radius:999px;background:transparent;box-shadow:none;overflow:hidden}
.loader-liquid{height:100%;border-radius:999px;background:#63412b;box-shadow:none;clip-path:none;animation:none;filter:none;overflow:hidden;transition:width .3s ease-out}
.loader-liquid::before,.loader-liquid::after{content:none;animation:none;filter:none;box-shadow:none}
.liquid-highlight{display:none}
@media(prefers-reduced-motion:reduce){.loader-liquid{transition:none}}