/* MangaSocial · loading visual */
.msx-loader--book{
  display:grid;
  place-items:center;
  gap:10px;
  min-height:180px;
  padding:24px;
  text-align:center;
}
.msx-loading-mascot{
  width:min(230px,58vw);
  height:auto;
  display:block;
  filter:drop-shadow(0 18px 34px rgba(86,40,190,.28));
  animation:msLoadingFloat 2.8s ease-in-out infinite;
  transform-origin:50% 60%;
}
.msx-loader--book .msx-loader-label{
  margin:0;
  color:var(--msx-muted,#8f86aa);
  font-weight:700;
  letter-spacing:.01em;
}
.msx-loader--book::after{
  content:"";
  width:120px;
  height:18px;
  margin-top:-24px;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(139,92,246,.28),rgba(139,92,246,0) 70%);
  animation:msLoadingShadow 2.8s ease-in-out infinite;
}
@keyframes msLoadingFloat{
  0%,100%{transform:translateY(0) rotate(-1deg)}
  50%{transform:translateY(-10px) rotate(1deg)}
}
@keyframes msLoadingShadow{
  0%,100%{transform:scaleX(1);opacity:.75}
  50%{transform:scaleX(.82);opacity:.45}
}
@media(max-width:600px){
  .msx-loader--book{min-height:150px;padding:18px}
  .msx-loading-mascot{width:min(190px,64vw)}
}
:root[data-msx-motion="reduce"] .msx-loading-mascot,
:root[data-msx-motion="reduce"] .msx-loader--book::after{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .msx-loading-mascot,.msx-loader--book::after{animation:none!important}
}