#mnp-mobile-navigation{display:none;position:fixed;left:0;right:0;width:100%;box-sizing:border-box;padding:0 10px;z-index:var(--mnp-z);pointer-events:none;font-family:inherit}.mnp-position-bottom{bottom:0}.mnp-position-bottom.mnp-safe-area{padding-bottom:max(8px,env(safe-area-inset-bottom))}.mnp-position-top{top:0}.mnp-position-top.mnp-safe-area{padding-top:max(8px,env(safe-area-inset-top))}.mnp-nav-inner{pointer-events:auto;margin:0 auto;width:100%;max-width:var(--mnp-max);height:var(--mnp-height);background:var(--mnp-bg);border:1px solid var(--mnp-border);border-radius:var(--mnp-radius);display:flex;align-items:stretch;justify-content:space-around;box-shadow:0 10px 35px rgba(15,23,42,.14);overflow:hidden}.mnp-no-shadow .mnp-nav-inner{box-shadow:none}.mnp-nav-item{position:relative;min-width:0;flex:1;text-decoration:none!important;color:var(--mnp-text);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;font-weight:600;line-height:1.1;transition:color .18s ease,transform .18s ease,background .18s ease;background:transparent}.mnp-nav-item:hover,.mnp-nav-item:focus{color:var(--mnp-active)}.mnp-nav-item .mnp-icon{font-size:25px;width:28px;height:28px;line-height:28px;text-align:center}.mnp-nav-item .mnp-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 3px}.mnp-nav-item.mnp-active{color:var(--mnp-active)}.mnp-indicator{position:absolute;top:0;left:50%;transform:translateX(-50%);width:36px;height:3px;border-radius:0 0 4px 4px;background:var(--mnp-active)}.mnp-no-indicator .mnp-indicator{display:none}.mnp-no-labels .mnp-nav-item{gap:0}.mnp-template-minimal .mnp-nav-inner{border-radius:0;border-left:0;border-right:0}.mnp-template-minimal .mnp-nav-item .mnp-icon{font-size:22px}.mnp-template-minimal .mnp-nav-item .mnp-label{font-size:10px}.mnp-template-pill .mnp-nav-inner{border-radius:calc(var(--mnp-radius) + 8px);padding:5px}.mnp-template-pill .mnp-nav-item{border-radius:15px}.mnp-template-pill .mnp-nav-item.mnp-active{background:color-mix(in srgb,var(--mnp-active) 12%,transparent)}.mnp-template-pill .mnp-indicator{display:none}.mnp-template-floating{padding-left:14px!important;padding-right:14px!important}.mnp-template-floating .mnp-nav-inner{box-shadow:0 16px 38px rgba(15,23,42,.2);border:0}.mnp-template-floating .mnp-nav-item{border-radius:14px}.mnp-template-floating .mnp-indicator{top:2px}.mnp-theme-dark .mnp-nav-inner{background:#161a24;border-color:#2c3341}.mnp-theme-dark{--mnp-text:#aeb7c7}.mnp-theme-dark .mnp-nav-item{color:var(--mnp-text)}.mnp-theme-dark .mnp-nav-item.mnp-active,.mnp-theme-dark .mnp-nav-item:hover{color:var(--mnp-active)}
@media(max-width:768px){#mnp-mobile-navigation{display:block}}@media(min-width:769px){#mnp-mobile-navigation{display:none!important}}

/* OPIF popup compatibility. JS adds this class when the popup is open; the rules below are a safe CSS fallback. */
body.opif-lock #mnp-mobile-navigation,body:has(#opif-overlay.is-open) #mnp-mobile-navigation,#mnp-mobile-navigation.mnp-behind-opif{z-index:1!important}

/* App UI template added in v1.3.0 */
.mnp-icon-wrap{display:inline-flex;align-items:center;justify-content:center;flex:none}.mnp-template-app .mnp-nav-inner{padding:6px;background:var(--mnp-bg);border-radius:24px}.mnp-template-app .mnp-nav-item{gap:2px;border-radius:13px}.mnp-template-app .mnp-nav-item .mnp-icon-wrap{width:34px;height:29px;border-radius:9px}.mnp-template-app .mnp-nav-item.mnp-active .mnp-icon-wrap{background:var(--mnp-active);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--mnp-active) 24%,transparent)}.mnp-template-app .mnp-nav-item.mnp-active{color:var(--mnp-active)}.mnp-template-app .mnp-nav-item .mnp-icon{font-size:19px;width:22px;height:22px;line-height:22px}.mnp-template-app .mnp-nav-item .mnp-label{font-size:10px}.mnp-template-app .mnp-indicator{display:none}.mnp-template-app.mnp-position-bottom{padding-left:10px;padding-right:10px;padding-bottom:max(6px,env(safe-area-inset-bottom))}
.mnp-template-app.mnp-position-top{padding-top:max(6px,env(safe-area-inset-top))}
.mnp-theme-dark.mnp-template-app .mnp-nav-inner{background:#171b26;border-color:#2b3241}.mnp-theme-dark.mnp-template-app .mnp-nav-item:not(.mnp-active){color:#8f97a8}.mnp-theme-dark.mnp-template-app .mnp-nav-item.mnp-active{color:var(--mnp-active)}
@media(max-width:768px){.mnp-template-app .mnp-nav-inner{min-height:var(--mnp-height)}}

/* v1.4 shared button sizing */
.mnp-nav-item{border-radius:var(--mnp-item-radius)}.mnp-nav-item .mnp-icon{font-size:var(--mnp-icon-size);width:calc(var(--mnp-icon-size) + 4px);height:calc(var(--mnp-icon-size) + 4px);line-height:calc(var(--mnp-icon-size) + 4px)}.mnp-template-pill .mnp-nav-item,.mnp-template-floating .mnp-nav-item,.mnp-template-app .mnp-nav-item,.mnp-template-modern .mnp-nav-item{border-radius:var(--mnp-item-radius)}.mnp-template-modern .mnp-nav-inner{padding:6px 7px;border-radius:var(--mnp-radius);box-shadow:0 14px 30px rgba(31,24,57,.15)}.mnp-template-modern .mnp-nav-item{gap:3px}.mnp-template-modern .mnp-nav-item .mnp-icon-wrap{width:34px;height:29px;border-radius:10px}.mnp-template-modern .mnp-nav-item.mnp-active .mnp-icon-wrap{background:color-mix(in srgb,var(--mnp-active) 16%,transparent);color:var(--mnp-active);box-shadow:0 4px 10px color-mix(in srgb,var(--mnp-active) 16%,transparent)}.mnp-template-modern .mnp-nav-item.mnp-active{color:var(--mnp-active)}.mnp-template-modern .mnp-label{font-size:10px;font-weight:700}.mnp-template-modern .mnp-indicator{display:none}.mnp-theme-dark.mnp-template-modern .mnp-nav-inner{background:#171b26;border-color:#2b3241}.mnp-theme-dark.mnp-template-modern .mnp-nav-item:not(.mnp-active){color:#8f97a8}.mnp-theme-dark.mnp-template-modern .mnp-nav-item.mnp-active .mnp-icon-wrap{background:color-mix(in srgb,var(--mnp-active) 20%,transparent)}


/* v1.4.1 premium mobile UX + cross-platform safe-area refinement */
#mnp-mobile-navigation{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
#mnp-mobile-navigation.mnp-position-bottom.mnp-safe-area{
  padding-bottom:max(12px, env(safe-area-inset-bottom, 0px), env(safe-area-max-inset-bottom, 0px));
}
#mnp-mobile-navigation.mnp-position-top.mnp-safe-area{
  padding-top:max(10px, env(safe-area-inset-top, 0px), env(safe-area-max-inset-top, 0px));
}
.mnp-nav-inner{
  min-height:0;
  backdrop-filter:blur(18px) saturate(150%);
  -webkit-backdrop-filter:blur(18px) saturate(150%);
}
.mnp-nav-item{
  min-height:0;
  padding:4px 6px 3px;
  gap:3px;
  -webkit-tap-highlight-color:transparent;
}
.mnp-nav-item .mnp-icon-wrap{
  width:34px;
  height:29px;
  border-radius:10px;
  transition:transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}
.mnp-nav-item .mnp-icon{
  transition:transform .18s ease;
}
.mnp-nav-item:active .mnp-icon-wrap{transform:scale(.94)}
.mnp-nav-item.mnp-active .mnp-icon-wrap{
  background:color-mix(in srgb,var(--mnp-active) 13%,transparent);
  color:var(--mnp-active);
  box-shadow:0 4px 12px color-mix(in srgb,var(--mnp-active) 12%,transparent);
}
.mnp-nav-item.mnp-active .mnp-icon{transform:translateY(-.5px)}
.mnp-nav-item .mnp-label{font-size:10px;font-weight:700;letter-spacing:-.01em}
.mnp-template-classic .mnp-nav-inner{padding:4px 5px}
.mnp-template-classic .mnp-nav-item{border-radius:12px}
.mnp-template-classic .mnp-indicator{height:2px;width:28px;top:0}
.mnp-template-minimal .mnp-nav-inner{padding:3px 4px}
.mnp-template-minimal .mnp-nav-item .mnp-icon-wrap{width:30px;height:27px}
.mnp-template-pill .mnp-nav-inner{padding:4px}
.mnp-template-pill .mnp-nav-item.mnp-active{background:color-mix(in srgb,var(--mnp-active) 8%,transparent)}
.mnp-template-floating .mnp-nav-inner{padding:4px 5px}
.mnp-template-floating .mnp-nav-item.mnp-active .mnp-icon-wrap{background:color-mix(in srgb,var(--mnp-active) 15%,transparent)}
.mnp-template-app .mnp-nav-inner{padding:5px}
.mnp-template-app .mnp-nav-item .mnp-icon-wrap{width:34px;height:28px}
.mnp-template-modern .mnp-nav-inner{padding:5px 6px}
.mnp-template-modern .mnp-nav-item .mnp-icon-wrap{width:34px;height:28px}
.mnp-template-modern .mnp-nav-item.mnp-active .mnp-icon-wrap{background:color-mix(in srgb,var(--mnp-active) 16%,transparent)}
@media(max-width:768px){
  #mnp-mobile-navigation{padding-left:10px;padding-right:10px}
  .mnp-nav-inner{height:var(--mnp-height);max-height:78px}
}
@media(max-width:390px){
  .mnp-nav-item{padding-left:3px;padding-right:3px}
  .mnp-nav-item .mnp-icon-wrap{width:31px;height:27px}
  .mnp-nav-item .mnp-label{font-size:9px}
}

/* v1.4.3 — premium controls, stable taps and smooth page navigation */
@view-transition { navigation: auto; }
::view-transition-old(root),
::view-transition-new(root){animation-duration:.20s;animation-timing-function:cubic-bezier(.22,1,.36,1)}
::view-transition-old(root){animation-name:mnp-root-out}
::view-transition-new(root){animation-name:mnp-root-in}
@keyframes mnp-root-out{to{opacity:.94}}
@keyframes mnp-root-in{from{opacity:.94}}

#mnp-mobile-navigation{
  padding-left:var(--mnp-horizontal,10px);
  padding-right:var(--mnp-horizontal,10px);
  contain:layout paint;
}
.mnp-nav-inner{
  border-width:var(--mnp-border-width,1px);
  background:color-mix(in srgb,var(--mnp-bg) var(--mnp-bg-opacity,100%),transparent);
  transition:background-color .20s ease,border-color .20s ease,box-shadow .20s ease;
}
.mnp-nav-item,
.mnp-nav-item:hover,
.mnp-nav-item:focus,
.mnp-nav-item:focus-visible,
.mnp-nav-item:active{
  transform:none!important;
  animation:none!important;
  -webkit-tap-highlight-color:transparent;
}
.mnp-nav-item:focus{outline:none!important;}
.mnp-nav-item:focus-visible{outline:2px solid color-mix(in srgb,var(--mnp-active) 48%,transparent);outline-offset:-3px;}
.mnp-nav-item .mnp-icon-wrap{transform:none!important;}
.mnp-nav-item .mnp-icon-wrap svg{
  width:var(--mnp-icon-size);
  height:var(--mnp-icon-size);
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.mnp-nav-item .mnp-icon-wrap .mnp-icon{display:block}
.mnp-template-app .mnp-nav-inner,
.mnp-template-modern .mnp-nav-inner{background:color-mix(in srgb,var(--mnp-bg) var(--mnp-bg-opacity,100%),transparent)}
.mnp-template-floating .mnp-nav-inner{background:color-mix(in srgb,var(--mnp-bg) var(--mnp-bg-opacity,100%),transparent)}
.mnp-template-pill .mnp-nav-inner{background:color-mix(in srgb,var(--mnp-bg) var(--mnp-bg-opacity,100%),transparent)}

@media (prefers-reduced-motion: reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .mnp-nav-item,.mnp-nav-item .mnp-icon-wrap,.mnp-nav-item .mnp-icon,.mnp-nav-inner{transition:none!important}
}