/* tsyl688 floating tabbar — from app.4fa685bd.css (.tabBar_home / .tabbarNew) */
.tabBar_home {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(min(6.4vw, 27.392px) + env(safe-area-inset-bottom, 0px));
  z-index: 50;
  width: calc(min(100vw, 428px) - min(6.4vw, 27.392px));
  pointer-events: none;
}
.tabBar_home .tabbarNew {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: min(14.933vw, 63.915px);
  padding: 0 min(1.067vw, 4.565px);
  border-radius: min(7.467vw, 31.957px);
  background-image: linear-gradient(180deg, rgba(64, 47, 71, 0.12), rgba(28, 4, 40, 0.12));
  background-color: rgba(18, 12, 36, 0.72);
  border: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(min(8vw, 32px));
  -webkit-backdrop-filter: blur(min(8vw, 32px));
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.35);
}
.tabBar_home .tabbar-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  color: rgba(186, 189, 255, 0.8);
  text-decoration: none;
  font-size: min(2.667vw, 11.413px);
  min-height: min(12.8vw, 54.784px);
}
.tabBar_home .tabbar-item .tab-icon {
  width: 20px;
  height: 20px;
  display: grid;
  place-items: center;
  border-radius: 50%;
}
.tabBar_home .tabbar-item.active {
  color: #fff;
}
.tabBar_home .tabbar-item.active .tab-icon {
  background: rgba(124, 58, 237, 0.9);
  box-shadow: 0 0 12px rgba(124, 58, 237, 0.55);
  color: #fff;
}

/* keep legacy .tabbar usable if referenced */
.tabbar.grid {
  display: none;
}


/* Live hotpatched bottom nav (fixed left-1/2 pill) */
nav.fixed.left-1\/2,
nav[class*="fixed"][class*="left-1/2"],
.app-shell > nav.fixed {
  left: 50% !important;
  transform: translateX(-50%) !important;
  bottom: calc(min(6.4vw, 27.392px) + env(safe-area-inset-bottom, 0px)) !important;
  width: calc(min(100vw, 428px) - min(6.4vw, 27.392px)) !important;
  height: min(14.933vw, 63.915px) !important;
  border-radius: min(7.467vw, 31.957px) !important;
  background-image: linear-gradient(180deg, rgba(64, 47, 71, 0.12), rgba(28, 4, 40, 0.12)) !important;
  background-color: rgba(18, 12, 36, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(min(8vw, 32px)) !important;
  padding-left: min(1.067vw, 4.565px) !important;
  padding-right: min(1.067vw, 4.565px) !important;
}