:root{--bottom-nav-height:68px}
.reference-top button[hidden]{display:none}
/* The native Activity reserves Android system insets once; this bar fills its bottom edge. */
.bottom{position:fixed;inset:auto 0 var(--android-safe-bottom,env(safe-area-inset-bottom,0px));height:var(--bottom-nav-height);min-height:var(--bottom-nav-height);box-sizing:border-box;padding:6px 0;display:flex;align-items:stretch;gap:0;z-index:24;overflow:hidden;transform:none;transition:none;animation:none}
.bottom button{display:flex;flex:1 1 0;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;max-width:none;min-height:0;height:100%;padding:0 2px;margin:0;gap:6px;line-height:normal;overflow:hidden;color:var(--brand-subtle)}
.bottom button svg.nav-icon{display:block;position:static;flex:0 0 26px;width:26px;height:26px;min-width:26px;min-height:26px;margin:0;padding:0;transform:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.9;visibility:visible;opacity:1}
.bottom button span{display:block;position:static;flex:0 0 auto;max-width:100%;margin:0;padding:0;line-height:1.25;font-size:11px;font-weight:700;transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bottom button.active{color:var(--brand)}
body:not(.utility-page):not(.filters-page):not(.auth-page) #app{padding-bottom:calc(var(--bottom-nav-height) + 18px + var(--android-safe-bottom,env(safe-area-inset-bottom,0px)))}
#toast{bottom:calc(var(--bottom-nav-height) + 10px)}body.utility-page #toast{bottom:18px}
@media(max-width:350px){.bottom button span{font-size:10px}.bottom button{gap:5px}}