@media (max-width:900px){
  .short-reel-meta{
    right:68px;
    bottom:calc(84px + env(safe-area-inset-bottom,0px));
    max-height:calc(100dvh - 190px - env(safe-area-inset-bottom,0px));
    overflow:hidden;
  }
  .short-reel-actions{
    bottom:calc(78px + env(safe-area-inset-bottom,0px));
  }
  .short-reel-card:after{inset:36% 0 0}
  .short-reel-meta time{padding-bottom:2px}
}
@media (max-width:900px) and (max-height:700px){
  .short-reel-meta{bottom:calc(72px + env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 160px)}
  .short-reel-actions{bottom:calc(68px + env(safe-area-inset-bottom,0px));gap:10px}
  .short-reel-actions button b,.short-reel-avatar{width:36px;height:36px}
}