/* Shared loading state: stable brand, quiet motion, no simulated percentage. */
#main_page_wrapper .aai-loading-overlay {
  position: fixed; inset: 0; z-index: 100000; display: grid;
  place-items: center; padding: 24px; background: rgb(242 247 250 / 76%);
  backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
}
#main_page_wrapper .aai-loading-panel {
  box-sizing: border-box; width: min(100%, 328px); padding: 40px 32px 32px;
  display: flex; flex-direction: column; align-items: center; gap: 26px;
  background: #fff; border: 1px solid #dce8ef; border-radius: 24px;
  box-shadow: 0 20px 64px rgb(23 69 98 / 10%); color: #52758c;
}
#main_page_wrapper .aai-loading-logo { display: block; width: 152px; height: auto; margin: 0; }
#main_page_wrapper .aai-loading-motion { display: flex; align-items: center; justify-content: center; gap: 5px; height: 26px; }
#main_page_wrapper .aai-loading-motion span {
  display: block; width: 4px; height: 16px; background: #2097b5;
  border-radius: 4px; animation: aai-loading-wave 1.3s ease-in-out infinite;
}
#main_page_wrapper .aai-loading-motion span:nth-child(2) { animation-delay: .12s; }
#main_page_wrapper .aai-loading-motion span:nth-child(3) { animation-delay: .24s; }
#main_page_wrapper .aai-loading-motion span:nth-child(4) { animation-delay: .36s; }
#main_page_wrapper .aai-loading-motion span:nth-child(5) { animation-delay: .48s; }
#main_page_wrapper .aai-loading-label { margin: -12px 0 0; font-size: 14px; line-height: 1.5; font-weight: 400; letter-spacing: 0; text-align: center; }
@keyframes aai-loading-wave { 0%, 100% { transform: scaleY(.45); opacity: .4; } 45% { transform: scaleY(1.4); opacity: 1; } }
@media (prefers-reduced-motion: reduce) { #main_page_wrapper .aai-loading-motion span { animation: none; } #main_page_wrapper .aai-loading-motion span:nth-child(odd) { height: 10px; } }
