html, body { margin: 0; height: 100%; background: #F3F7F5; overflow: hidden; }
#bingkai {
  position: fixed; inset: 0; width: 100%; height: 100%;
  height: 100dvh; border: 0; display: block;
}
.memuat {
  position: fixed; inset: 0; z-index: 2; display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: 4px; background: #0E5A43; color: #fff;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif; text-align: center; padding: 20px;
  transition: opacity .35s ease;
}
.memuat.selesai { opacity: 0; pointer-events: none; }
.memuat p { margin: 6px 0 0; font-size: 15px; }
.memuat .kecil { font-size: 13px; opacity: .85; }
.memuat a { color: #F3D27A; }
.putar {
  width: 34px; height: 34px; border-radius: 50%;
  border: 3px solid rgba(255,255,255,.25); border-top-color: #F3D27A;
  animation: putar .9s linear infinite;
}
@keyframes putar { to { transform: rotate(360deg); } }