:root{--bayaan-safe-top:env(safe-area-inset-top,0px);--bayaan-safe-bottom:env(safe-area-inset-bottom,0px);--bayaan-safe-left:env(safe-area-inset-left,0px);--bayaan-safe-right:env(safe-area-inset-right,0px)}
body.native-mobile{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;padding-left:var(--bayaan-safe-left);padding-right:var(--bayaan-safe-right)}
body.native-mobile .app-header{padding-top:max(8px,var(--bayaan-safe-top))}
body.native-mobile .mobile-bottom-nav,body.native-mobile .bottom-nav{padding-bottom:max(8px,var(--bayaan-safe-bottom))}
body.native-mobile .husary-player,body.native-mobile .french-reader-player{padding-bottom:max(10px,var(--bayaan-safe-bottom))}
body.native-mobile button,body.native-mobile select,body.native-mobile input{touch-action:manipulation}
body.native-mobile .arabic-word{min-width:32px;min-height:40px}
body.native-mobile .analytics-tab-panel{contain:layout style}
@media(max-width:760px){body.native-mobile .analysis-card,body.native-mobile .i11-card{content-visibility:auto;contain-intrinsic-size:400px}body.native-mobile .result-card{content-visibility:auto;contain-intrinsic-size:420px}body.native-mobile .appearance-table-wrap{max-height:58vh;overflow:auto}body.native-mobile .appearance-chart-shell svg{max-height:48vh}}
body.native-mobile .native-chart-focus{position:fixed!important;inset:var(--bayaan-safe-top) 0 var(--bayaan-safe-bottom) 0!important;z-index:9999!important;background:var(--surface,#fff)!important;padding:16px!important;overflow:auto!important;border-radius:0!important}body.native-mobile .native-chart-focus svg{width:100%!important;max-height:none!important;height:75vh!important}