/* BeatHelper canonical boot master v17.7.3
 * CLEAN shared loader contract for Landing, Mini App/Web App, internal app
 * transitions, Terms/Privacy and preview. No decorative background layer.
 * Geometry/typography intentionally match the canonical Mini App loader.
 */
:root{
  --bh-boot-bg:#05070C;
  --bh-boot-blue:#2F6BFF;
  --bh-boot-copy:#8394AC;
  --bh-boot-mark-mask:url('/assets/beathelper-mark.svg?v=12.0');
}

.v99-boot{
  position:fixed!important;
  z-index:9999;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:24px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:var(--bh-boot-bg)!important;
  color:#fff!important;
  font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif!important;
  transition:opacity .22s ease,visibility .22s ease!important;
}
.v99-boot.is-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.v99-boot-card{
  position:relative!important;
  z-index:1!important;
  width:min(320px,100%)!important;
  text-align:center!important;
}
.v99-boot-mark{
  height:34px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  color:var(--bh-boot-blue)!important;
  filter:drop-shadow(0 0 18px rgba(47,107,255,.34))!important;
}
.v99-boot-mark::before{
  content:""!important;
  display:block!important;
  height:100%!important;
  aspect-ratio:434 / 420!important;
  flex:0 0 auto!important;
  background:currentColor!important;
  -webkit-mask:var(--bh-boot-mark-mask) center/contain no-repeat!important;
  mask:var(--bh-boot-mark-mask) center/contain no-repeat!important;
}
.v99-boot-mark i{display:none!important;animation:none!important}
.v99-boot-title{
  margin-top:16px!important;
  color:#fff!important;
  font-size:18px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}
.v99-boot-copy{
  margin-top:6px!important;
  color:var(--bh-boot-copy)!important;
  font-size:10px!important;
  font-weight:400!important;
  line-height:1.4!important;
}
.v99-boot-line{
  width:100%!important;
  height:3px!important;
  margin-top:18px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.06)!important;
}
.v99-boot-line>i{
  display:block!important;
  width:45%;
  height:100%!important;
  border-radius:inherit!important;
  background:var(--bh-boot-blue)!important;
  animation:v99load 3.8s ease-in-out infinite!important;
  will-change:transform;
}
@keyframes v99load{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}