/* The accepted hand-painted box: fixed crank, rotating sun and moon. */
.musicbox-loading{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:1200;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:6px 16px 6px 8px;border:1px solid var(--line,#d8c6a7);border-radius:16px;background:var(--bg-elevated,#fff9eb);color:var(--text,#59442c);box-shadow:0 4px 20px #0002;font-size:14px;pointer-events:none}
.musicbox-loading[hidden]{display:none!important}
.musicbox-loading-icon{display:block;flex:0 0 64px;width:64px;height:64px;border-radius:8px;clip-path:inset(0 0 0 3%);background:transparent url('/musicbox-loading.webp') 0 0/400% 200% no-repeat;animation:musicbox-turn 2.24s step-end infinite}
body.has-mini-player .musicbox-loading{bottom:calc(112px + env(safe-area-inset-bottom,0px))}
@keyframes musicbox-turn{0%{background-position:0 0}12.5%{background-position:33.333333% 0}25%{background-position:66.666667% 0}37.5%{background-position:100% 0}50%{background-position:0 100%}62.5%{background-position:33.333333% 100%}75%{background-position:66.666667% 100%}87.5%{background-position:100% 100%}}
@media(prefers-reduced-motion:reduce){.musicbox-loading-icon{animation:none}}
@media(max-height:360px){.musicbox-loading{bottom:8px}body.has-mini-player .musicbox-loading{bottom:90px}}