html {
  margin: 0;
  height: 100%;
  height: -webkit-fill-available;
  background: #F2EFE7;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
body {
  margin: 0;
  min-height: 100%;
  min-height: -webkit-fill-available;
  background: #F2EFE7;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  position: relative;
  box-sizing: border-box;
}
#root { margin: 0; min-height: 100%; min-height: -webkit-fill-available; background: #F2EFE7; width: 100%; max-width: 100%; }
* { -webkit-tap-highlight-color: transparent; }
#boot-loader { position: fixed; inset: 0; display: flex; align-items: center; justify-content: center; background: #F2EFE7; z-index: 9999; }
#boot-loader svg { width: 56px; height: 56px; animation: boot-pulse 1.4s ease-in-out infinite; }
@keyframes boot-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
@media (prefers-reduced-motion: reduce) { #boot-loader svg { animation: none; } }
/* Early standalone lock — before JS bundle paints */
html.ml-standalone, html.ml-standalone body, html.ml-standalone #root {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: clip !important;
}