.mobile-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-surface);border-top:1px solid var(--border-color);display:flex;justify-content:space-around;align-items:center;padding:.75rem 0;z-index:1000;box-shadow:0 -2px 10px #0000000d}.mobile-nav__item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--text-muted);font-size:.75rem;gap:4px}.mobile-nav__item.active{color:var(--color-primary)}.mobile-nav__icon{width:24px;height:24px}@media(min-width:768px){.mobile-nav{display:none}}