/* === LUX NAV v1 - 2026.05.18 === */
.lux-nav{position:fixed;bottom:0;left:0;right:0;height:68px;z-index:9999;display:flex;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);background:rgba(5,5,8,0.82);backdrop-filter:blur(40px) saturate(2.2);-webkit-backdrop-filter:blur(40px) saturate(2.2);border-top:1px solid rgba(201,169,110,0.12);box-shadow:0 -4px 30px rgba(0,0,0,0.3)}
.lux-nav::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(201,169,110,0.3),transparent)}
.lux-nav-a{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:#7A7468;font-size:0.625rem;letter-spacing:0.08em;padding:6px 12px;border-radius:12px;position:relative;border:none!important;outline:none!important;background:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);font-family:"Inter","Noto Sans SC",system-ui,sans-serif}
.lux-nav-a:active{transform:scale(0.9);transition-duration:100ms}
.lux-nav-icon{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1.25rem;line-height:1;display:block;transition:filter .3s}
.lux-nav-a.on{color:#E2C97F;background:rgba(201,169,110,0.08)}
.lux-nav-a.on::before{content:"";position:absolute;top:-1px;width:24px;height:2px;background:linear-gradient(135deg,#C9A96E 0%,#E2C97F 50%,#C9A96E 100%);border-radius:1px;box-shadow:0 0 10px rgba(201,169,110,0.5)}
.lux-nav-a.on .lux-nav-icon{filter:drop-shadow(0 0 8px rgba(201,169,110,0.5))}


/* Kill old nav completely */
.nav-bottom{display:none!important;height:0!important;overflow:hidden!important}
.nav-inner{display:none!important}