/* Neon navigation buttons, drawn only with CSS: no images and no animation, to keep it light. */
body.is-app-mode .mobile-bottom-nav{background:#050705!important;border-top-color:rgba(182,255,91,.28)!important;overflow:visible!important;gap:6px!important}
body.is-app-mode .mobile-bottom-nav>button,
body.is-app-mode .mobile-bottom-nav>button.is-active,
body.is-app-mode .app-tabs-main>button,
body.is-app-mode .app-tabs-main>button.is-active{
 position:relative!important;overflow:hidden!important;border:1.5px solid #6cc22c!important;border-radius:13px!important;color:#fff!important;
 background-color:#060806!important;
 background-image:
  linear-gradient(90deg,transparent 30%,#b6ff5b 42%,#b6ff5b 58%,transparent 70%),
  linear-gradient(90deg,transparent 30%,#b6ff5b 42%,#b6ff5b 58%,transparent 70%),
  radial-gradient(120% 90% at 100% 100%,rgba(120,220,50,.3),transparent 46%),
  linear-gradient(205deg,rgba(255,255,255,.2),transparent 26%),
  linear-gradient(160deg,#1a1d1a,#060806 60%)!important;
 background-repeat:no-repeat!important;
 background-size:100% 2px,100% 2px,100% 100%,100% 100%,100% 100%!important;
 background-position:top,bottom,center,center,center!important;
 box-shadow:0 0 5px rgba(120,220,50,.3),inset 0 0 6px rgba(120,220,50,.1)!important;
 transition:border-color .15s ease,box-shadow .15s ease;
}
body.is-app-mode .mobile-bottom-nav>button span,
body.is-app-mode .app-tabs-main>button span{color:#fff!important;font:800 12px/1.1 Manrope,Arial,sans-serif!important;letter-spacing:0!important}
body.is-app-mode .mobile-bottom-nav>button.is-active,
body.is-app-mode .app-tabs-main>button.is-active{
 border-color:#b6ff5b!important;
 box-shadow:0 0 4px #b6ff5b,0 0 13px rgba(182,255,91,.65),inset 0 0 8px rgba(182,255,91,.22)!important;
}
body.is-app-mode .mobile-bottom-nav>button.is-active span,
body.is-app-mode .app-tabs-main>button.is-active span{color:#b6ff5b!important;text-shadow:0 0 7px rgba(182,255,91,.6)}
body.is-app-mode .mobile-bottom-nav>button .nav-lyp-icon,
body.is-app-mode .app-tabs-main>button .nav-lyp-icon{box-sizing:border-box!important;width:27px!important;height:27px!important;padding:1px!important;border:1.5px solid #6cc22c!important;border-radius:50%!important;background:#060806!important;object-fit:contain!important;box-shadow:0 0 4px rgba(120,220,50,.35)!important}
body.is-app-mode .mobile-bottom-nav>button.is-active .nav-lyp-icon,
body.is-app-mode .app-tabs-main>button.is-active .nav-lyp-icon{border-color:#b6ff5b!important;box-shadow:0 0 7px rgba(182,255,91,.8)!important}
body.is-app-mode .mobile-bottom-nav>button:has(.nav-lyp-icon){grid-template-rows:27px 13px!important;padding:3px 2px!important;gap:1px!important}
body.is-app-mode .app-tabs-main>button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px 4px!important}
body.is-app-mode .app-tabs-main>button span{width:auto!important;text-align:center!important}
body.is-app-mode .mobile-bottom-nav>button:focus-visible,
body.is-app-mode .app-tabs-main>button:focus-visible{outline:2px solid #fff!important;outline-offset:2px!important}