:root{
  --jf93-safe-bottom:env(safe-area-inset-bottom,0px);
  --jf93-nav-h:76px;
  --jf93-fab:62px;
}

html,body{
  min-height:100%;
  background:#07050d;
}

body{
  padding-bottom:calc(var(--jf93-nav-h) + var(--jf93-safe-bottom) + 12px)!important;
}

/* Hide ONLY the legacy navigation by its exact known identifiers/classes.
   Never use a generic nav[aria-label*=...] selector here. */
body.jf93-ready #tabs,
body.jf93-ready nav#tabs,
body.jf93-ready .tabs:not(#jf93-nav),
body.jf93-ready .bottom-nav:not(#jf93-nav),
body.jf93-ready .bottom-tabs:not(#jf93-nav){
  display:none!important;
}

/* Hide ONLY known legacy JF controls. The new #jf93-fab is excluded explicitly. */
body.jf93-ready .jf-floating:not(#jf93-fab),
body.jf93-ready .floating-jf:not(#jf93-fab),
body.jf93-ready .assistant-fab:not(#jf93-fab),
body.jf93-ready #jf-button,
body.jf93-ready #jfButton,
body.jf93-ready [data-jf-button="legacy"]{
  display:none!important;
}

body.jf93-ready .bottom-spacer,
body.jf93-ready .nav-spacer,
body.jf93-ready .footer-spacer,
body.jf93-ready .safe-spacer,
body.jf93-ready .mobile-bottom-spacer,
body.jf93-ready [data-bottom-spacer]{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
}

#jf93-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:10000!important;
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  align-items:center!important;
  gap:3px!important;
  height:calc(var(--jf93-nav-h) + var(--jf93-safe-bottom))!important;
  padding:8px 7px calc(8px + var(--jf93-safe-bottom))!important;
  margin:0!important;
  box-sizing:border-box!important;
  background:rgba(10,8,15,.97)!important;
  border-top:1px solid rgba(139,92,246,.25)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  overflow:visible!important;
}

#jf93-nav button{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  min-width:0!important;
  height:58px!important;
  padding:5px 1px 4px!important;
  margin:0!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#aaa4b5!important;
  overflow:hidden!important;
  font:inherit!important;
}

#jf93-nav button.is-active,
#jf93-nav button[aria-current="page"]{
  color:#b88cff!important;
  background:linear-gradient(180deg,rgba(130,76,255,.18),rgba(130,76,255,.06))!important;
}

#jf93-nav .jf93-icon{
  width:21px!important;
  height:21px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 21px!important;
}

#jf93-nav svg{
  width:21px!important;
  height:21px!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

#jf93-nav .jf93-label{
  width:100%!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  text-align:center!important;
  font-size:8.8px!important;
  line-height:1!important;
  font-weight:700!important;
}

#jf93-fab{
  position:fixed!important;
  z-index:10020!important;
  display:grid!important;
  place-items:center!important;
  visibility:visible!important;
  opacity:1!important;
  right:14px!important;
  left:auto!important;
  bottom:calc(var(--jf93-nav-h) + var(--jf93-safe-bottom) + 10px)!important;
  width:var(--jf93-fab)!important;
  height:var(--jf93-fab)!important;
  min-width:var(--jf93-fab)!important;
  min-height:var(--jf93-fab)!important;
  max-width:var(--jf93-fab)!important;
  max-height:var(--jf93-fab)!important;
  padding:0!important;
  margin:0!important;
  border-radius:20px!important;
  border:1px solid rgba(151,96,255,.45)!important;
  background:linear-gradient(145deg,#151020,#5f2dd1)!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(0,0,0,.42),0 0 24px rgba(130,77,255,.24)!important;
  font-weight:900!important;
  font-size:22px!important;
  line-height:1!important;
  overflow:visible!important;
  clip-path:none!important;
  transform:none!important;
}

body.jf93-ready main,
body.jf93-ready #workspace{
  padding-bottom:calc(var(--jf93-nav-h) + var(--jf93-safe-bottom) + 22px)!important;
  margin-bottom:0!important;
}

#v51BuildMarker{
  left:12px!important;
  bottom:calc(var(--jf93-nav-h) + var(--jf93-safe-bottom) + 16px)!important;
}

@media(max-width:390px){
  :root{
    --jf93-nav-h:72px;
    --jf93-fab:58px;
  }
  #jf93-nav{
    gap:2px!important;
    padding-left:4px!important;
    padding-right:4px!important;
  }
  #jf93-nav button{
    height:54px!important;
    border-radius:12px!important;
  }
  #jf93-nav .jf93-label{
    font-size:8px!important;
  }
  #jf93-fab{
    right:10px!important;
    border-radius:18px!important;
  }
}