.io-pwa-install,.io-pwa-install *{box-sizing:border-box!important}.io-pwa-install{position:fixed!important;left:50%!important;right:auto!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;transform:translateX(-50%)!important;z-index:2147483000!important;display:flex!important;align-items:center!important;gap:10px!important;width:min(520px,calc(100vw - 28px))!important;margin:0!important;padding:9px 10px 9px 13px!important;border-radius:18px!important;background:rgba(6,17,31,.92)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 16px 44px rgba(0,0,0,.34)!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;color:#f8fafc!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;text-align:left!important;line-height:1.2!important}.io-pwa-install__body{display:grid!important;gap:2px!important;min-width:0!important;flex:1!important}.io-pwa-install__body strong{display:block!important;margin:0!important;padding:0!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:-.02em!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.io-pwa-install__body span{display:block!important;margin:0!important;padding:0!important;color:#cbd5e1!important;font-size:10.5px!important;font-weight:650!important;line-height:1.25!important}.io-pwa-install__actions{display:flex!important;gap:6px!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important}.io-pwa-install button{appearance:none!important;-webkit-appearance:none!important;border:0!important;border-radius:999px!important;min-height:30px!important;padding:7px 10px!important;margin:0!important;font-family:inherit!important;font-size:11px!important;line-height:1!important;font-weight:850!important;cursor:pointer!important;white-space:nowrap!important}.io-pwa-install__primary{background:#f8fafc!important;color:#06111f!important}.io-pwa-install__ghost{background:rgba(255,255,255,.10)!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.14)!important}@media(max-width:560px){.io-pwa-install{bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;width:min(390px,calc(100vw - 24px))!important;padding:8px 9px 8px 11px!important;border-radius:17px!important}.io-pwa-install__body strong{font-size:11.5px!important}.io-pwa-install__body span{font-size:10px!important}.io-pwa-install button{min-height:28px!important;padding:6px 9px!important;font-size:10.5px!important}}@media(max-width:380px){.io-pwa-install{align-items:flex-start!important}.io-pwa-install__actions{padding-top:1px!important}.io-pwa-install__body span{max-width:220px!important}}@media(display-mode:standalone){.io-pwa-install{display:none!important}}

html.io-native-webview .io-pwa-install, body.io-native-webview .io-pwa-install {display:none!important;}
body.menu-open .io-pwa-install{display:none!important;}

/* v5.9: when the mobile drawer is open, hide the original hamburger.
   The drawer has its own close button; keeping both creates the double-X on Android WebView. */
@media (max-width: 860px) {
  body.menu-open .menu-toggle {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.menu-open .menu-toggle span {
    opacity: 0 !important;
  }

  .mobile-menu .menu-close {
    position: relative !important;
    z-index: 2147483001 !important;
  }
}
/* v5.9: keep the original hamburger hidden also during drawer close animation.
   Without this, Android WebView briefly shows the hamburger/X underneath the panel close button. */
@media (max-width: 860px) {
  body.menu-open .menu-toggle,
  body.menu-closing .menu-toggle {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.menu-open .menu-toggle span,
  body.menu-closing .menu-toggle span {
    opacity: 0 !important;
  }

  .mobile-menu .menu-close {
    position: relative !important;
    z-index: 2147483001 !important;
  }
}

/* v5.9: kill drawer transitions on small screens to avoid Android WebView ghost/double render. */
@media (max-width: 860px) {
  body:not(.menu-open) .mobile-menu,
  body:not(.menu-open) .mobile-menu-backdrop {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;
    transition: none !important;
  }
  body.menu-open .mobile-menu,
  body.menu-open .mobile-menu-backdrop {
    display: block !important;
    visibility: visible !important;
    transition: none !important;
  }
  body.menu-open .mobile-menu {
    transform: none !important;
    pointer-events: auto !important;
  }
  body.menu-open .mobile-menu-backdrop {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
  .mobile-menu,
  .mobile-menu-panel,
  .mobile-menu-backdrop,
  .menu-toggle,
  .menu-toggle span,
  .menu-close {
    transition: none !important;
    animation: none !important;
  }
  .mobile-menu-panel {
    opacity: 1 !important;
    transform: none !important;
  }
  body.menu-open .menu-toggle,
  body.menu-closing .menu-toggle {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
}

/* v5.9.1 — definitive mobile menu icon fix.
   Keep one stable control in the header: burger when closed, X when open.
   This avoids old Chrome/Android collapsing the three spans into one dash. */
@media (max-width: 860px) {
  .menu-toggle {
    display: inline-flex !important;
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .menu-toggle span {
    position: absolute !important;
    left: 12px !important;
    width: 20px !important;
    height: 2px !important;
    margin: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    background: currentColor !important;
  }

  .menu-toggle span:nth-child(1) { top: 14px !important; }
  .menu-toggle span:nth-child(2) { top: 21px !important; }
  .menu-toggle span:nth-child(3) { top: 28px !important; }

  body.menu-open .menu-toggle,
  body.menu-closing .menu-toggle {
    display: inline-flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  body.menu-open .menu-toggle span,
  body.menu-closing .menu-toggle span {
    opacity: 0 !important;
  }

  body.menu-open .menu-toggle::before,
  body.menu-open .menu-toggle::after,
  body.menu-closing .menu-toggle::before,
  body.menu-closing .menu-toggle::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 21px !important;
    width: 20px !important;
    height: 2px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    opacity: 1 !important;
  }

  body.menu-open .menu-toggle::before,
  body.menu-closing .menu-toggle::before {
    transform: rotate(45deg) !important;
  }

  body.menu-open .menu-toggle::after,
  body.menu-closing .menu-toggle::after {
    transform: rotate(-45deg) !important;
  }

  /* The header control is now the only close control on mobile. */
  .mobile-menu .menu-close {
    display: none !important;
  }
}