.app-bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;height:76px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:end;background:linear-gradient(180deg,#321a0d,#1d1008);border-top:2px solid #6b3b16;box-shadow:0 -6px 20px rgba(0,0,0,.34);z-index:40}.app-bottom-nav__item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#fff;font-weight:700}.app-bottom-nav__item span{font-size:24px;line-height:1}.app-bottom-nav__item small{font-size:11px}.app-bottom-nav__item.is-active{color:#baff43}.app-bottom-nav__sell{width:58px;height:58px;border-radius:50%;margin:auto auto 4px;background:linear-gradient(#ffd44c,#ff9700);color:#18130b;font-size:40px;line-height:54px;text-align:center;font-weight:400;border:3px solid #5f3807;box-shadow:0 4px 14px rgba(0,0,0,.35)}

/* Sharper mobile footer labels */
.app-bottom-nav__item,
.app-bottom-nav__item small {
    font-weight: 400 !important;
}

.app-bottom-nav__item small {
    font-size: 12px !important;
    letter-spacing: .2px !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Crisp bottom-nav text to match the rest of the app */
.app-bottom-nav__item,
.app-bottom-nav__item small {
    font-weight: 400 !important;
    text-shadow: none !important;
    filter: none !important;
    -webkit-font-smoothing: auto !important;
    -moz-osx-font-smoothing: auto !important;
    text-rendering: geometricPrecision !important;
}

.app-bottom-nav__item small {
    letter-spacing: .1px !important;
}