.app-nav{z-index:900;background:var(--surface);border-top:3px solid var(--rule);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.app-nav__item{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 8px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.app-nav__item svg{width:22px;height:22px}.app-nav__item.is-active{color:var(--heading);box-shadow:inset 0 3px 0 var(--vis-yellow)}body.has-app-nav{padding-bottom:68px}