/* MYTHD visual navigation */
#mythdModernApp .m-nav{position:relative;gap:9px;padding:7px 6px 11px;scroll-padding-inline:20px;--nav-fade-left:0px;--nav-fade-right:0px;-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--nav-fade-left),#000 calc(100% - var(--nav-fade-right)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--nav-fade-left),#000 calc(100% - var(--nav-fade-right)),transparent)}
#mythdModernApp .m-nav button{position:relative;min-height:44px;flex-shrink:0;gap:8px;transition:transform .16s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}
#mythdModernApp .m-nav button.active{transform:translateY(-2px);background:color-mix(in srgb,var(--amber-500) 25%,var(--graphite-900));color:var(--paper);border-color:var(--amber-500);box-shadow:0 4px 10px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.2)}
#mythdModernApp .m-nav button:active{transform:translateY(1px) scale(.96);box-shadow:inset 0 2px 5px rgba(0,0,0,.16)}
#mythdModernApp .m-nav .mythd-tab-icon{width:18px;height:18px;flex:0 0 18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#mythdModernApp .m-nav .mythd-tab-indicator{position:absolute;left:0;bottom:4px;height:3px;border-radius:99px;background:var(--amber-500);pointer-events:none;transition:transform .24s ease,width .24s ease;opacity:0}
#mythdModernApp .m-nav .m-nav-alert:not(:empty){min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#c92332;color:#fff;font-size:10px;font-weight:800;line-height:19px;box-shadow:0 1px 3px rgba(0,0,0,.18);flex-shrink:0}
@media(hover:hover){#mythdModernApp .m-nav button:hover:not(.active){transform:translateY(-1px);box-shadow:0 4px 9px rgba(0,0,0,.12)}}
@media(max-width:680px){#mythdModernApp .m-nav button{padding:10px 12px;font-size:12px}#mythdModernApp .m-nav{gap:8px}}
@media(prefers-reduced-motion:reduce){#mythdModernApp .m-nav button,#mythdModernApp .m-nav .mythd-tab-indicator{transition:none}#mythdModernApp .m-nav button:active{transform:none}}