/* APPLE GLOBAL LAYOUT — 2.5.8.157 (single responsive authority).
   Applies to iPhone and iPad; Android keeps its independent styles.
   Portrait orientation enforcement must be implemented in native containers. */
@supports(height:100dvh){
  html:not([data-as-platform="android"]) body.as-app-ui{min-height:100dvh;}
}
html:not([data-as-platform="android"]) body.as-app-ui,
html:not([data-as-platform="android"]) body.as-app-ui #page{max-width:100%;min-width:0;}
html:not([data-as-platform="android"]) body.as-app-ui .as-app,
html:not([data-as-platform="android"]) body.as-app-ui .as-videos-shell,
html:not([data-as-platform="android"]) body.as-app-ui .as-account-shell,
html:not([data-as-platform="android"]) body.as-app-ui .as-subpage,
html:not([data-as-platform="android"]) body.as-app-ui .as-notif-page,
html:not([data-as-platform="android"]) body.as-app-ui .as-pref-page{
  max-width:100%;min-width:0;
  padding-inline-start:max(12px,env(safe-area-inset-left,0px));
  padding-inline-end:max(12px,env(safe-area-inset-right,0px));
}
/* Shell owns the single fixed bottom menu and safe-area insets. */
html:not([data-as-platform="android"]) body.as-route-home .as-bottom{
  padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));
  padding-inline-start:max(5px,env(safe-area-inset-left,0px));
  padding-inline-end:max(5px,env(safe-area-inset-right,0px));
}
@media(max-width:375px){
  html:not([data-as-platform="android"]) body.as-route-home .as-bottom a{
    min-width:0;font-size:clamp(10px,2.9vw,12px);
  }
  html:not([data-as-platform="android"]) body.as-route-home .as-bottom .ico{
    font-size:clamp(21px,6.5vw,26px);
  }
}