/* Shared, restrained navigation palette. */
:root{--page-accent:143,190,245}
[data-page="home"],#socialBottomNav a[href$="#home"]{--nav-accent:143,190,245}
[data-page="acts"],#socialBottomNav a[href$="#acts"]{--nav-accent:110,210,194}
[data-page="stats"],#socialBottomNav a[href$="#stats"]{--nav-accent:174,157,235}
[data-page="coach"],#socialBottomNav a[href$="#coach"]{--nav-accent:231,184,123}
[data-page="social"],#socialBottomNav .current{--nav-accent:232,161,184}
[data-page="records"]{--nav-accent:226,201,132}
[data-page="races"]{--nav-accent:128,199,224}
[data-page="settings"],#mnavMoreBtn,#socialMoreToggle{--nav-accent:169,184,207}
.mnav>a,.mnav>button,aside a[data-page],#socialBottomNav a,#socialBottomNav button{
color:rgba(var(--nav-accent,169,184,207),.86)!important;
background:linear-gradient(145deg,rgba(var(--nav-accent,169,184,207),.055),transparent)!important;
}
.mnav a.on,.mnav button[aria-expanded="true"],aside a[data-page].on,#socialBottomNav .current{
color:#f3f7ff!important;
background:linear-gradient(145deg,rgba(var(--nav-accent),.28),rgba(var(--nav-accent),.10))!important;
box-shadow:inset 0 0 0 1px rgba(var(--nav-accent),.43),inset 0 1px 0 #ffffff20,0 3px 12px rgba(var(--nav-accent),.09)!important;
}
.mnav a.on svg,aside a.on svg,#socialBottomNav .current svg{color:rgb(var(--nav-accent));filter:drop-shadow(0 0 4px rgba(var(--nav-accent),.25))!important}
.mnavMoreMenu a{border-color:rgba(var(--nav-accent),.28)!important;background:linear-gradient(145deg,rgba(var(--nav-accent),.18),#152139)!important}
.mnavMoreMenu a .menuGlassIcon{background:rgba(var(--nav-accent),.12);border-color:rgba(var(--nav-accent),.25)}
#app>h1{color:color-mix(in srgb,rgb(var(--page-accent)) 65%,#fff)}
#app>.statsFilters,#app>.actFilters{border-color:rgba(var(--page-accent),.26)}
#app .activityMonth th{color:rgb(var(--page-accent))}
@media(prefers-reduced-motion:reduce){.mnav>a,.mnav>button{transition:none!important}}