*{-webkit-tap-highlight-color:transparent}.app-container{width:100%;height:100%;display:flex;flex-direction:column;background:beige}.bottom-nav{display:flex;justify-content:space-around;align-items:center;height:calc(64px + env(safe-area-inset-bottom,0));padding-bottom:env(safe-area-inset-bottom,0);background:#fff8e7;border-top:3px solid #4A3728;box-shadow:0 -4px #e8dcc0;flex-shrink:0}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#b8a98c;font-size:10px;gap:4px;min-width:64px;padding:4px 0;transition:color .2s;position:relative}.nav-icon-wrap{width:40px;height:34px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.pixel-icon{width:26px;height:26px;fill:currentColor;image-rendering:pixelated}.nav-item.active{color:#d88a2a}.nav-item.active:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:8px;height:8px;background:#d88a2a;image-rendering:pixelated}.nav-item.active .nav-icon-wrap{transform:translateY(-2px)}.nav-item.active .nav-label{font-weight:500}.nav-label{font-size:10px;line-height:1}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}