/* Three quiet beats in burando's pastel palette. */
.view-loading{display:none}
html[data-view-pending] .view-loading{
  position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;padding:24px;text-align:center;font-family:var(--sans);
}
.discovery-loader{display:flex;align-items:center;gap:7px;height:24px}
.discovery-loader span{
  width:9px;height:9px;border-radius:50%;background:#bf9ff1;
  animation:discovery-dot 1.2s ease-in-out infinite;
}
.discovery-loader span:nth-child(2){background:#eda2bb;animation-delay:.15s}
.discovery-loader span:nth-child(3){background:#e9bb60;animation-delay:.3s}
.view-loading:not([data-state=error]) p{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}
.view-loading[data-state=error] .discovery-loader{display:none}
.view-loading[data-state=error] p{
  margin:0;max-width:310px;color:var(--theme-muted,#aaa7af);font:12px/1.8 var(--sans);
}
.view-loading button{
  display:inline-flex;align-items:center;justify-content:center;gap:20px;
  min-height:44px;margin-top:16px;padding:10px 18px;border:1px solid var(--theme-accent-line,#bf9ff166);
  border-radius:999px;background:var(--theme-surface,#202022);color:var(--theme-text,#ecebea);
  font:500 12px/1.5 var(--sans);cursor:pointer;
}
.view-loading button:hover{background:var(--theme-hover,#29262e)}
.view-loading button:focus-visible{outline:2px solid var(--theme-accent,#bf9ff1);outline-offset:4px}
.view-loading button span{color:var(--theme-accent,#bf9ff1)}
@keyframes discovery-dot{
  0%,60%,100%{transform:translateY(0);opacity:.7}
  30%{transform:translateY(-4px);opacity:1}
}
@media(prefers-reduced-motion:reduce){.discovery-loader span{animation:none}}