.app-loading {
  position: fixed;
  top: 18px;
  left: 50%;
  z-index: 1200;
  display: flex;
  align-items: center;
  gap: 9px;
  transform: translateX(-50%);
  padding: 10px 15px;
  border: 1px solid #eadbd1;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 10px 34px #17171724;
  color: #171717;
  font: 800 11px/1 Manrope, sans-serif;
  pointer-events: none;
}
.app-loading[hidden] { display: none; }
.app-loading-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid #f5d2bf;
  border-top-color: #c84817;
  border-radius: 50%;
  animation: app-loading-spin .7s linear infinite;
}
.app-loading-line {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, transparent, #c84817, #ef8a53, transparent);
  background-size: 200% 100%;
  animation: app-loading-slide 1.3s linear infinite;
}
@keyframes app-loading-spin { to { transform: rotate(360deg); } }
@keyframes app-loading-slide { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) {
  .app-loading-spinner, .app-loading-line { animation: none; }
}