.footer-mobile{min-height:58px;padding:4px max(4px, env(safe-area-inset-right)) max(4px, env(safe-area-inset-bottom)) max(4px, env(safe-area-inset-left));z-index:100;background:#0b0f19fa;border-top:1px solid #00f0ff33;flex-shrink:0;grid-template-columns:repeat(5,minmax(0,1fr));justify-content:space-around;align-items:center;width:100%;display:grid}.footer-item{opacity:.42;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:44px;padding:3px 0 2px;transition:opacity .2s,transform .1s;display:flex;position:relative}.footer-notification-badge{z-index:2;color:#fff;pointer-events:none;background:#00aeca;border:1px solid #ffffff80;border-radius:3px;min-width:30px;padding:1px 4px;font-size:8px;font-weight:900;line-height:1.2;position:absolute;top:1px;left:calc(50% + 5px);box-shadow:0 0 8px #00f0ff61}.footer-item.active{opacity:1}.footer-item.upcoming{opacity:.42;cursor:default}.footer-icon{object-fit:contain;filter:grayscale(.7)brightness(.78);flex-shrink:0;width:23px;min-width:23px;height:23px;min-height:23px}.footer-label{color:#87919e;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;font-weight:800;line-height:1;overflow:hidden}.footer-item.active .footer-icon{filter:drop-shadow(0 0 6px #00f0ff9e)}.footer-item.active .footer-label{color:var(--neon-cyan,#00f0ff)}