/* One primary navigation for every authenticated mobile page.
   Solid violet surface; no backdrop/glass effect on the primary action. */
html body #candao-primary-nav { display: none !important; }
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  html body:has(#candao-primary-nav) :is(nav.bottom-nav, .ai2-mobile-bottom-nav, .agd-mobile-bottom-nav):not(#candao-primary-nav) { display: none !important; }
  html body #candao-primary-nav {
    position: fixed !important;
    inset: auto 0 0 !important;
    z-index: 16010;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    align-items: center;
    width: 100% !important;
    max-width: none !important;
    height: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
    padding: 0 4px env(safe-area-inset-bottom, 0px) !important;
    margin: 0 !important;
    box-sizing: border-box;
    border: 0;
    border-top: 1px solid #e5e4ed;
    border-radius: 0 !important;
    background: #faf9fc !important;
    box-shadow: 0 -1px 8px rgba(34, 23, 62, .04);
    transform: none;
  }
  html body #candao-primary-nav > a {
    display: inline-flex !important;
    position: relative;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: row;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    height: 52px !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0;
    border-radius: 16px !important;
    color: #8994a8;
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
  }
  html body #candao-primary-nav > a::before,
  html body #candao-primary-nav > a::after { content: none !important; }
  html body #candao-primary-nav > a .material-icons {
    width: 24px !important; height: 24px !important; min-width: 24px;
    font-size: 24px !important; line-height: 1 !important;
    color: inherit !important; background: transparent !important;
    margin: 0 !important; opacity: 1 !important;
  }
  html body #candao-primary-nav > a.active:not(.feed-join-as-mobile) { color: #6743d7 !important; background: #eee9fa !important; }
  html body #candao-primary-nav > a.nav-cdo img {
    display: block !important; width: 28px !important; height: 28px !important;
    min-width: 28px !important; max-width: 28px !important; min-height: 28px !important; max-height: 28px !important; object-fit: contain; filter: none !important; opacity: 1 !important;
  }
  html body #candao-primary-nav > a.feed-join-as-mobile {
    justify-self: center;
    width: calc(100% - 8px) !important;
    max-width: 132px !important;
    flex-direction: column !important;
    gap: 3px !important;
    color: #fff !important;
    background: linear-gradient(145deg, #8054ed 0%, #7350df 48%, #603dc3 100%) !important;
    border: 1px solid rgba(81, 44, 160, .28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .27), 0 3px 8px rgba(92, 57, 179, .19);
    font: 750 11px/1.1 Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    letter-spacing: .015em;
    transition: filter 140ms ease, transform 140ms ease, box-shadow 140ms ease;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  html body #candao-primary-nav > a.feed-join-as-mobile .material-icons { width: 21px !important; height: 21px !important; font-size: 21px !important; }
  html body #candao-primary-nav > a.feed-join-as-mobile span { display: block !important; color: #fff !important; font: inherit; line-height: 1.1; }
  html body #candao-primary-nav > a.feed-join-as-mobile:active { filter: brightness(.93); transform: translateY(1px); box-shadow: inset 0 1px 2px rgba(44, 17, 95, .16), 0 1px 3px rgba(92, 57, 179, .15); }
  html body #candao-primary-nav > a:focus-visible { outline: 2px solid #51309e; outline-offset: -2px; }
  html body #candao-primary-nav > a.feed-join-as-mobile.active { background: linear-gradient(145deg, #7045d7, #5331ad) !important; }
  html body:has(#candao-primary-nav) > .main { padding-bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  html body:is(.web-wallet-open, .ai2-keyboard-open, .discover-keyboard-open, .map-bottom-nav-hidden) #candao-primary-nav { display: none !important; }
}
@media (hover: hover) {
  html body #candao-primary-nav > a.feed-join-as-mobile:hover { filter: brightness(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  html body #candao-primary-nav > a.feed-join-as-mobile { transition: none; }
}