/* Keep the entry header visible over green until the first page is ready. */
html[data-app-launch="entry"][data-theme],
html[data-app-launch="entry"] body.mobile-design.member-page{min-height:100dvh;background:#80ac9b}
html[data-app-launch="entry"] body.mobile-design .app-shell-nav{box-shadow:none}
@media(max-width:560px){
  html[data-app-launch="entry"] body.mobile-design .app-shell-nav{padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-bottom:36px;background:#80ac9b}
  html[data-app-launch="entry"] body.mobile-design .app-shell-nav .global-nav-inner{min-height:60px;padding:8px max(16px,env(safe-area-inset-right,0px)) 8px max(16px,env(safe-area-inset-left,0px))}
  html[data-app-launch="entry"] body.mobile-design .app-shell-nav .brand .logo{flex-basis:40px;width:40px;height:40px;font-size:24px}
  html[data-app-launch="entry"] body.mobile-design .app-shell-nav .brand strong{font-size:16px}
}
@media(prefers-reduced-motion:no-preference){
  html:is([data-app-launch="trend"],[data-app-launch="trend-entering"]),
  html:is([data-app-launch="trend"],[data-app-launch="trend-entering"]) body.mobile-design{overflow:hidden}
  html:is([data-app-launch="trend"],[data-app-launch="trend-entering"]) body.mobile-design #mainContent{transition:none;will-change:transform;pointer-events:none}
  html[data-app-launch="trend"] body.mobile-design #mainContent{transform:translateY(100vh)}
  html[data-app-launch="trend-entering"] body.mobile-design #mainContent{animation:andogam-launch-sheet .25s cubic-bezier(.16,1,.3,1) both}
  @keyframes andogam-launch-sheet{from{transform:translateY(100vh)}to{transform:translateY(0)}}
}