/* Canvas loader: GIF blob (white oval eyes, squash, 3-dot split) in CHUYAN gradient. */
.spirit-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:160px;color:#aaa5b3;font:13px/1.7 system-ui,-apple-system,'PingFang SC',sans-serif;text-align:center;background:#101012}
.spirit-loading[hidden]{display:none}.spirit-loading.fullscreen{position:fixed;inset:0;z-index:1600}.spirit-loading p{margin:0}.spirit-loading button{border:1px solid #ffffff25;border-radius:9px;background:#ffffff0b;color:#ddd;padding:8px 16px;cursor:pointer}
.project-loading-mark{width:108px;height:92px;display:grid;place-items:center;position:relative;isolation:isolate}
.project-loading-mark:after{content:"";position:absolute;bottom:4px;width:42px;height:8px;border-radius:50%;background:#c2b5f528;filter:blur(4px);animation:spirit-shadow 6.4s ease-in-out infinite;z-index:-1}
.loading-morph{
  position:relative;
  width:58px;height:52px;
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:
    radial-gradient(ellipse at 30% 20%,#ffffff55,transparent 44%),
    linear-gradient(135deg,#efce8b,#ecb9ce 36%,#c2b5f5 66%,#99d5df);
  border-radius:62% 38% 48% 52%;
  box-shadow:inset 0 1px 2px #fff7,inset -4px -6px 12px #5b4d8a22,0 8px 22px #c2b5f524;
  transform-origin:50% 70%;
  animation:spirit-cycle 6.4s cubic-bezier(.45,.05,.25,1) infinite;
}
.loading-morph:before{content:none}
.loading-morph:after{content:none}
.loading-morph i{
  width:7px;height:15px;flex:none;
  background:#fff;
  border-radius:999px;
  box-shadow:0 0 0 1px #2a243833,0 1px 2px #2a243822;
}
.loading-morph i:first-child{rotate:-22deg;animation:spirit-eyes 6.4s ease-in-out infinite}
.loading-morph i:last-child{rotate:22deg;animation:spirit-eyes-right 6.4s ease-in-out infinite}
@keyframes spirit-cycle{
  0%,18%{width:58px;height:52px;border-radius:62% 38% 48% 52%;transform:rotate(-8deg);box-shadow:inset 0 1px 2px #fff7,inset -4px -6px 12px #5b4d8a22,0 8px 22px #c2b5f524}
  26%{width:64px;height:44px;border-radius:48% 52% 42% 58%;transform:rotate(7deg) scale(1.05,.88);box-shadow:inset 0 1px 2px #fff7,0 6px 16px #c2b5f51f}
  32%{width:28px;height:28px;border-radius:50%;transform:none;gap:0;box-shadow:0 6px 16px #c2b5f530}
  36%{width:14px;height:14px;border-radius:50%;transform:none;box-shadow:-22px 0 0 0 #efce8b,22px 0 0 0 #99d5df,0 8px 18px #c2b5f528}
  42%{width:14px;height:14px;border-radius:50%;box-shadow:-22px -7px 0 0 #efce8b,22px 5px 0 0 #99d5df,0 8px 18px #c2b5f528}
  48%{width:14px;height:14px;border-radius:50%;box-shadow:-22px 6px 0 0 #efce8b,22px -8px 0 0 #99d5df,0 8px 18px #c2b5f528}
  54%{width:14px;height:14px;border-radius:50%;box-shadow:-22px -4px 0 0 #efce8b,22px 7px 0 0 #99d5df,0 8px 18px #c2b5f528}
  60%{width:14px;height:14px;border-radius:50%;box-shadow:-22px 0 0 0 #efce8b,22px 0 0 0 #99d5df,0 8px 18px #c2b5f528}
  68%{width:26px;height:26px;border-radius:50%;box-shadow:0 8px 18px #c2b5f530}
  76%,100%{width:58px;height:52px;border-radius:58% 42% 50% 50%;transform:rotate(-6deg);box-shadow:inset 0 1px 2px #fff7,inset -4px -6px 12px #5b4d8a22,0 8px 22px #c2b5f524}
}
@keyframes spirit-eyes{
  0%,11%,16%,30%{opacity:1;scale:1 1}
  13%{opacity:1;scale:1 .12}
  33%,70%{opacity:0;scale:1 1}
  74%,100%{opacity:1;scale:1 1}
}
@keyframes spirit-eyes-right{
  0%,11%,16%,30%{opacity:1;scale:1 1;rotate:22deg}
  13%{opacity:1;scale:1 .12;rotate:22deg}
  33%,70%{opacity:0;scale:1 1;rotate:22deg}
  74%,84%,96%,100%{opacity:1;scale:1 1;rotate:22deg}
  88%,92%{opacity:1;scale:1.55 .16;rotate:80deg}
}
@keyframes spirit-shadow{
  0%,18%,76%,100%{transform:scale(1);opacity:.7}
  26%{transform:scale(1.15,.8);opacity:.45}
  36%,60%{transform:scale(.55);opacity:.25}
  68%{transform:scale(.7);opacity:.4}
}
@media(prefers-reduced-motion:reduce){
  .loading-morph,.loading-morph i,.project-loading-mark:after{animation:none}
  .loading-morph{width:58px;height:52px;border-radius:62% 38% 48% 52%;transform:none}
  .loading-morph i{opacity:1}
}