/* Overlay stays in the picture layer: controls, captions and layout keep their space. */
.lesson-player .player-loading[hidden] { display:none!important; }
.lesson-player .player-loading {
  box-sizing:border-box;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  max-width:min(360px,calc(100% - 32px));
  padding:14px 18px;
  border-radius:12px;
  background:rgba(20,29,25,.94);
  color:#fff;
  font:500 15px/1.45 system-ui,sans-serif;
  text-align:start;
  pointer-events:none;
  z-index:4;
}
.lesson-player[data-buffering] .player-start { visibility:hidden; }
.lesson-player .player-loading-spinner {
  flex:0 0 20px;
  width:20px;
  height:20px;
  box-sizing:border-box;
  border:2px solid rgba(255,255,255,.3);
  border-top-color:#fff;
  border-radius:50%;
  animation:lesson-loading-spin .9s linear infinite;
}
@keyframes lesson-loading-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) {
  .lesson-player .player-loading-spinner { animation:none; }
}