.shared-mobile-nav{
  position:fixed;
  z-index:900;
  right:16px;
  bottom:max(16px, env(safe-area-inset-bottom));
  left:16px;
  display:flex;
  align-items:center;
  justify-content:space-around;
  gap:4px;
  padding:8px;
  border:1px solid rgba(255,255,255,0.85);
  border-radius:999px;
  background:rgba(255,255,255,0.78);
  box-shadow:0 8px 30px rgba(26,26,26,0.16), inset 0 1px 0 rgba(255,255,255,0.92);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
  font-family:Inter,system-ui,-apple-system,sans-serif;
}

.shared-mobile-nav a{
  display:flex;
  min-width:0;
  flex:1 1 0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:7px 2px;
  border-radius:999px;
  color:#1A1A1A;
  font-size:clamp(8px,2.5vw,10px);
  font-weight:700;
  line-height:1.15;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
  transition:background-color 150ms ease,color 150ms ease,transform 150ms ease;
}

.shared-mobile-nav a:hover,
.shared-mobile-nav a:focus-visible{
  background:rgba(255,249,196,0.85);
}

.shared-mobile-nav a[aria-current="page"]{
  background:#FFF9C4;
  color:#5D24D6;
}

.shared-mobile-nav svg{
  display:block;
  width:20px;
  height:20px;
  flex:none;
}

@media (min-width:1024px){
  .shared-mobile-nav{ display:none; }
}

@media (max-width:1023px){
  body{ padding-bottom:108px; }
}

@media (prefers-reduced-motion:reduce){
  .shared-mobile-nav a{ transition:none; }
}