.app-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

.app-loading-overlay.is-active {
  display: flex;
}

.app-loading-box {
  display: flex;
  min-width: 132px;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 20px;
  border: 1px solid rgba(26, 26, 26, 0.12);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 14px 40px rgba(0, 0, 0, 0.16);
  color: #1a1a1a;
  font-family: "Noto Sans KR", "Nanum Gothic", sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.app-loading-spinner {
  width: 22px;
  height: 22px;
  border: 3px solid #d9dee8;
  border-top-color: #0843c1;
  border-radius: 50%;
  animation: app-loading-spin 0.8s linear infinite;
}

body.app-loading-lock {
  cursor: progress;
}

@keyframes app-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .app-loading-spinner {
    animation: none;
  }
}