#app{touch-action:pan-y;overflow-x:clip}.topic-panel,#bw-panel,.menu-panel{touch-action:pan-y}.motion-ghost{contain:layout paint;user-select:none}.motion-ghost *{pointer-events:none!important;animation:none!important;transition:none!important}#nav button.active .nav-indicator,.hero-art{animation:none!important}.card,.topic-panel,#bw-panel{backface-visibility:hidden}button{transition:background-color 160ms ease,color 160ms ease,box-shadow 180ms ease}button:active{filter:brightness(.96)}.menu-overlay,.choice-overlay{overscroll-behavior:contain}.menu-panel{backface-visibility:hidden}.topic-chart-scroll,.report-chart,.spend-trend{touch-action:pan-x pan-y}.topic-tabs,.bw-tabs,.plan-tabs,.tabs{touch-action:pan-x pan-y}

.money-content{touch-action:pan-y;min-width:0;backface-visibility:hidden}.money-tabs{position:relative;z-index:2;background:var(--bg)}

/* Persistent app chrome must remain above every page-transition surface. */
#app{position:relative;z-index:0;isolation:isolate}
#nav{z-index:5;background:var(--card)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;opacity:1!important;animation:none!important;transition:none!important}
#nav button,#nav button .nav-indicator,#nav button .ui-icon,#nav button .nav-label{animation:none!important;transition:none!important}
#nav button:active{transform:none!important;filter:none!important}
#nav .nav-label,#nav button.active .nav-label{font-weight:600}

#nav button{min-width:0}#nav button .nav-indicator{width:min(56px,100%)}#nav .nav-label{font-size:10px}html[dir=rtl] #nav .nav-label{font-size:10px}

.topic-tabs{touch-action:pan-y}